iptdevs-design-system 3.1.979 → 3.1.981

package/fesm2020/iptdevs-design-system.mjs

@@ -1853,10 +1853,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
         }] });
 
 class updateUserFormComponent {
-    //   justifyOptions: any[] = [
-    //   { name: 'Activo', code: 1 },
-    //   { name: 'Removido', code: 4 }
-    // ];
     constructor(fb, cdr, parameterService, baseService, userService) {
         this.fb = fb;
         this.cdr = cdr;
@@ -1875,17 +1871,32 @@ class updateUserFormComponent {
         this.countries = [];
         this.showParentSection = false;
         this.showEmailIpt = false;
+        this.showConfirmSection = false;
+        this.parametersLoaded = false;
         this.indicatives = [];
         this.civilStatus = [];
         this.genders = [];
         this.stratums = [];
-        this.parametersLoaded = false;
         // userUpdated = false;
         this.initialFormValue = [];
         this.pendingInit = false;
         this.isStudent = false;
         this.justifyOptions = [];
+        //   justifyOptions: any[] = [
+        //   { name: 'Activo', code: 1 },
+        //   { name: 'Removido', code: 4 }
+        // ];
+        this.reasons = [
+            { label: 'Corrección de errores en datos personales', code: 1 },
+            { label: 'Actualización de contacto', code: 2 },
+            { label: 'Actualizacion de documentacion', code: 3 },
+            { label: 'correccion datos de Acudiente', code: 4 },
+            { label: 'Cambio de contraseña', code: 5 },
+            { label: '', code: 6 },
+            { label: 'Otro', code: 'otro' }
+        ];
         this.initForm();
+        this.initConfirmForm();
     }
     ngOnInit() {
         this.getParameters();
@@ -1910,6 +1921,12 @@ class updateUserFormComponent {
             this.idTypeSubscription.unsubscribe();
         }
     }
+    initConfirmForm() {
+        this.confirmForm = this.fb.group({
+            reason: ['', Validators.required],
+            observation: ['', Validators.required]
+        });
+    }
     setJustifyOptions() {
         this.isStudent = this.DataStudent?.role === 13;
         if (this.isStudent) {
@@ -2298,6 +2315,14 @@ class updateUserFormComponent {
             this.updateUserForm.controls['city'].setValue(null);
         }
     }
+    selectReason(reason) {
+        if (reason !== null) {
+            this.confirmForm.controls['reason'].setValue(reason);
+        }
+        else {
+            this.confirmForm.controls['reason'].setValue(null);
+        }
+    }
     setPhoto(type) {
         if (type === 'student')
             this.photo = '/platform/academic/assets/student.jpg';
@@ -2514,12 +2539,112 @@ class updateUserFormComponent {
         }
         return false;
     }
+    showConfirmSectionHandler() {
+        if (this.updateUserForm.invalid ||
+            this.updateUserForm.hasError('mismatch') ||
+            !this.hasFormChanged()) {
+            this.updateUserForm.markAllAsTouched();
+            console.log('Validation failed:', {
+                invalid: this.updateUserForm.invalid,
+                mismatch: this.updateUserForm.hasError('mismatch'),
+                hasChanges: this.hasFormChanged()
+            });
+            return;
+        }
+        this.showConfirmSection = true;
+    }
+    hideConfirmSection() {
+        this.showConfirmSection = false;
+        this.confirmForm.reset();
+    }
+    sendUpdateRequest() {
+        if (this.confirmForm.invalid) {
+            this.confirmForm.markAllAsTouched();
+            return;
+        }
+        this.loader = true;
+        const formValue = this.updateUserForm.getRawValue();
+        const confirmValue = this.confirmForm.value;
+        const request = {
+            token: this.baseService.getUserToken(),
+            user: {
+                code: this.DataStudent.code,
+                name: formValue.name,
+                last_name: formValue.last_name,
+                id_card_type: formValue.id_card_type,
+                id_card: formValue.id_card,
+                phone_indicative: formValue.phone_indicative,
+                phone_number: formValue.phone_number,
+                email: formValue.email,
+                gender: formValue.gender,
+                city: formValue.city,
+                service_hour: formValue.service_hour,
+                role: this.DataStudent.role,
+                status: formValue.status,
+                ...(this.showEmailIpt ? { email_ipt: formValue.email_ipt } : {}),
+                ...(formValue.changePassword && formValue.password ? { password: formValue.password } : {})
+            },
+            parent: this.showParentSection
+                ? {
+                    code: this.DataStudent.cods?.parent?.code || null,
+                    name: formValue.parent_name || null,
+                    last_name: formValue.parent_last_name || null,
+                    id_card_type: formValue.parent_id_card_type || null,
+                    id_card: formValue.parent_id_card || null,
+                    phone_indicative: formValue.parent_phone_indicative || null,
+                    phone_number: formValue.parent_phone_number || null,
+                    occupation: formValue.parent_occupation || null,
+                    office_adrress: formValue.parent_office_adrress || null,
+                    email: formValue.parent_email || null
+                }
+                : null,
+            reason: confirmValue.reason,
+            observation: confirmValue.observation,
+        };
+        console.log(request);
+        this.userService.updateUserAndParentByCode(request).subscribe({
+            next: (response) => {
+                if (response.message.code === 1) {
+                    Swal.fire({
+                        position: 'center',
+                        icon: 'success',
+                        title: 'Usuario actualizado satisfactoriamente',
+                        showConfirmButton: false,
+                        timer: 2500,
+                    });
+                    this.userUpdatedEvent.emit();
+                    this.closeTable();
+                }
+                else {
+                    Swal.fire({
+                        position: 'center',
+                        icon: 'error',
+                        title: 'Ha ocurrido un error inesperado',
+                        showConfirmButton: false,
+                        timer: 2500,
+                    });
+                }
+                this.loader = false;
+            },
+            error: (err) => {
+                console.error('Error updating user:', err);
+                Swal.fire({
+                    position: 'center',
+                    icon: 'error',
+                    title: 'Error al actualizar el usuario',
+                    showConfirmButton: false,
+                    timer: 2500,
+                });
+                this.loader = false;
+            }
+        });
+    }
 }
 updateUserFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: updateUserFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: ParameterService }, { token: BaseService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
-updateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: updateUserFormComponent, selector: "ipt-update-user-form", inputs: { DataStudent: "DataStudent", visibleModal: "visibleModal" }, outputs: { closeModalIS: "closeModalIS", userUpdatedEvent: "userUpdatedEvent" }, usesOnChanges: true, ngImport: i0, template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\"\n                [disabled]=\"isStudent\">\n              </p-selectButton>\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"updateUser()\"\n                [primary]=\"true\"\n              ></ipt-button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{color:#000;font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;-moz-transition:.2s ease all}.card-status{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i7.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "pipe", type: GenderDisplayPipe, name: "genderDisplay" }] });
+updateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: updateUserFormComponent, selector: "ipt-update-user-form", inputs: { DataStudent: "DataStudent", visibleModal: "visibleModal" }, outputs: { closeModalIS: "closeModalIS", userUpdatedEvent: "userUpdatedEvent" }, usesOnChanges: true, ngImport: i0, template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\">\n              </p-selectButton>\n              <!-- [disabled]=\"isStudent\"> -->\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n          <!-- Nueva secci\u00F3n de confirmaci\u00F3n -->\n          <div *ngIf=\"showConfirmSection\" class=\"section-header\">\n            <h2>Confirmar Ajuste</h2>\n          </div>\n          <div *ngIf=\"showConfirmSection\" class=\"form-grid\">\n            <div class=\"p-field\">\n              <label for=\"reason\">Raz\u00F3n del ajuste</label>\n              <ipt-select\n                [data]=\"reasons\" \n                [control]=\"confirmForm.controls['reason'].value\" \n                (eventSelect)=\"selectReason($event)\" \n                [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              ></ipt-select>\n\n              <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n                La raz\u00F3n es requerida\n              </small>\n            </div>\n            <div class=\"p-field\">\n              <label for=\"observation\">Observaci\u00F3n</label>\n              <textarea \n                id=\"observation\" \n                pInputTextarea \n                formControlName=\"observation\" \n                rows=\"3\" \n                placeholder=\"Describe detalles adicionales del ajuste\"\n              ></textarea>\n              <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n                La observaci\u00F3n es requerida\n              </small>\n            </div>\n          </div>\n          <!-- Botones -->\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <!-- <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"updateUser()\"\n                [primary]=\"true\"\n              ></ipt-button> -->\n              <ipt-button\n                [buttonType]=\"'button'\"\n                [label]=\"'Cerrar'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"closeTable()\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"!showConfirmSection\"\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmSectionHandler()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Confirmar y Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && confirmForm.valid\"\n                (onClick)=\"sendUpdateRequest()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Volver'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"hideConfirmSection()\"\n              ></ipt-button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;margin-left:9px}.card-status{margin-top:15px}.p-field{margin-bottom:1.5rem}.p-field label{display:block;margin-bottom:.5rem;font-weight:700}.p-error{color:red;font-size:.8rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i7.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "pipe", type: GenderDisplayPipe, name: "genderDisplay" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: updateUserFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-update-user-form', template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\"\n                [disabled]=\"isStudent\">\n              </p-selectButton>\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"updateUser()\"\n                [primary]=\"true\"\n              ></ipt-button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{color:#000;font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;-moz-transition:.2s ease all}.card-status{margin-top:15px}\n"] }]
+            args: [{ selector: 'ipt-update-user-form', template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\">\n              </p-selectButton>\n              <!-- [disabled]=\"isStudent\"> -->\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n          <!-- Nueva secci\u00F3n de confirmaci\u00F3n -->\n          <div *ngIf=\"showConfirmSection\" class=\"section-header\">\n            <h2>Confirmar Ajuste</h2>\n          </div>\n          <div *ngIf=\"showConfirmSection\" class=\"form-grid\">\n            <div class=\"p-field\">\n              <label for=\"reason\">Raz\u00F3n del ajuste</label>\n              <ipt-select\n                [data]=\"reasons\" \n                [control]=\"confirmForm.controls['reason'].value\" \n                (eventSelect)=\"selectReason($event)\" \n                [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              ></ipt-select>\n\n              <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n                La raz\u00F3n es requerida\n              </small>\n            </div>\n            <div class=\"p-field\">\n              <label for=\"observation\">Observaci\u00F3n</label>\n              <textarea \n                id=\"observation\" \n                pInputTextarea \n                formControlName=\"observation\" \n                rows=\"3\" \n                placeholder=\"Describe detalles adicionales del ajuste\"\n              ></textarea>\n              <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n                La observaci\u00F3n es requerida\n              </small>\n            </div>\n          </div>\n          <!-- Botones -->\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <!-- <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"updateUser()\"\n                [primary]=\"true\"\n              ></ipt-button> -->\n              <ipt-button\n                [buttonType]=\"'button'\"\n                [label]=\"'Cerrar'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"closeTable()\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"!showConfirmSection\"\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmSectionHandler()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Confirmar y Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && confirmForm.valid\"\n                (onClick)=\"sendUpdateRequest()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Volver'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"hideConfirmSection()\"\n              ></ipt-button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;margin-left:9px}.card-status{margin-top:15px}.p-field{margin-bottom:1.5rem}.p-field label{display:block;margin-bottom:.5rem;font-weight:700}.p-error{color:red;font-size:.8rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: ParameterService }, { type: BaseService }, { type: UserService }]; }, propDecorators: { DataStudent: [{
                 type: Input
             }], visibleModal: [{