\n","/* (ignored) */","import { Injectable, Injector } from '@angular/core';\nimport { Observable } from 'rxjs';\n\nimport { FacadeBase } from '../../../shared/base/class/facade.base';\nimport { GlobalState } from '../../../shared/base/class/global.state';\nimport { FileData } from '../../Models/file-data.model';\n\n/**\n * Facade para el cargue de archivos\n */\n@Injectable()\nexport class FileUploadFacade extends FacadeBase {\n\n /**\n * Observable que contiene la información de los archivos subidos\n */\n public get dataSelected$(): Observable {\n return this.state.fileUpload$;\n }\n\n /**\n * Crea una nueva instancia de FileUpload\n * @param state estado global\n * @param injector Servicio para obetner acceso a dependency control\n */\n public constructor(state: GlobalState, injector: Injector) {\n super(injector, state);\n }\n\n /**\n * Método en cargado de almacenar la información del archivo\n * @param fileUpload archivo\n */\n public setFileFileUploaded(fileUpload: FileData) {\n this.state.setFileUploaded(fileUpload);\n }\n\n /**\n * Método en cargado de almacenar la información de los archivos\n * @param fileUpload archivos\n */\n public setFileFileUpload(fileUpload: FileData[]) {\n this.state.setFileUpload(fileUpload);\n }\n\n /**\n * Método para establecer el valor de la variable disablebottonfileup\n * @param value Valor para disablebottonfileup\n */\n\n public setDisableButtonFileUp(disableButtonFileUp: boolean) {\n this.state.setDisableButtonFileUpGlobalState(disableButtonFileUp);\n }\n}\n","/* (ignored) */","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml, SafeResourceUrl, SafeScript, SafeStyle, SafeUrl } from '@angular/platform-browser';\n\n/**\n * Pipe encargado de sanetizar base64\n */\n@Pipe({\n name: 'sanitizer',\n})\nexport class SanitizerPipe implements PipeTransform {\n /**\n * Calling any of the `bypassSecurityTrust...` APIs disables Angular's built-in\n */\n private readonly sanitizer: DomSanitizer;\n /**\n * Constructor\n * @param sanitizer Calling any of the `bypassSecurityTrust...` APIs disables Angular's built-in\n */\n public constructor(sanitizer: DomSanitizer) {\n this.sanitizer = sanitizer;\n }\n\n /**\n * Método de transformación\n * @param value valor a comvertir\n * @param type tipo\n */\n public transform(value: string, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {\n switch (type) {\n case 'html':\n return this.sanitizer.bypassSecurityTrustHtml(value);\n case 'style':\n return this.sanitizer.bypassSecurityTrustStyle(value);\n case 'script':\n return this.sanitizer.bypassSecurityTrustScript(value);\n case 'url':\n return this.sanitizer.bypassSecurityTrustUrl(value);\n case 'resourceUrl':\n return this.sanitizer.bypassSecurityTrustResourceUrl(value);\n default:\n return this.sanitizer.bypassSecurityTrustHtml(value);\n }\n }\n\n}\n","/* (ignored) */","/* (ignored) */","import { Pipe, PipeTransform } from '@angular/core';\n\n/**\n * Pipe para ordenar la información de un array de objetos\n */\n@Pipe({\n name: 'sorted',\n})\nexport class SortedPipe implements PipeTransform {\n /**\n * Metodo encargado de tranformar la información\n * @param value Arreglo que se va a ordenar\n * @param descending Argumento que indica si el ordenamiento es o no descendente\n */\n public transform(value: any[] | null, property: string = '', descending: boolean = false): any[] {\n if (!value || property === '') {\n return value as any[];\n }\n const element: string = property;\n\n const sortFn: (a: any, b: any) => any = (a, b) => {\n let result = 0;\n\n if (a[element] === undefined) {\n result = -1;\n } else if (b[element] === undefined) {\n result = 1;\n } else {\n result = a[element] > b[element] ? 1 : b[element] > a[element] ? -1 : 0;\n }\n\n return descending ? result * -1 : result;\n };\n\n value.sort(sortFn);\n\n return value;\n }\n}\n","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"A3K8\";","import { Injectable, Injector, OnDestroy } from '@angular/core';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { Subject } from 'rxjs';\n\nimport { GlobalState } from './global.state';\n\n/**\n * Clase base para la comunicación del modulo con el backend y el estado\n */\n@Injectable()\nexport abstract class FacadeBase implements OnDestroy {\n /**\n * Estado global de la aplicacion\n */\n public readonly state: GlobalState;\n /**\n * Servicio para obetner acceso a dependency control\n */\n public readonly injector: Injector;\n /**\n * Servicio de spinner\n */\n public readonly spinner: NgxSpinnerService;\n /**\n * Observable para dar de baja las sucripciones\n */\n public readonly destroy$: Subject = new Subject();\n\n /**\n * Crea una nueva instancia de FacadeBase\n * @param state Administra el estado del modulo de clientes\n * @param injector Administra el estado del modulo de clientes\n */\n public constructor(injector: Injector, state: GlobalState) {\n this.state = state;\n this.injector = injector;\n this.spinner = this.injector.get(NgxSpinnerService);\n }\n\n /**\n * A lifecycle hook that is called when a directive, pipe, or service is destroyed.\n */\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n}\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n/**\n * Componente Main\n */\n@Component({\n selector: 'app-main',\n templateUrl: './main.component.html',\n styleUrls: ['./main.component.scss'],\n})\nexport class MainComponent implements OnInit {\n /**\n * Formulario\n */\n public frmGroup: FormGroup;\n /**\n * FormBuilder\n */\n private readonly frmBuilder: FormBuilder;\n /**\n * Servicio para registrar y mostrar iconos usados por el componente ``.\n */\n private readonly matIconRegistry: MatIconRegistry;\n /**\n * DomSanitizer ayuda a prevenir errores de Cross Site Scripting Security (XSS) al desinfectar valores para ser seguros de usar en los diferentes contextos DOM.\n */\n private readonly domSanitizer: DomSanitizer;\n\n public constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, frmBuilder: FormBuilder) {\n this.matIconRegistry = matIconRegistry;\n this.domSanitizer = domSanitizer;\n this.frmBuilder = frmBuilder;\n\n this.matIconRegistry.addSvgIcon(\n `choose_file`,\n this.domSanitizer.bypassSecurityTrustResourceUrl('../../../assets/images/Gráficos_Mesa de trabajo1.svg'),\n );\n\n this.frmGroup = this.frmBuilder.group({\n name: ['', Validators.required],\n city: ['', Validators.required],\n });\n }\n\n public ngOnInit(): void {\n }\n\n}\n","\n\n\n","import { Injectable, Injector } from '@angular/core';\nimport {\n CaptchaApiService,\n CaptchaDto,\n EncryptionCaptchaDto,\n} from '@prf/interaction';\nimport { QuerySubjectApiService, QuerySubjectDto } from '@prf/query-subject';\nimport { TypeCustomerApiService, TypeCustomerDto } from '@prf/type-customer';\nimport { TypeDocumentApiService, TypeDocumentDto } from '@prf/type-document';\nimport {\n DataRequestGestionDto,\n DataRequestSaveDto,\n EncryptionDataTreatmentDto,\n TratamientoDatosDto,\n WsDataTreatmentApiService,\n} from '@prf/ws-data-treatment';\nimport { Observable } from 'rxjs';\nimport { finalize, map, takeUntil } from 'rxjs/operators';\n\nimport { AuthenticationService } from '../../../services/authentication.service';\nimport { FacadeBase } from '../../../shared/base/class/facade.base';\nimport { GlobalState } from '../../../shared/base/class/global.state';\nimport { EncryptService } from '../../../shared/services/encrypt/encrypt.service';\nimport { FileService } from '../../../shared/services/file-server/file-server.service';\nimport { FileResponse } from '../../../shared/services/file-server/models/file-response.dto';\nimport { FileData } from '../../Models/file-data.model';\nimport { InteractionResponse } from '../../Models/interaction-response.model';\n\n/**\n * Facade Contact-Us\n */\n@Injectable()\nexport class ContactUsFacade extends FacadeBase {\n /**\n * Servicio encargado de interactuar con el servicio de encriptacion\n */\n private readonly encryptService: EncryptService;\n /**\n * Servicio encargado de interactuar con el file server\n */\n private readonly fileService: FileService;\n /**\n * Servicio encargado de interactuar con el MS de Type Document\n */\n private readonly typeDocumentApiService: TypeDocumentApiService;\n /**\n * Servicio encargado de interactuar con el MS de Type Customer\n */\n private readonly typeCustomerApiService: TypeCustomerApiService;\n /**\n * Servicio encargado de interactuar con el MS de Query Subject\n */\n private readonly querySubjectApiService: QuerySubjectApiService;\n /**\n * Servicio encargado de interactuar con el Ms de Interaction en el endpoint Captcha\n */\n private readonly captchaApiService: CaptchaApiService;\n /**\n * Servicio encargado de interactuar con el Ms de Ws Data Treatment\n */\n private readonly wsDataTreatmentApiService: WsDataTreatmentApiService;\n /**\n * Servicio encargado de administrar la autenticación\n */\n private readonly authenticationService: AuthenticationService;\n /**\n * Observable - Tipos de documentos\n */\n public get typeDocuments$(): Observable {\n return this.state.typeDocuments$;\n }\n /**\n * Observable - Tipos de cliente\n */\n public get typeCustomers$(): Observable {\n return this.state.typeCustomers$;\n }\n /**\n * Observable - Asuntos de consulta\n */\n public get querySubjects$(): Observable {\n return this.state.querySubjects$;\n }\n /**\n * Observable que contiene la información de los archivos subidos\n */\n public get dataSelected$(): Observable {\n return this.state.fileUpload$;\n }\n /**\n * Observable que contiene la información de los archivos subidos\n */\n public get infoDisableButtonFileUp$(): Observable {\n return this.state.disableButtonFileUp$;\n }\n\n /**\n * Constructor\n * @param state estado global\n * @param injector Servicio para obetner acceso a dependency control\n * @param typeDocumentApiService Servicio encargado de interactuar con el microservicio de tipo de documento\n * @param typeCustomerApiService Servicio encargado de interactuar con el microservicio de tipo de cliente\n * @param querySubjectApiService Servicio encargado de interactuar con el microservicio de asunto de consulta\n * @param captchaApiService Servicio encargado de interactuar con el Ms de Interaction en el endpoint Captcha\n * @param authenticationService Servicio encargado de los datos de Autenticación\n * @param fileService Servicio encargado de enviar los datos al file server\n */\n public constructor(\n state: GlobalState,\n injector: Injector,\n typeDocumentApiService: TypeDocumentApiService,\n typeCustomerApiService: TypeCustomerApiService,\n querySubjectApiService: QuerySubjectApiService,\n wsDataTreatmentApiService: WsDataTreatmentApiService,\n captchaApiService: CaptchaApiService,\n authenticationService: AuthenticationService,\n encryptService: EncryptService,\n fileService: FileService,\n ) {\n super(injector, state);\n this.typeDocumentApiService = typeDocumentApiService;\n this.typeCustomerApiService = typeCustomerApiService;\n this.querySubjectApiService = querySubjectApiService;\n this.wsDataTreatmentApiService = wsDataTreatmentApiService;\n this.captchaApiService = captchaApiService;\n this.authenticationService = authenticationService;\n this.encryptService = encryptService;\n this.fileService = fileService;\n }\n\n /**\n * Metodo encargado de consultar los tipos de documentos\n */\n public allTypeDocuments(fn: () => void) {\n this.spinner.show();\n this.typeDocumentApiService\n .all()\n .pipe(\n map((data) => data.filter((x) => x.state === true)),\n finalize(() => {\n this.spinner.hide();\n fn();\n }),\n takeUntil(this.destroy$),\n )\n .subscribe(\n (response) => {\n this.spinner.hide();\n this.state.setTypeDocuments(response);\n },\n () => {\n this.spinner.hide();\n },\n );\n }\n\n /**\n * Metodo encargado de consultar los tipos de clientes\n */\n public allTypeCustomers(fn: () => void) {\n this.spinner.show();\n this.typeCustomerApiService\n .all()\n .pipe(\n map((data) => data.filter((x) => x.state === true)),\n map((data) => data.filter((x) => x.state === true)),\n finalize(() => {\n this.spinner.hide();\n fn();\n }),\n takeUntil(this.destroy$),\n )\n .subscribe(\n (response) => {\n this.spinner.hide();\n this.state.setTypeCustomers(response);\n },\n () => {\n this.spinner.hide();\n },\n );\n }\n\n /**\n * Metodo encargado de consultar los Asuntos de consulta\n */\n public allQuerySubjects() {\n this.spinner.show();\n this.querySubjectApiService\n .all()\n .pipe(\n map((data) => data.filter((x) => x.state === true)),\n finalize(() => this.spinner.hide()),\n takeUntil(this.destroy$),\n )\n .subscribe(\n (response) => {\n this.spinner.hide();\n this.state.setQuerySubjects(response);\n },\n () => {\n this.spinner.hide();\n },\n );\n }\n\n /*\n **Metodo que trae los base 64 de tratamiento de datos\n */\n public getTratamientoDatos(): Observable {\n this.spinner.show();\n const data: DataRequestGestionDto = {\n codigoReferencia: '1004',\n funcionalidad: 'VENTANILLA',\n nombreReferencia: '1',\n producto: 'HABEAS_DATA',\n tipoDocumento: 'TRATAMIENTODATOS',\n };\n\n return this.wsDataTreatmentApiService.getWsDataTreatment(data).pipe(takeUntil(this.destroy$));\n }\n\n /*\n **Metodo que trae los base 64 de terminos y condiciones\n */\n public getTermsAndConditions(): Observable {\n this.spinner.show();\n const data: DataRequestGestionDto = {\n codigoReferencia: '1005',\n funcionalidad: 'VENTANILLA',\n nombreReferencia: '2',\n producto: 'USO_PLATAFORMA',\n tipoDocumento: 'TERMINOSYCONDICIONES',\n };\n\n return this.wsDataTreatmentApiService.getWsDataTreatment(data).pipe(takeUntil(this.destroy$));\n }\n\n /*\n **Metodo para aceptar tratamiento de datos\n */\n public aceptacionTratamientoDatos(tipoAfi: string, numberAfi: string): Observable {\n this.spinner.show();\n const dataRequestSave: DataRequestSaveDto = {\n aceptaciones: [\n {\n idDocumento: 429,\n aplicacion: 'VENTANILLA',\n ip: '190.253.152.137',\n tipoIdAfil: tipoAfi,\n numeroIdAfil: Number(numberAfi),\n transaccion: 'VENTANILLA',\n conceptoAceptacion: 'HABEAS_DATA_USO_APP',\n respuesta: 'SI',\n usuarioCreacion: '1073680216',\n },\n ],\n };\n\n const dataRequestSaveJson = JSON.stringify(dataRequestSave);\n\n const dataRequestSaveEncrypt = this.encryptService.toEncrypt(dataRequestSaveJson);\n\n const request: EncryptionDataTreatmentDto = {\n data: dataRequestSaveEncrypt,\n };\n\n return this.wsDataTreatmentApiService.PostWsDataTreatment(request).pipe(takeUntil(this.destroy$));\n }\n /*\n **Metodo para aceptar terminos y condiciones\n */\n public acceptanceTemsAndConditions(tipoAfi: string, numberAfi: string): Observable {\n this.spinner.show();\n const dataRequestSave: DataRequestSaveDto = {\n aceptaciones: [\n {\n idDocumento: 341,\n aplicacion: 'VENTANILLA',\n ip: '10.34.2.98',\n tipoIdAfil: tipoAfi,\n numeroIdAfil: Number(numberAfi),\n transaccion: 'VENTANILLA',\n conceptoAceptacion: 'ACEPTA_TERMINOS',\n respuesta: 'SI',\n usuarioCreacion: 'SISISGO',\n },\n ],\n };\n\n const dataRequestSaveJson = JSON.stringify(dataRequestSave);\n\n const dataRequestSaveEncrypt = this.encryptService.toEncrypt(dataRequestSaveJson);\n\n const request: EncryptionDataTreatmentDto = {\n data: dataRequestSaveEncrypt,\n };\n\n return this.wsDataTreatmentApiService.PostWsDataTreatment(request).pipe(takeUntil(this.destroy$));\n }\n /**\n * Método encargado de consultar el web service de Authentication a fin de validar el Captcha\n * @param captcha Representa la informacion de CaptchaDto\n */\n public auth(captcha: CaptchaDto, fn: (flag: boolean) => void) {\n this.spinner.show();\n\n const captchaJson = JSON.stringify(captcha);\n\n const captchaEncrypt = this.encryptService.toEncrypt(captchaJson);\n\n const request: EncryptionCaptchaDto = {\n data: captchaEncrypt,\n };\n\n this.captchaApiService\n .postCaptcha(request)\n .pipe(takeUntil(this.destroy$))\n .subscribe(\n (response) => {\n const captchaDecrypt = this.encryptService.toDecrypt(response.data || '');\n\n const captchaDeserealized = JSON.parse(captchaDecrypt) as InteractionResponse;\n\n if (captchaDeserealized.reCaptchaDto.isValidAuthentication) {\n this.state.setReCaptcha(captchaDeserealized.reCaptchaDto);\n this.state.setToken(captchaDeserealized.reCaptchaDto.authenticationToken || '');\n this.authenticationService.setAuthenticated = captchaDeserealized.reCaptchaDto.isValidAuthentication || false;\n this.authenticationService.setToken = captchaDeserealized.reCaptchaDto.authenticationToken || '';\n this.spinner.hide();\n fn(true);\n } else {\n this.spinner.hide();\n fn(false);\n }\n },\n () => {\n fn(false);\n this.spinner.hide();\n },\n );\n }\n \n /**\n * Metodo encargado de enviar los archivos al file server\n * @param files Lista de los archivos a cargar en el file service\n * @returns lista con las urls y los nombres de los archivos cargados\n */\n public async saveFileStorage(files: FileData[]): Promise {\n try {\n this.spinner.show();\n const filesResponse: FileResponse[] = [];\n\n const convertedFiles: File[] = files.map((fileData) => {\n // Verificar si el contenido está en formato \"tipo,base64\"\n let blob: Blob;\n if (fileData.content) {\n try {\n const [type, base64Data] = fileData.content.split(',');\n const binaryData = atob(base64Data || '');\n const byteArray = new Uint8Array(binaryData.length);\n\n // Convertir la cadena binaria a un array de bytes\n for (let i = 0; i < binaryData.length; i++) {\n byteArray[i] = binaryData.charCodeAt(i);\n }\n\n blob = new Blob([byteArray], { type });\n } catch (error) {\n blob = new Blob([], { type: fileData.type || 'application/octet-stream' });\n }\n } else {\n blob = new Blob([], { type: fileData.type || 'application/octet-stream' });\n }\n\n // Crear un objeto File\n return new File([blob], fileData.name || '', {\n lastModified: fileData.lastModified || Date.now(),\n type: fileData.type || blob.type,\n });\n });\n\n // Llamada al servicio y manejo del resultado\n const response = await this.fileService.PostUpdateFiles(convertedFiles);\n response.forEach((item) => {\n const fileResponse: FileResponse = {\n name: item.fileInfo?.name,\n uriDownload: item.fileInfo?.path?.uriDownload,\n };\n filesResponse.push(fileResponse);\n });\n this.spinner.hide();\n // Devuelve la información como una cadena JSON\n return JSON.stringify(filesResponse);\n\n } catch (error) {\n this.spinner.hide();\n throw new Error('');\n }\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n/**\n * Componente Error\n */\n@Component({\n selector: 'app-error',\n templateUrl: './error.component.html',\n styleUrls: ['./error.component.scss'],\n})\nexport class ErrorComponent implements OnInit {\n\n public ngOnInit(): void { }\n\n}\n","\n \n
Ups!! Server Error (500)
\n
Ha ocurrido un error provocado por la petición al servicio. Lo sentimos!
\n\n","import { Component } from '@angular/core';\n\n/**\n * Componente Raiz\n */\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.scss'],\n})\nexport class AppComponent {\n /**\n * Titulo\n */\n public title = 'contacto-porvenir';\n}\n","\n","import { Component, ElementRef, HostListener, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { PDFDocument } from 'pdf-lib';\nimport * as pdfjsLib from 'pdfjs-dist/legacy/build/pdf';\nimport { BehaviorSubject, Observable, Subject } from 'rxjs';\nimport { map, takeUntil } from 'rxjs/operators';\n\nimport { FileData } from '../../Models/file-data.model';\n\nimport { FileUploadFacade } from './file-upload.facade';\nimport { ModalLogic } from '../../../shared/logic/modal.logic';\npdfjsLib.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.js`;\n\n/**\n * Componente para carga de archivos\n */\n@Component({\n selector: 'app-file-upload',\n templateUrl: './file-upload.component.html',\n styleUrls: ['./file-upload.component.scss'],\n})\nexport class FileUploadComponent implements OnInit, OnDestroy {\n /**\n * ViewChild para poder hacer el llamado de fileInput2\n */\n @ViewChild('fileInput2') public fileInput2!: ElementRef;\n\n /**\n * Facade\n */\n public facade: FileUploadFacade;\n /**\n * BehaviorSubject para mostrar archivo subido\n */\n private readonly BehaviorSubjectMessageSelectFile = new BehaviorSubject('Seleccione su archivo');\n /**\n * Información de los archivos seleccionados\n */\n public dataSelected$ = new Observable();\n /**\n * Observable para destruir un flujo\n */\n public destroy$ = new Subject();\n /**\n * Ancho de la pantalla\n */\n public screenWidth!: number;\n /**\n * validar boton\n */\n public disableButtonFileUp = false;\n /**\n * Lista de Archivos seleccionados\n */\n public selectedFiles?: FileList;\n /**\n * Arreglo con la información de los archivos.\n */\n private files: FileData[] = [];\n /**\n * Contiene los controles del formulario\n */\n public formGroup: FormGroup;\n /**\n * Creador de Formulario para ser expuesto\n */\n public formBuilder: FormBuilder;\n /**\n * Creador de Formulario para ser expuesto\n */\n public modalLogic: ModalLogic = new ModalLogic();\n /**\n * Bandera para validar estado de archivos\n */\n public validateFiles = false;\n /**\n * Bandera para validar tamaño total de archivos\n */\n public validateSizeFiles = false;\n /**\n * Bandera para validar si el pop up ya se ha mostrado\n */\n public hasShownPopUp: boolean = false;\n /**\n * Mensaje de alerta de archivos\n */\n public messageValidateFiles = '';\n /**\n * Nombre de Campo para Archivos\n */\n public readonly filesFieldname = 'files';\n /**\n * Value spinner\n */\n public valueSpinner = 0;\n\n @HostListener('window:resize', ['$event'])\n public getScreenSize() {\n this.screenWidth = window.innerWidth;\n }\n\n /**\n * Constructor del componente FileUploadComponent.\n * @param formBuilder Provee azúcar sintáctico que acorta la creación de instancias de `FormControl`.\n * @param facade Facade para la lógica de negocio de carga de archivos.\n */\n public constructor(formBuilder: FormBuilder, facade: FileUploadFacade) {\n this.formBuilder = formBuilder;\n this.facade = facade;\n this.dataSelected$ = this.facade.dataSelected$;\n this.formGroup = this.formBuilder.group({});\n this.getScreenSize();\n this.facade.setDisableButtonFileUp(false);\n }\n\n /**\n * Método que se invoca al destruir el componente.\n * Se encarga de liberar recursos y finalizar observables.\n */\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n this.facade.ngOnDestroy();\n }\n\n /**\n * Método que se invoca al inicializar el componente.\n * Se suscribe al flujo de datos de archivos seleccionados.\n */\n public ngOnInit(): void {\n this.dataSelected$.pipe(takeUntil(this.destroy$)).subscribe();\n }\n\n /**\n * Método encargado de procesar la carga de archivos.\n * @param event Evento de carga de archivos desde el input file.\n */\n public async upload(event: any) {\n // Reiniciar banderas y valores antes de procesar la carga\n this.validateFiles = false;\n this.validateSizeFiles = false;\n this.facade.setDisableButtonFileUp(false);\n this.selectedFiles = event.target.files;\n const name = '';\n\n // Bandera para verificar si todos los archivos están protegidos por contraseña\n let someFileProtected = false;\n let someFileCorrupted = false;\n // Obtener control del formulario para los archivos\n const filesControl = this.formGroup.get(this.filesFieldname);\n\n // Función para quitar caracteres no permitidos\n const sanitizeFileName = (name: string): string => {\n return name\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .replace(/[ñÑ´¨¡¿¬°+#&]/g, (char) => {\n switch (char) {\n case 'ñ': return 'n';\n case 'Ñ': return 'N';\n default: return '';\n }\n });\n };\n\n if (this.selectedFiles && this.selectedFiles[0]) {\n let globalSize = this.files.reduce((totalSize, file) => {\n // Verificar si file.size está definido antes de sumarlo\n if (file.size !== undefined) {\n return totalSize + file.size;\n }\n\n return totalSize;\n }, 0);\n\n // Actualizar valor del spinner\n this.valueSpinner = 20;\n // Simular un retardo para mostrar progreso\n await this.delay(300);\n\n const fileListArray = Array.from(this.selectedFiles);\n // Iterar sobre los archivos seleccionados para procesar cada uno\n for (let selectedFile of fileListArray) {\n selectedFile = new File([selectedFile], sanitizeFileName(selectedFile.name), { type: selectedFile.type });\n const fileExtension = selectedFile.name.slice((Math.max(0, selectedFile.name.lastIndexOf('.')) || Infinity) + 1).toLocaleLowerCase();\n // Verificar tipo de archivo permitido (pdf, jpg, jpeg, png)\n switch (fileExtension) {\n case 'pdf':\n case 'jpg':\n case 'jpeg':\n case 'png':\n // Procesar archivo PDF para verificar si está protegido por contraseña\n if (fileExtension === 'pdf') {\n const reader = new FileReader();\n reader.onload = async (e: any) => {\n const result = e.target.result;\n try {\n const pdfDoc = await PDFDocument.load(result, { ignoreEncryption: true });\n if (pdfDoc.isEncrypted) {\n someFileProtected = true;\n } else {\n await pdfjsLib.getDocument({ data: result }).promise;\n }\n } catch (error) {\n // Archivo PDF puede estar malformado o corrupto\n someFileCorrupted = true;\n }\n };\n reader.readAsArrayBuffer(selectedFile);\n } else {\n someFileCorrupted = await this.isImageCorrupted(selectedFile);\n }\n\n // Verificar si el archivo ya ha sido cargado previamente\n const fileAlreadyUploaded = this.files.some(\n (file) => file.name === selectedFile.name || file.lastModified === selectedFile.lastModified,\n );\n\n // Actualizar valor del spinner\n this.valueSpinner = 65;\n // Simular un retardo para mostrar progreso\n await this.delay(300);\n\n // Verificar tamaño del archivo antes de proceder con la carga\n if (selectedFile.size <= 9000000) {\n // Actualizar valor del spinner\n this.valueSpinner = 100;\n // Simular un retardo para mostrar progreso\n await this.delay(300);\n\n globalSize += selectedFile.size;\n\n // Crear objeto FileData para el archivo actual\n const fileData: FileData = {\n lastModified: selectedFile.lastModified,\n name: selectedFile.name,\n size: selectedFile.size,\n type: selectedFile.type,\n };\n\n // Verificar si el archivo no ha sido cargado y no excede el tamaño permitido y no está protegido por contraseña\n if (!fileAlreadyUploaded && globalSize <= 9000000 && !someFileProtected && !someFileCorrupted) {\n // Añadir archivo a la lista de archivos cargados\n this.facade.setFileFileUploaded(fileData);\n\n // Leer contenido del archivo como base64 y agregarlo a fileData\n const reader = new FileReader();\n reader.onload = (e: any) => {\n fileData.content = e.target.result;\n this.files.push(fileData);\n // Actualizar valor del control del formulario con la lista de archivos\n filesControl?.setValue(this.files);\n // Limpiar errores del control del formulario\n filesControl?.setErrors(null);\n };\n reader.readAsDataURL(selectedFile);\n } else if (fileAlreadyUploaded) {\n // Mostrar mensaje de error si el archivo ya ha sido cargado\n this.validateFiles = true;\n this.facade.setDisableButtonFileUp(false);\n this.messageValidateFiles = 'Hola, detectamos que estas cargando un archivo duplicado.';\n } else if (someFileProtected || someFileCorrupted) {\n // Mostrar mensaje de error si el archivo PDF está protegido por contraseña\n this.validateFiles = true;\n this.facade.setDisableButtonFileUp(false);\n this.messageValidateFiles = 'Hola, detectamos que estás cargando un archivo con contraseña o un archivo inaccesible (dañado).';\n this.modalLogic.getCorruptedOrProtectedFilesModal();\n }\n } else if (selectedFile.size > 9000000) {\n // Mostrar mensaje de error si el archivo excede el tamaño permitido\n this.validateFiles = true;\n this.facade.setDisableButtonFileUp(false);\n this.messageValidateFiles = 'Hola, Los archivos de tu cargue superan el peso permitido.';\n this.modalLogic.getHeavyImageModal();\n }\n break;\n default:\n // Mostrar mensaje de error si el tipo de archivo no está permitido\n this.validateFiles = true;\n this.facade.setDisableButtonFileUp(false);\n this.messageValidateFiles = 'Hola, detectamos tipo de archivo no permitido en tu cargue.';\n this.modalLogic.getFormatNotAllowedModal();\n this.valueSpinner = 100;\n }\n }\n // Verificar si el tamaño total de archivos excede el límite permitido\n if (globalSize > 9000000) {\n this.validateFiles = true;\n this.facade.setDisableButtonFileUp(false);\n this.messageValidateFiles = 'Hola, Los archivos de tu cargue superan el peso permitido.';\n this.modalLogic.getHeavyImageModal();\n }\n\n // Actualizar el mensaje del BehaviorSubjectMessageSelectFile\n this.BehaviorSubjectMessageSelectFile.next(name);\n }\n }\n\n /**\n * Metodo para validar imagenes dañadas\n * @param file imagen cargada\n * @returns si la imagen se proceso bien o con error\n */\n public isImageCorrupted(file: File): Promise {\n return new Promise((resolve) => {\n const img = new Image();\n img.onload = () => resolve(false);\n img.onerror = () => resolve(true);\n img.src = URL.createObjectURL(file);\n });\n }\n /**\n * Delay\n * @param ms milisegundos\n */\n public async delay(ms: number) {\n return new Promise((resolve) => setTimeout(resolve, ms));\n }\n\n /**\n * Metodo para eliminar archivos\n * @param name nombre del archivo a eliminar\n */\n public deleteItem(name: string): void {\n let flag = true;\n this.dataSelected$\n .pipe(\n map((response) => response.filter((res) => res.name !== name)),\n takeUntil(this.destroy$),\n )\n .subscribe((x) => {\n if (flag) {\n flag = false;\n this.facade.setFileFileUpload(x);\n this.files = this.files.filter((file) => file.name !== name);\n this.fileInput2.nativeElement.value = '';\n }\n });\n }\n\n /**\n * Metodo que muestra el popup al seleccionar archivos\n */\n public showInputFilePopUp() : void {\n // Valida si el pop up ya se ha mostrado\n if (!this.hasShownPopUp) {\n\n // Define que el pop up ya fué mostrado\n this.hasShownPopUp = true;\n // Muestra el pop up e invoca el selector de archivos\n this.modalLogic.getFileUploadInformationModal(() => this.fileInput2.nativeElement.click());\n } else {\n // Si el pop up ya se mostró solo se abrirá el selector de archivos\n this.fileInput2.nativeElement.click();\n }\n }\n\n /**\n * onSubmit\n */\n public onSubmit() { }\n}\n","\n","import { ExtendedEnvironment } from '../app/shared/models/extended-enviroments.models';\n\n/**\n * Configuración del entorno\n */\nexport const environment: ExtendedEnvironment = {\n production: true,\n googleCaptcha: '6LfqKCcTAAAAADUAqXTkky_Q9i66RD1S0sHTb6xu',\n signingAesKey: 'F3gLZRh7Z7meR7hQx3f1SOrfgGPxMaGE',\n identityServer: {\n },\n apis: {\n acl: 'https://contacto.porvenir.com.co/access-control-list/api',\n 'type-document': 'https://contacto.porvenir.com.co/type-document/api',\n 'type-customer': 'https://contacto.porvenir.com.co/type-customer/api',\n 'query-subject': 'https://contacto.porvenir.com.co/query-subject/api',\n interaction: 'https://contacto.porvenir.com.co/interaction/api',\n 'type-treatment': 'https://contacto.porvenir.com.co/type-treatment/api',\n file:'https://contacto.porvenir.com.co/files/api'\n },\n environmentName: 'Staging',\n};\n","import { Component, OnInit } from '@angular/core';\n\n/**\n * Componente Unauthorized\n */\n@Component({\n selector: 'app-unauthorized',\n templateUrl: './unauthorized.component.html',\n styleUrls: ['./unauthorized.component.scss'],\n})\nexport class UnauthorizedComponent implements OnInit {\n\n public ngOnInit(): void { }\n\n}\n","\n \n
Ups!! Unauthorized (404)
\n
No se encuentra autorizad@ para realizar la petición al servicio. Lo sentimos!
\n\n","import { Pipe, PipeTransform } from '@angular/core';\n\n/**\n * Pipe para ordenar la información de un array de objetos\n */\n@Pipe({\n name: 'sortedTypeDocument',\n})\nexport class SortedTypeDocumentPipe implements PipeTransform {\n /**\n * Metodo encargado de tranformar la información\n * @param value Arreglo que se va a ordenar\n * @param descending Argumento que indica si el ordenamiento es o no descendente\n */\n public transform(value: any[] | null): any[] {\n // Verifica si el valor es nulo o no es un array\n if (!value || !Array.isArray(value)) {\n // Devuelve un array vacío so el valor es nulo\n return [];\n }\n\n // Orden predefinido de las propiedades \"mask\"\n const order = [\n 'CC',\n 'CE',\n 'NIT',\n 'PT - PPT',\n 'PS',\n 'RC',\n 'TI',\n 'DIP',\n 'PONU',\n 'AS',\n 'ME',\n 'CN',\n 'CU',\n 'SC',\n ];\n\n // Función de comparación personalizada para ordenar los objetos según el orden predefinido\n const compareFn = (a: any, b: any): number => {\n // Obtiene el índice de la propiedad \"mask\" de cada objeto en el orden predefinido\n const indexA = order.indexOf(a.mask);\n const indexB = order.indexOf(b.mask);\n // Devuelve la diferencia entre los índices para determinar el orden de clasificación\n return indexA - indexB;\n };\n\n // Ordenar el array de objetos utilizando la función de comparación personalizada\n return value.sort(compareFn);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { ReCaptchaDto } from '@prf/interaction';\nimport { QuerySubjectDto } from '@prf/query-subject';\nimport { TypeCustomerDto } from '@prf/type-customer';\nimport { TypeDocumentDto } from '@prf/type-document';\nimport * as _ from 'lodash';\nimport { BehaviorSubject, Subject } from 'rxjs';\n\nimport { FileData } from '../../../core/Models/file-data.model';\n\n/**\n * State global de la aplicación\n */\n@Injectable()\nexport class GlobalState {\n /**\n * BehaviorSubject - Tipos de documentos\n */\n private readonly bsTypeDocuments = new BehaviorSubject([]);\n /**\n * BehaviorSubject - Tipos de cliente\n */\n private readonly bsTypeCustomers = new BehaviorSubject([]);\n /**\n * BehaviorSubject - Asuntos de consulta\n */\n private readonly bsQuerySubjects = new BehaviorSubject([]);\n /**\n * BehaviorSubject - Client Transaction\n */\n private readonly bsFileUpload = new BehaviorSubject([]);\n /**\n * Subject ReCaptcha\n */\n private readonly subjectReCaptcha = new Subject();\n /**\n * Subject - subjectToken\n */\n private readonly subjectToken = new Subject();\n /**\n * Subject - subjectDisableBton\n */\n private readonly subjectDisableBton = new BehaviorSubject(false);\n /**\n * Información de Tipos de documentos Dto\n */\n public readonly typeDocuments$ = this.bsTypeDocuments.asObservable();\n /**\n * Información de Tipos de clientes Dto\n */\n public readonly typeCustomers$ = this.bsTypeCustomers.asObservable();\n /**\n * Información de Asuntos de consulta Dto\n */\n public readonly querySubjects$ = this.bsQuerySubjects.asObservable();\n /**\n * Información de Client Transaction\n */\n public fileUpload$ = this.bsFileUpload.asObservable();\n /**\n * Observable con ReCaptcha\n */\n public readonly reCaptcha$ = this.subjectReCaptcha.asObservable();\n /**\n * Observable con token\n */\n public token$ = this.subjectToken.asObservable();\n /**\n * Observable con boton desactivado\n */\n public disableButtonFileUp$ = this.subjectDisableBton.asObservable();\n\n /**\n * Metodo encargado de asignar Tipos de documentos\n * @param data Información de Tipos de documentos a asignar\n */\n public setTypeDocuments(data: TypeDocumentDto[]): void {\n this.bsTypeDocuments.next(data);\n }\n\n /**\n * Metodo encargado de asignar Tipos de clientes\n * @param data Información de Tipos de clientes a asignar\n */\n public setTypeCustomers(data: TypeCustomerDto[]): void {\n this.bsTypeCustomers.next(data);\n }\n\n /**\n * Metodo encargado de asignar Asuntos de consulta\n * @param data Información de Asuntos de consulta a asignar\n */\n public setQuerySubjects(data: QuerySubjectDto[]): void {\n this.bsQuerySubjects.next(data);\n }\n\n /**\n * Método en cargado de almacenar la información del archivo\n * @param fileUpload archivo\n */\n public setFileUploaded(fileUpload: FileData) {\n const cloneFileUploaded = _.cloneDeep(this.bsFileUpload.value);\n cloneFileUploaded.push(fileUpload);\n this.bsFileUpload.next(cloneFileUploaded);\n }\n\n /**\n * Método en cargado de almacenar la información de los archivos\n * @param fileUpload archivos\n */\n public setFileUpload(fileUpload: FileData[]) {\n this.bsFileUpload.next(fileUpload);\n }\n\n /**\n * Método en cargado de almacenar la información del estado del boton\n * @param disableButtonFileUp boton\n */\n public setDisableButtonFileUpGlobalState(disableButtonFileUp: boolean) {\n this.subjectDisableBton.next(disableButtonFileUp);\n }\n\n /**\n * @description Método encargado de establecer el ReCaptcha\n *\n * @param recaptcha recaptcha\n */\n public setReCaptcha(recaptcha: ReCaptchaDto) {\n this.subjectReCaptcha.next(recaptcha);\n }\n\n /**\n * @description Metodo encargado de asignar el resultado de token JWT\n * @param data Información de la token JWT\n */\n public setToken(token: string) {\n this.subjectToken.next(token);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { ErrorComponent } from './components/error/error.component';\nimport { UnauthorizedComponent } from './components/unauthorized/unauthorized.component';\nimport { ContactUsComponent } from './core/components/contact-us/contact-us.component';\nimport { HomeComponent } from './core/components/home/home.component';\nimport { MainComponent } from './core/components/main/main.component';\n\nconst routes: Routes = [\n {\n path: '',\n component: MainComponent,\n children: [\n {\n path: '',\n component: HomeComponent,\n },\n {\n path: 'contact',\n component: ContactUsComponent,\n },\n ],\n },\n {\n path: 'unauthorized',\n component: UnauthorizedComponent,\n },\n {\n path: 'error',\n component: ErrorComponent,\n },\n {\n path: '**',\n component: UnauthorizedComponent,\n },\n];\n\n/**\n * Rutas principales\n */\n@NgModule({\n imports: [RouterModule.forRoot(routes, { scrollPositionRestoration: 'top' })],\n exports: [RouterModule],\n})\nexport class AppRoutingModule { }\n","import Swal from 'sweetalert2';\n\n/**\n * Clase con la lógica de las ventanas modales custom\n */\nexport class ModalLogic {\n /**\n * Obtener modal generico\n */\n public getModal(title: string, description: string) {\n Swal.fire({\n customClass: {\n popup: 'container-thin-request',\n confirmButton: 'button-confirm',\n },\n // tslint:disable-next-line: prefer-template\n html:\n `\n \n
\n Recibimos tu solicitud, realizaremos la validación y\n procederemos a gestionar y dar respuesta entre tres\n y quince días hábiles máximo.\n \n \n Te enviamos al correo remitente el número de Radicado\n de tu solicitud, con el cual podrás hacer seguimiento.\n \n \n \n Por tu seguridad, si tú requerimiento incluye\n información sensible, la respuesta será enviada\n al correo que tienes registrado en Porvenir.\n
\n Le informamos que este formulario NO atenderá la\n recepción de ningún tipo de solicitud o\n requerimiento administrativo o judicial.\n
\n
\n Con el fin de brindar un mejor servicio le\n agradecemos que sus solicitudes y\n requerimientos los remita al correo\n notificacionesjudiciales@porvenir.com.co donde le darán\n trámite.\n
\n Podrás continuar con este formulario si tu solicitud sólo es para\n anexar el concepto de rehabilitación de clientes afiliados\n al Fondo de Pensiones Obligatorias administrador por Porvenir.\n
\n \n\n
\n Otras solicitudes del proceso de calificación de la invalidez como: pago honorarios,\n pronunciamiento de dictámenes, apelaciones, controversias, al buzón de correo:\n servicioalcliente@segurosalfa.com.co\n
\n Las solicitudes del proceso de calificación de la invalidez como:\n pago de honorarios, pronunciamiento de dictámenes, apelaciones, controversias, deberás remitirlas al buzón de correo:\n
\n En este formulario no podrás solicitar ni notificar\n temas relacionados con el proceso de calificación.\n
\n \n \n
\n Todas las solicitudes deberán ser enviadas al correo de la Aseguradora Alfa,\n entidad con la cual Porvenir tiene contratado el seguro previsional,\n que cubre las contingencias de invalidez y muerte.\n
\n \n \n
\n servicioalcliente@segurosalfa.com.co\n o citaciones.alfa@codess.org.co\n
\n Ten en cuenta al adjuntar documentos a tu solicitud validar el peso de máximo de 9 MB, así como \n los formatos permitidos JPG, JPEG, PNG y PDF y que estos archivos no esten protegidos con \n contraseñas, no estén comprimidos (extensiones como zip, rar, otros) o que estén dañados, toda \n vez que no están permitidos y tu solicitud no podrá ser atendida\n
\n El archivo que intentas cargar supera el peso permitido. Para continuar con tu solicitud, te \n pedimos que: 1. Verifiques que el peso del archivo, Asegúrate que tus archivos no superen el peso \n permitido (9MB). 2. Vuelve a cargar los archivos correctamente.\n
\n El archivo que intentas cargar es un formato no permitido. Para continuar con tu solicitud, te \n pedimos que: 1. Verifiques que el formato del documento a adjuntar (JPG, JPEG, PNG y PDF) 2. \n Vuelve a cargar los archivos correctamente.\n
\n `,\n width: '1100',\n heightAuto: true,\n confirmButtonText: 'ACEPTAR',\n allowOutsideClick: false,\n position: 'center',\n });\n }\n\n /**\n * Obtiene el modal de advertencia de archivos corruptos\n * o que poseen contraseña\n */\n public getCorruptedOrProtectedFilesModal() : void {\n Swal.fire({\n customClass: {\n popup: 'container-thickness-qualify',\n confirmButton: 'button-exit-qualify',\n image: 'warning-image-qualify',\n },\n imageUrl: './assets/images/Gráficos-08.svg',\n imageWidth: '250',\n imageHeight: '250',\n imageAlt: 'warning',\n html: `\n
\n El archivo que intentas cargar presenta problemas de accesibilidad (Contraseña o daños). Para \n continuar con tu solicitud, te pedimos que: 1. Verifiques que el archivo no esté protegido con \n contraseña. 2. Asegúrate que el archivo esté completo y sin daños. 3. Vuelvas a cargar el archivo \n correctamente.\n
\n Estimado usuario, su solicitud ya ha sido ingresada previamente. Por favor valide que la notificación del radicado\n haya llegado al correo que registró. Si tiene otra solicitud diferente por favor continuar.\n
\n Señores EPS agradecemos incluir los datos del afiliado del cual está adjuntando el concepto de rehabilitación.\n
\n `,\n width: '700',\n heightAuto: true,\n confirmButtonText: 'CONTINUAR',\n allowOutsideClick: false,\n position: 'top',\n });\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n/**\n * Componente del Footer\n */\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss'],\n})\nexport class FooterComponent implements OnInit {\n\n public ngOnInit(): void {\n }\n\n}\n","\n","import { Injectable } from '@angular/core';\nimport { environment } from 'apps/website/src/environments/environment';\nimport * as CryptoJS from 'crypto-js';\n\n/**\n * Servicio encargado de administrar los tipos de do\n */\n@Injectable()\nexport class EncryptService {\n\n /**\n * Llave privada\n */\n private readonly key = CryptoJS.enc.Utf8.parse(environment.signingAesKey);\n /**\n * Algoritmo\n */\n private readonly iv = CryptoJS.enc.Utf8.parse(environment.signingAesKey.substring(0, 16));\n\n /**\n * Metodo encargado de encriptar informacion\n */\n public toEncrypt(data: string): string {\n\n const encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Utf8.parse(data.toString()), this.key, { iv: this.iv });\n\n return encrypted.toString();\n }\n\n /**\n * Metodo encargado de desencriptar informacion\n */\n public toDecrypt(data: string): string {\n\n const decrypted = CryptoJS.AES.decrypt(data, this.key, { iv: this.iv });\n\n return decrypted.toString(CryptoJS.enc.Utf8);\n }\n}\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { environment } from 'apps/website/src/environments/environment';\n\nimport { FileDto } from './models/file.dto';\n\n/**\n * Servicio para el cargue de archivo al Storage\n */\n@Injectable({\n providedIn: 'root',\n})\nexport class FileService {\n /**\n * Performs HTTP requests. This service is available as an injectable class,\n * with methods to perform HTTP requests. Each request method has multiple signatures,\n * and the return type varies based on the signature that is called (mainly the values of observe and responseType).\n */\n private readonly http: HttpClient;\n /**\n * Url del servicio\n */\n private readonly apiUrl: string | undefined;\n /**\n * Objeto FormData para almacenar los datos del archivo\n */\n public formData: FormData = new FormData();\n /**\n * Constructor del servicio\n * @param http Performs HTTP requests. This service is available as an injectable class\n */\n public constructor(http: HttpClient) {\n this.http = http;\n this.apiUrl = environment.apis.file;\n }\n /**\n * Método encargado de consultar el envio de correos\n * informacion almacenada en los claims de identity server y retornar la información\n * @returns Objeto de tipo @see FileDto con la información de envio correo\n */\n public async PostUpdateFiles(files: File[]): Promise {\n if (files) {\n // Configurar FormData\n this.formData = new FormData();\n\n // Agregar los datos de la interfaz al formData\n for (const file of files) {\n this.formData.append('files', file);\n }\n }\n // Enviar la solicitud HTTP POST\n try {\n // Convierte el Observable a una Promesa\n const response = await this.http.post(`${this.apiUrl}/File/Upload/1?idCampaign=1&idUser=1&overwrite=false&target=1`, this.formData).toPromise();\n return response;\n } catch (error) {\n throw error;\n }\n }\n}\n","import { Component, HostListener, OnInit } from '@angular/core';\nimport { AbstractControl, FormBuilder, FormGroup, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';\nimport { MatDialog } from '@angular/material/dialog';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { CaptchaDto, InteractionDto } from '@prf/interaction';\nimport { QuerySubjectDto } from '@prf/query-subject';\nimport { TypeCustomerDto } from '@prf/type-customer';\nimport { TypeDocumentDto } from '@prf/type-document';\nimport { AceptacionesResultDto } from '@prf/ws-data-treatment';\nimport { Guid } from 'guid-typescript';\nimport { forkJoin, merge, Observable, Subject } from 'rxjs';\nimport { ModalLogic } from '../../../shared/logic/modal.logic';\nimport { EncryptService } from '../../../shared/services/encrypt/encrypt.service';\nimport { Data } from '../../Models/data.model';\nimport { FileData } from '../../Models/file-data.model';\nimport { Interaction } from '../../Models/interaction.model';\nimport { ModalsComponent } from '../modals/modals.component';\n\nimport { ContactUsFacade } from './contact-us.facade';\nimport { map, startWith } from 'rxjs/operators';\nimport emojiRegex from 'emoji-regex';\n\n/**\n * Componente de Contacto\n */\n@Component({\n selector: 'app-contact-us',\n templateUrl: './contact-us.component.html',\n styleUrls: ['./contact-us.component.scss'],\n})\nexport class ContactUsComponent implements OnInit {\n /**\n * Servicio encargado de interactuar con el servicio de encriptacion\n */\n private readonly encryptService: EncryptService;\n /**\n * Fachada Login\n */\n public readonly facade: ContactUsFacade;\n /**\n * Observable - Tipos de documentos\n */\n public readonly typeDocuments$: Observable = new Observable();\n /**\n * Observable - Tipos de clientes\n */\n public readonly typeCustomers$: Observable = new Observable();\n /**\n * Observable - Asustos de consulta\n */\n public readonly querySubject$: Observable = new Observable();\n /**\n * Observable que indica el estado de habilitación/deshabilitación del botón de archivo.\n */\n public infoDisableButtonFileUp$: Observable = new Observable();\n /**\n * Información de los archivos seleccionados\n */\n public dataSelected$ = new Observable();\n /**\n * Formulario\n */\n public frmGroup: FormGroup;\n /**\n * Lógica de Modals\n */\n public modalLogic: ModalLogic = new ModalLogic();\n /**\n * Ancho de la pantalla\n */\n public screenWidth!: number;\n /**\n * Número de caracteres en la descripción\n */\n public valor: number;\n /**\n * Provee una ventana flotante\n */\n public dialog: MatDialog;\n /**\n * Servicio para registrar y mostrar iconos usados por el componente ``.\n */\n private readonly matIconRegistry: MatIconRegistry;\n /**\n * DomSanitizer ayuda a prevenir errores de Cross Site Scripting Security (XSS) al desinfectar valores para ser seguros de usar en los diferentes contextos DOM.\n */\n private readonly domSanitizer: DomSanitizer;\n /**\n * Identifica si eps esta seleccionado\n */\n isEPSSelected: boolean = false;\n /**\n * Indica si se debe mostrar el campo de tipo de documento.\n */\n public showEpsItems: boolean = false;\n /**\n * Indica si se debe mostrar la sección de pensión.\n */\n public showPension: boolean = false;\n /**\n * Sujeto que emite cambios en el asunto de consulta.\n */\n private subjectChange = new Subject();\n /**\n * Sujeto que emite cambios en el tipo de cliente.\n */\n private typeCustomerChange = new Subject();\n\n @HostListener('window:resize', ['$event'])\n public getScreenSize() {\n this.screenWidth = window.innerWidth;\n }\n\n /**\n * Constructor del componente Contact-Us\n * @param facade Facade Contact-Us\n * @param fb Creates an AbstractControl from a user-specified configuration.\n * @param matIconRegistry Servicio para registrar y mostrar iconos usados por el componente ``.\n * @param domSanitizer Ayuda a prevenir errores de Cross Site Scripting Security (XSS) al desinfectar valores para ser seguros de usar en los diferentes contextos DOM.\n */\n public constructor(\n facade: ContactUsFacade,\n fb: FormBuilder,\n matIconRegistry: MatIconRegistry,\n domSanitizer: DomSanitizer,\n dialog: MatDialog,\n encryptService: EncryptService,\n ) {\n this.valor = 0;\n this.facade = facade;\n this.typeDocuments$ = this.facade.typeDocuments$;\n this.typeCustomers$ = this.facade.typeCustomers$;\n this.querySubject$ = this.facade.querySubjects$;\n this.encryptService = encryptService;\n this.dataSelected$ = this.facade.dataSelected$;\n this.infoDisableButtonFileUp$ = this.facade.infoDisableButtonFileUp$;\n this.frmGroup = fb.group({\n typeCustomer: ['', Validators.required],\n name: ['', [Validators.required, Validators.maxLength(128), Validators.pattern(/^[a-zA-ZÀ-ÿ ñÑ]{1,64}$/)]],\n email: [\n '',\n [\n Validators.required,\n Validators.maxLength(200),\n Validators.pattern(/^(?!.*\\.\\.)([a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,})$/),\n ],\n ],\n emailConfirmation: [\n '',\n [\n Validators.required,\n Validators.maxLength(200),\n Validators.pattern(/^(?!.*\\.\\.)([a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,})$/),\n ]\n ],\n typeDocument: ['', Validators.required],\n numberDocument: ['', [Validators.required, Validators.maxLength(10), Validators.minLength(5), Validators.pattern(/^(?!0+$)[0-9]{5,10}$/)]],\n country: ['', [Validators.required, Validators.maxLength(64), Validators.pattern(/^[a-zA-ZÀ-ÿ ñÑ]{1,64}$/)]],\n municipality: ['', [Validators.required, Validators.maxLength(64), Validators.pattern(/^[a-zA-ZÀ-ÿ ñÑ]{1,64}$/)]],\n department: ['', [Validators.required, Validators.maxLength(64), Validators.pattern(/^[a-zA-ZÀ-ÿ ñÑ]{1,64}$/)]],\n subject: ['', Validators.required],\n typeDocumentAfi: [''],\n numberDocumentAfi: [''],\n nameAfi: [''],\n typeConcep: [''],\n detailSubject: ['', [Validators.required, Validators.maxLength(500), this.noEmojiValidator()]],\n phone: ['', [Validators.required, Validators.maxLength(10), Validators.pattern(/^[0-9]{1,10}$/)]],\n address: ['', [Validators.required, Validators.maxLength(80), this.noEmojiValidator()]],\n dataTreatmentYes: [false, Validators.requiredTrue],\n dataTreatmentNo: false,\n acceptedTermsYes: [false, Validators.requiredTrue],\n acceptedTermsNo: false,\n recaptchaReactive: [null, Validators.required],\n },\n { validators: this.emailConfirmationValidator() }\n );\n\n this.frmGroup.get('subject')?.valueChanges.subscribe((value) => this.subjectChange.next(value));\n this.frmGroup.get('typeCustomer')?.valueChanges.subscribe((value) => this.typeCustomerChange.next(value));\n merge(\n this.subjectChange.pipe(startWith(this.frmGroup.get('subject')?.value)),\n this.typeCustomerChange.pipe(startWith(this.frmGroup.get('typeCustomer')?.value)),\n )\n .pipe(\n map(() => ({\n subject: this.frmGroup.get('subject')?.value,\n typeCustomer: this.frmGroup.get('typeCustomer')?.value,\n })),\n )\n .subscribe(({ subject, typeCustomer }) => {\n this.updateValidatorsForTypeDocumentAfi(subject, typeCustomer);\n });\n\n this.matIconRegistry = matIconRegistry;\n this.domSanitizer = domSanitizer;\n\n this.frmGroup.get('typeCustomer')?.valueChanges.subscribe((value) => {\n const isEpsSelected = value && value.name === 'EPS';\n this.isEPSSelected = isEpsSelected;\n\n if (!isEpsSelected) {\n this.frmGroup.get('subject')?.setValue('');\n this.frmGroup.get('typeDocumentAfi')?.setValue('');\n this.frmGroup.get('numberDocumentAfi')?.setValue('');\n this.frmGroup.get('nameAfi')?.setValue('');\n this.frmGroup.get('typeConcep')?.setValue('');\n }\n });\n\n this.matIconRegistry.addSvgIcon(\n `choose_file`,\n this.domSanitizer.bypassSecurityTrustResourceUrl('../../../assets/images/Gráficos_Mesa de trabajo1.svg'),\n );\n\n this.dialog = dialog;\n this.getScreenSize();\n }\n\n /**\n * Método encargado de inicializar el componente\n */\n public ngOnInit(): void {\n this.facade.allTypeDocuments(() => {\n this.facade.allTypeCustomers(() => {\n this.facade.allQuerySubjects();\n });\n });\n }\n\n /**\n * Actualiza los validadores para los campos de tipo de documento afiliado basado en los valores seleccionados.\n * @param subjectValue - El valor actual del campo 'Asunto de consulta'.\n * @param typeCustomerValue - El valor actual del campo 'Tipo de cliente'.\n */\n private updateValidatorsForTypeDocumentAfi(subjectValue: any, typeCustomerValue: any): void {\n // Obtiene el control del formulario de los datos especificados\n const typeDocumentControl = this.frmGroup.get('typeDocumentAfi');\n const numberDocumentControl = this.frmGroup.get('numberDocumentAfi');\n const nameAndLastNameControl = this.frmGroup.get('nameAfi');\n const typeConcepControl = this.frmGroup.get('typeConcep');\n\n // Determina si los campos están seleccionados basándose en los valores proporcionados.\n const isEPSSelected = subjectValue?.name === 'Concepto rehabilitación/EPS';\n const isTypeEpsSelected = typeCustomerValue?.name === 'EPS';\n\n // Configura los validadores basándose en las condiciones.\n if (isEPSSelected && isTypeEpsSelected) {\n // Establece los validadores para el tipo de documento afiliado como requerido.\n typeDocumentControl?.setValidators([Validators.required]);\n\n // Establece los validadores para el número de documento afiliado.\n numberDocumentControl?.setValidators([\n Validators.required,\n Validators.maxLength(10),\n Validators.minLength(5),\n Validators.pattern(/^[0-9]{5,10}$/),\n ]);\n\n // Establece los validadores para el nombre y apellido del afiliado.\n nameAndLastNameControl?.setValidators([\n Validators.required,\n Validators.maxLength(128),\n Validators.pattern(/^[a-zA-ZÀ-ÿ ñÑ]{1,64}$/),\n ]);\n\n // Establece los validadores para el tipo de concepto como requerido.\n typeConcepControl?.setValidators([Validators.required]);\n\n // Muestra los campos para Eps\n this.showEpsItems = true;\n } else {\n // Si ninguna de las condiciones anteriores se cumple, limpia los validadores.\n typeDocumentControl?.clearValidators();\n numberDocumentControl?.clearValidators();\n nameAndLastNameControl?.clearValidators();\n typeConcepControl?.clearValidators();\n\n // Oculta los campos correspondientes.\n this.showEpsItems = false;\n this.showPension = false;\n }\n\n // Actualiza la validez de los controles después de modificar los validadores.\n typeDocumentControl?.updateValueAndValidity();\n numberDocumentControl?.updateValueAndValidity();\n nameAndLastNameControl?.updateValueAndValidity();\n typeConcepControl?.updateValueAndValidity();\n }\n\n /**\n * Metodo para el control del checkbox de tratamiento de datos\n */\n public toggleCheckboxData(checkboxName: string) {\n if (checkboxName === 'dataTreatmentYes') {\n const habeasControl = this.frmGroup.get('dataTreatmentYes');\n const habeas2Control = this.frmGroup.get('dataTreatmentNo');\n\n if (habeasControl?.value) {\n habeas2Control?.setValue(false);\n }\n } else if (checkboxName === 'dataTreatmentNo') {\n const habeasControl = this.frmGroup.get('dataTreatmentYes');\n const habeas2Control = this.frmGroup.get('dataTreatmentNo');\n\n if (habeas2Control?.value) {\n habeasControl?.setValue(false);\n }\n }\n }\n /**\n * Metodo para el control del checkbox de terminos y condiciones\n */\n public toggleCheckboxTerms(checkboxName: string) {\n if (checkboxName === 'acceptedTermsYes') {\n const habeas3Control = this.frmGroup.get('acceptedTermsYes');\n const habeas4Control = this.frmGroup.get('acceptedTermsNo');\n\n if (habeas3Control?.value) {\n habeas4Control?.setValue(false);\n }\n } else if (checkboxName === 'acceptedTermsNo') {\n const habeas3Control = this.frmGroup.get('acceptedTermsYes');\n const habeas4Control = this.frmGroup.get('acceptedTermsNo');\n\n if (habeas4Control?.value) {\n habeas3Control?.setValue(false);\n }\n }\n }\n /**\n * Método que obtiene tratamiento de datos\n */\n public getTerminosyCondiciones() {\n this.facade.spinner.show();\n let datos = '';\n this.facade.getTratamientoDatos().subscribe((x) => {\n datos = `${x.listaDocumentos?.shift()?.contenidoDocumento || ''},Tratamiento de datos`;\n this.facade.spinner.hide();\n this.dialog.open(ModalsComponent, {\n width: '850px',\n height: '600px',\n closeOnNavigation: true,\n data: datos,\n });\n });\n }\n /**\n * Método que obtiene términos y condiciones\n */\n public getTerminosyCondiciones2() {\n this.facade.spinner.show();\n let datos = '';\n this.facade.getTermsAndConditions().subscribe((x) => {\n datos = `${x.listaDocumentos?.shift()?.contenidoDocumento || ''},Términos y condiciones`;\n this.facade.spinner.hide();\n this.dialog.open(ModalsComponent, {\n width: '850px',\n height: '600px',\n closeOnNavigation: true,\n data: datos,\n });\n });\n }\n\n /**\n * Método de guardado\n */\n public async onSubmit() {\n // Validar el botón para evitar envíos duplicados\n if (this.validateButton()) {\n return;\n }\n\n // Obtener los datos del formulario\n const form = this.frmGroup.value;\n\n // Cargar los adjuntos al file server\n const uploadFiles = await this.SendFileServer();\n let countAttachments = 0;\n let attachments = false;\n if (uploadFiles != '') {\n // Parsear la respuesta para convertirla en un array de objetos\n const filesArray = JSON.parse(uploadFiles);\n\n // Determinar si hay adjuntos\n attachments = filesArray.length > 0;\n\n // Contar la cantidad de adjuntos\n countAttachments = filesArray.length + (form.nameAfi ? 1 : 0);\n }\n // Crear un modelo de datos con la información del formulario\n const dataModel: Data = {\n customerType: form.typeCustomer.name,\n typeDocument: form.typeDocument.mask,\n querySubject: form.subject.name,\n numberDocument: form.numberDocument,\n name: form.name,\n email: form.email,\n phone: form.phone,\n country: form.country,\n department: form.department,\n municipality: form.municipality,\n address: form.address,\n queryDetail: form.detailSubject,\n attachments: attachments,\n countAttachments: countAttachments,\n dataTreatment: form.dataTreatmentYes,\n acceptedTerms: form.acceptedTermsYes,\n typeDocumentAffiliate: `${form.typeDocumentAfi?.mask ?? ''}`,\n numberDocumentAffiliate: `${form.numberDocumentAfi ?? ''}`,\n nameAffiliate: `${form.nameAfi ?? ''}`,\n concept: `${form.typeConcep ?? ''}`,\n attachmentsInfo: uploadFiles,\n };\n\n // Crear un modelo de interacción para el registro de la interacción\n const interactionModel: Interaction = {\n idInteraction: 1,\n // Generar un GUID para la interacción\n guId: Guid.create().toString(),\n // Datos del modelo de datos creado anteriormente\n data: dataModel,\n date: new Date(new Date().getTime() - new Date().getTimezoneOffset() * 60000).toISOString(),\n };\n // Crear un DTO de interacción para enviar al servicio de autenticación\n const interactionDto: InteractionDto = {\n typeDocument: form.typeDocument.mask,\n numberDocument: form.numberDocument,\n // Convertir el modelo de interacción a JSON y limpiar espacios en blanco\n payload: `${JSON.stringify(interactionModel)}`.trim(),\n version: '1',\n idSequence: 2,\n };\n\n // Crear un DTO de Captcha para enviar al servicio de autenticación\n const captcha: CaptchaDto = {\n googletoken: form.recaptchaReactive,\n interactionData: interactionDto,\n };\n\n // Llamar al método de autenticación con los DTOs y modelos preparados\n this.auth(captcha, dataModel);\n }\n\n /**\n * Metodo encargado de enviar los adjuntos al file server\n * @returns respuesta del file server\n */\n public async SendFileServer(): Promise {\n let adjuntos: FileData[] = [];\n // Suscripción para obtener la lista de archivos seleccionados\n this.dataSelected$.subscribe((response) => (adjuntos = response));\n if (adjuntos.length > 0) {\n return this.facade.saveFileStorage(adjuntos);\n }\n return '';\n }\n\n /**\n * Metodo encargado de validar captcha y guardar la interaccion\n * @param captcha Informacion necesaria para validar el captcha y guardar la interaccion\n * @param dataModel Informacion del formulario\n */\n public auth(captcha: CaptchaDto, dataModel: Data) {\n this.facade.auth(captcha, (response) => {\n if (response) {\n // Obtener la aceptación de términos y condiciones y tratamiento de datos\n const termsAndConditionsObservable = this.facade.acceptanceTemsAndConditions(\n dataModel?.typeDocument || '',\n dataModel?.numberDocument || '',\n );\n const aceptacionObservable = this.facade.aceptacionTratamientoDatos(\n dataModel?.typeDocument || '',\n dataModel?.numberDocument || '',\n );\n\n // Combinar las respuestas de aceptación y términos y condiciones\n forkJoin([aceptacionObservable, termsAndConditionsObservable]).subscribe(\n ([aceptacionResponse, termsAndConditionsResponse]) => {\n // Desencriptar y deserializar las respuestas de aceptación y términos y condiciones\n const aceptacionDecrypt = this.encryptService.toDecrypt(aceptacionResponse.data || '');\n\n const aceptacionDeserealized = JSON.parse(aceptacionDecrypt) as AceptacionesResultDto;\n\n const termsAndConditionsDecrypt = this.encryptService.toDecrypt(termsAndConditionsResponse.data || '');\n\n const termsAndConditionsDeserealized = JSON.parse(termsAndConditionsDecrypt) as AceptacionesResultDto;\n\n // Verificar que las respuestas de aceptación y términos y condiciones sean exitosas\n if (\n aceptacionDeserealized.status?.statusCode === 200 &&\n termsAndConditionsDeserealized.status?.statusCode === 200\n ) {\n // Mostrar el modal de solicitud\n this.facade.spinner.hide();\n this.modalLogic.getRequestModal();\n } else {\n // Ocultar el spinner si la autenticación o aceptación de términos y condiciones falla\n this.facade.spinner.hide();\n }\n },\n );\n }\n });\n }\n\n /**\n * Método encargado de mostrar los modal según a quién hace la solitud\n */\n public modalTypeCustomer() {\n const form = this.frmGroup.value;\n\n switch (form.typeCustomer.id) {\n case 7:\n this.modalLogic.getEpsModal();\n break;\n case 8:\n this.modalLogic.getArlModal();\n break;\n case 9:\n this.modalLogic.getJudicialEntityModal();\n break;\n case 10:\n this.modalLogic.getQualifyModal();\n break;\n default:\n }\n }\n /**\n * Método encargado de mostrar los modal según a asunto de tu consulta\n */\n public modalQuerySubject() {\n const form = this.frmGroup.value;\n switch (form.subject.id) {\n case 5:\n this.modalLogic.getEpsRehabilitationModal();\n break;\n default:\n }\n }\n /**\n * Método encargado de contar los caracteres de la descripción\n */\n public count() {\n const form = this.frmGroup.value;\n this.valor = form.detailSubject.length;\n }\n\n /**\n * Valida el estado del botón de subida de archivos.\n *\n * @returns `true` si el botón debe estar deshabilitado, `false` en caso contrario.\n */\n public validateButton(): boolean {\n let response = false;\n this.infoDisableButtonFileUp$.subscribe((x) => {\n response = x;\n });\n\n return response;\n }\n\n /**\n * Metodo encargado de detectar emogis\n * @returns si el campo contiene emogis o no\n */\n public noEmojiValidator(): ValidatorFn {\n return (control: AbstractControl): ValidationErrors | null => {\n if (!control.value) {\n return null; // Si el campo está vacío, no valida emojis\n }\n const regex = emojiRegex();\n const hasEmoji = regex.test(control.value);\n return hasEmoji ? { noEmoji: true } : null;\n };\n }\n\n /**\n * Metodo encargado de comparar el correo de confirmación\n * con el correo electrónico principal\n * @returns Función validadora\n */\n public emailConfirmationValidator(): ValidatorFn {\n return (group: AbstractControl): ValidationErrors | null => {\n\n // Obtiene el valor del campo email\n const email = group.get('email')?.value;\n\n // Obtiene el valor del campo confirmación de email\n const emailConfirmation = group.get('emailConfirmation')?.value;\n\n // Verifica que ningún campo esté vacío\n if (!email || !emailConfirmation) {\n return null;\n }\n\n // Define la condición\n const emailsMatch = email === emailConfirmation;\n\n // Retorna el objeto validador\n return emailsMatch ? null : { noMatchEmails: true };\n }\n }\n\n /**\n * Metodo encargado de prevenir los eventos del\n * portapapeles en el formulario\n */\n public preventDefault(event: ClipboardEvent): void {\n event.preventDefault();\n }\n}\n","
\n \n \n
\n \n
Diligencia el formulario:
\n
\n \n
\n Los campos marcados con * son obligatorios.\n
\n
\n \n \n \n \n
Cargando...
\n \n \n \n \n\n","import { HttpHeaders } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\n\n/**\n * Servicio encargado de los datos de Autenticación\n */\n@Injectable()\nexport class AuthenticationService {\n /**\n * Propiedad de control para determinar si se encuentra autenticado\n */\n private isAuthenticated: boolean;\n\n /**\n * Propiedad que contiene el access token\n */\n private token: string;\n\n /**\n * Gets the is authenticated\n */\n public get getAuthenticated(): boolean {\n return this.isAuthenticated;\n }\n\n /**\n * Método para hacer establecer si es autenticado\n * @param isAuthenticated Valor booleano a establecer\n */\n public set setAuthenticated(isAuthenticated: boolean) {\n this.isAuthenticated = isAuthenticated;\n }\n\n /**\n * Método para establecer el valor del Token\n * @param token Valor del Token a establecer\n */\n public set setToken(token: string) {\n this.token = token;\n }\n\n /**\n * Crea una nueva instancia de @see AuthenticationService\n */\n public constructor() {\n this.isAuthenticated = false;\n this.token = '';\n }\n\n /**\n * Metodo encargado de construir los header para peticiones Http\n * @returns Retorna un objeto HttpHeaders con el token y content-type\n */\n public getHeaders(): HttpHeaders {\n let headers = new HttpHeaders();\n\n headers = headers.set('Content-Type', 'application/json');\n\n return this.appendAuthorizationHeader(headers);\n }\n\n /**\n * Metodo encargado de asociar el token al header Authorization\n * @param headers Objeto al cual se le asociara el header Authorization con el token\n * @returns Retorna el objeto HttpHeaders con el encabezado Authorization\n */\n private appendAuthorizationHeader(headers: HttpHeaders): HttpHeaders {\n if (this.token === '') {\n return headers;\n }\n\n const tokenValue = `Bearer ${this.token}`;\n\n return headers.set('Authorization', tokenValue);\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';\nimport { APP_INITIALIZER, NgModule } from '@angular/core';\nimport { CoreModule, FlexLayoutModule } from '@angular/flex-layout';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { NexaConfigurationService } from '@nexa/configuration';\nimport { CaptchaApiService, InteractionApiService } from '@prf/interaction';\nimport { QuerySubjectApiService } from '@prf/query-subject';\nimport { TypeCustomerApiService } from '@prf/type-customer';\nimport { TypeDocumentApiService } from '@prf/type-document';\nimport { WsDataTreatmentApiService } from '@prf/ws-data-treatment';\nimport { RecaptchaFormsModule, RecaptchaModule, RecaptchaSettings, RECAPTCHA_LANGUAGE, RECAPTCHA_SETTINGS } from 'ng-recaptcha';\nimport { NgxSpinnerModule } from 'ngx-spinner';\n\nimport { environment } from '../environments/environment';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { ErrorComponent } from './components/error/error.component';\nimport { UnauthorizedComponent } from './components/unauthorized/unauthorized.component';\nimport { ContactUsComponent } from './core/components/contact-us/contact-us.component';\nimport { ContactUsFacade } from './core/components/contact-us/contact-us.facade';\nimport { FileUploadComponent } from './core/components/file-upload/file-upload.component';\nimport { FileUploadFacade } from './core/components/file-upload/file-upload.facade';\nimport { FooterComponent } from './core/components/footer/footer.component';\nimport { HeaderComponent } from './core/components/header/header.component';\nimport { HomeComponent } from './core/components/home/home.component';\nimport { MainComponent } from './core/components/main/main.component';\nimport { ModalsComponent } from './core/components/modals/modals.component';\nimport { AuthInterceptorService } from './services/auth-interceptor.service';\nimport { AuthenticationService } from './services/authentication.service';\nimport { GlobalState } from './shared/base/class/global.state';\nimport { SanitizerPipe } from './shared/pipes/sanitizer/sanitizer.pipe';\nimport { SortedTypeDocumentPipe } from './shared/pipes/sorted-type-document/sorted-type-document.pipe';\nimport { SortedPipe } from './shared/pipes/sorted/sorted.pipe';\nimport { EncryptService } from './shared/services/encrypt/encrypt.service';\nimport { FileService } from './shared/services/file-server/file-server.service';\n\n/**\n * Modulo Principal\n */\n@NgModule({\n declarations: [\n ContactUsComponent,\n AppComponent,\n HeaderComponent,\n FooterComponent,\n MainComponent,\n HomeComponent,\n ErrorComponent,\n UnauthorizedComponent,\n FileUploadComponent,\n SortedPipe,\n SortedTypeDocumentPipe,\n ModalsComponent,\n SanitizerPipe,\n ],\n imports: [\n BrowserModule,\n AppRoutingModule,\n CommonModule,\n CoreModule,\n NgxSpinnerModule,\n BrowserAnimationsModule,\n HttpClientModule,\n ReactiveFormsModule,\n FlexLayoutModule,\n MatFormFieldModule,\n MatButtonModule,\n MatIconModule,\n MatInputModule,\n MatSelectModule,\n MatCardModule,\n MatTooltipModule,\n MatProgressBarModule,\n MatCheckboxModule,\n RecaptchaFormsModule,\n RecaptchaModule,\n MatDialogModule,\n ],\n providers: [\n FileList,\n FileUploadFacade,\n GlobalState,\n NexaConfigurationService,\n ContactUsFacade,\n TypeDocumentApiService,\n TypeCustomerApiService,\n QuerySubjectApiService,\n InteractionApiService,\n CaptchaApiService,\n AuthenticationService,\n WsDataTreatmentApiService,\n EncryptService,\n FileService,\n {\n provide: HTTP_INTERCEPTORS,\n useClass: AuthInterceptorService,\n multi: true,\n },\n {\n provide: RECAPTCHA_SETTINGS,\n useValue: { siteKey: environment.googleCaptcha } as RecaptchaSettings,\n },\n {\n provide: RECAPTCHA_LANGUAGE,\n useValue: 'es',\n },\n {\n provide: APP_INITIALIZER,\n useFactory: (configService: NexaConfigurationService) => () => configService.loadConfigurations(environment).toPromise(),\n deps: [NexaConfigurationService],\n multi: true,\n },\n ],\n bootstrap: [AppComponent],\n})\nexport class AppModule { }\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n/**\n * Componente del Home\n */\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.scss'],\n})\nexport class HomeComponent implements OnInit {\n\n /**\n * Un servicio que proporciona navegación entre vistas y capacidades de manipulación de URL.\n */\n private readonly router: Router;\n /**\n * Proporciona acceso a información sobre una ruta asociada a un componente.\n */\n private readonly activatedRoute: ActivatedRoute;\n\n public constructor(router: Router, activatedRoute: ActivatedRoute) {\n this.router = router;\n this.activatedRoute = activatedRoute;\n }\n\n public ngOnInit(): void {\n }\n\n public onContact() {\n this.router.navigate(['../contact'], { relativeTo: this.activatedRoute });\n }\n\n /**\n * Método encargado de redirecionamiento al sitio de chat\n */\n public onLink() {\n location.href = 'https://chat.porvenir.com.co/';\n }\n\n}\n","
\n \n \n
\n \n
\n
\n
Bienvenido a tu
\n
\n
\n
Ventanilla Virtual
\n
\n
\n
\n \n
\n \n \n
\n
\n
AUTOSERVICIOS
\n
\n
\n
\n
\n
Para acceder a los siguientes servicios haz clic\n en\n el botón ingresar.\n
\n
\n
\n
Recuerda que tú mismo puedes hacerlo en\n línea.
\n
\n
\n \n
\n \n
\n
\n \n
\n
\n
Actualiza tus datos
\n
\n
\n \n
\n
\n \n
\n
\n
Certificados y extractos
\n
\n
\n \n
\n
\n \n
\n
\n
Requisitos para retiro de cesantías
\n
\n
\n \n
\n
\n \n
\n
\n
Consulta de\n Saldos
\n
\n
\n
\n
\n \n
\n
\n
\n \n
\n
\n
Contáctanos
\n
\n \n
\n
\n
\n
Si tienes algún asunto diferente, escríbenos a través\n de nuestro formulario.\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n \n
\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch((err) => console.error(err));\n","import { Component, Inject, OnInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n/**\n * Componente de Modals\n */\n@Component({\n selector: 'app-modals',\n templateUrl: './modals.component.html',\n styleUrls: ['./modals.component.scss'],\n})\nexport class ModalsComponent implements OnInit {\n /**\n * Referencia al mismo componente\n */\n private readonly matDialog: MatDialogRef;\n /**\n * Datos\n */\n public datos: string;\n /**\n * Titulo\n */\n public title: string;\n\n /**\n * Constructor\n * @param data Data\n * @param matDialog Reference to a dialog opened via the MatDialog service\n */\n // tslint:disable-next-line: no-parameter-properties\n public constructor(@Inject(MAT_DIALOG_DATA) public data: string, matDialog: MatDialogRef) {\n this.matDialog = matDialog;\n this.title = data.split(',')[1];\n // tslint:disable-next-line: prefer-template\n this.datos = `
![\"Logo](\"../../../../assets/images/Gráficos-16.svg\")
\n ![\"Logo](\"../../../../assets/images/Gráficos-15.svg\")
\n ![](\"../../../assets/images/Gráficos-15.svg\")
\n ![](\"../../../../assets/images/IE-logo.png\"){kind=logo}
\n ![](\"../../../../assets/images/chrome-logo.png\"){kind=logo}
\n ![](\"../../../../assets/images/firefox-logo.png\"){kind=logo}
\n ![](\"../../../../assets/images/safari-logo.png\"){kind=logo}
\n ![](\"../../../../assets/images/vigilado.png\")
\n ![\"Banner](\"../../../../assets/images/banner-principal.png\"\n)
\n ![\"Actualización](\"../../../../assets/images/Grafica_Lupa.svg\"\n)
\n ![\"Certificados](\"../../../../assets/images/Gráficos-04.svg\"\n)
\n ![\"Documentos](\"../../../../assets/images/Gráficos-05.svg\"\n)
\n ![\"Consulta](\"../../../../assets/images/Gráficos-06.svg\"\n)
\n