\r\n\r\n \r\n {{ actionModalInfo.content}}\r\n \r\n","import { FormsModule } from '@angular/forms';\r\nimport { Component, EventEmitter, Output, OnInit, ChangeDetectorRef, AfterViewInit } from '@angular/core';\r\nimport * as bootstrap from 'bootstrap';\r\nimport { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { AppComponent } from '../../../app/app.component';\r\nimport { environment } from 'src/environments/env.default';\r\nimport { BaseService } from 'src/app/shared/services/base.service';\r\nimport { ConfigService } from 'src/app/shared/services/config.service';\r\nimport { QuestionService } from '../Invoices/services/question.service';\r\nimport { Router } from '@angular/router';\r\nimport { Company } from 'src/interfaces/env.default.interface';\r\n\r\n@Component({\r\n selector: 'app-invoice-search-ticket',\r\n templateUrl: './invoice-search-ticket.component.html',\r\n styleUrls: ['./invoice-search-ticket.component.css'],\r\n providers: [QuestionService],\r\n})\r\nexport class InvoiceSearchTicketComponent implements OnInit, AfterViewInit {\r\n public CONF: any = ConfigService.CONF; // load configuration by enviroment\r\n public showSpinnerProcess: boolean = false; // Used to show the spinner\r\n public actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n showCancelButton: false,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Confirmar',\r\n onCloseEvent: () => {},\r\n onCancelEvent: () => {},\r\n };\r\n\r\n public showSearchButton: boolean = false;\r\n public searchValue: string = '';\r\n public urlPdf: string = '';\r\n public urlXml: string = '';\r\n public message: string = '';\r\n public error: boolean = false;\r\n public showticket: boolean = false;\r\n public tipoForm: string = '';\r\n public existsPdf: boolean = false;\r\n public existsXml: boolean = false;\r\n\r\n public selectedOption: number = 1; // Valor predeterminado\r\n\r\n //Forma 1\r\n public uuidForm: string = '';\r\n\r\n //Forma 2\r\n public ticketForm: string = '';\r\n public sucursalForm: string = '';\r\n public montoForm: string = '';\r\n public canalVentaForm: string = '';\r\n public fechaVentaForm: string = '';\r\n\r\n //Forma 3\r\n public rfcReceptorForm: string = '';\r\n public serieForm: string = '';\r\n public folioForm: string = '';\r\n public fechaEmiForm: string = '';\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private app: AppComponent,\r\n private cdr: ChangeDetectorRef,\r\n private config: ConfigService,\r\n private router: Router,\r\n private qService: QuestionService\r\n ) {}\r\n\r\n ngAfterViewInit(): void {\r\n this.cdr.detectChanges();\r\n }\r\n\r\n ngOnInit() {\r\n this.config.getConfigurationAsync().subscribe((configuration) => {\r\n this.CONF = ConfigService.CONF;\r\n this.cdr.detectChanges();\r\n });\r\n }\r\n\r\n public ticketShow(): void {\r\n this.showticket = !this.showticket;\r\n }\r\n\r\n public searchValueChange(): void {\r\n this.showSearchButton = false;\r\n }\r\n\r\n public eraseSearch(): void {\r\n this.showSearchButton = false;\r\n this.searchValue = '';\r\n this.uuidForm = '';\r\n this.ticketForm = '';\r\n this.sucursalForm = '';\r\n this.montoForm = '';\r\n this.canalVentaForm = '';\r\n this.fechaVentaForm = '';\r\n }\r\n\r\n onListenFormValue(data: any) {\r\n // Case: Farmacias\r\n if (environment.company == Company.Farmacias) {\r\n //this.businessLogicFarmacias(data);\r\n }\r\n // Case: LVH\r\n else if (environment.company == Company.Lvh) {\r\n // ...\r\n }\r\n // Case: Samsonite\r\n else {\r\n this.businessLogicSamsonite(data);\r\n }\r\n }\r\n\r\n businessLogicSamsonite(data: any) {\r\n if (!this.validateTicketForm()) {\r\n this.showWaitModal('Datos inválidos', \"LLene adecuadamente los campos de búsqueda\");\r\n return;\r\n }\r\n\r\n this.showSpinnerProcess = true;\r\n this.cdr.detectChanges();\r\n\r\n const request = {\r\n UUID: this.uuidForm,\r\n NumTicket: this.ticketForm,\r\n NumSucursal: this.sucursalForm,\r\n MontoTicket: this.montoForm,\r\n CanalVenta: this.canalVentaForm,\r\n FechaVenta: this.fechaVentaForm,\r\n RfcReceptor: this.rfcReceptorForm,\r\n Serie: this.serieForm,\r\n Folio: this.folioForm,\r\n FechaEmision: this.fechaEmiForm,\r\n TipoConsulta: this.selectedOption,\r\n CompanyCode: environment.companyCode,\r\n };\r\n\r\n // Construir el Query String con los parámetros\r\n const params = new HttpParams({ fromObject: request });\r\n\r\n // URL de la API\r\n const url = this.app.env.apiUrl + 'ConsultarFacturas/Consultar';\r\n\r\n // Headers de la solicitud\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n\r\n // Realizar la llamada GET con los parámetros en el Query String\r\n this.http\r\n .get(url, { headers, params, withCredentials: true })\r\n .subscribe(\r\n (request) => {\r\n this.showSpinnerProcess = false;\r\n\r\n const actionToDo: string = request.answerCode;\r\n if (actionToDo === '001') {\r\n // this.urlPdf = request.pdfUrl;\r\n // this.urlXml = request.xmlUrl\r\n this.showSearchButton = true;\r\n this.getDownloadForm(request);\r\n }\r\n if (actionToDo === '101') {\r\n this.showWaitModal('Ticket no válido', request.message);\r\n }\r\n },\r\n (error) => {\r\n this.showSpinnerProcess = false;\r\n console.log(error);\r\n\r\n this.qService.updateResponseValidation({\r\n error: true,\r\n message: 'Ha ocurrido el siguiente error: ' + error.message,\r\n });\r\n }\r\n );\r\n }\r\n\r\n showWaitModal(title: string, message: string): void {\r\n this.actionModalInfo = {\r\n isOpen: true,\r\n titleModal: title,\r\n content: message,\r\n showCancelButton: false,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Confirmar',\r\n onCloseEvent: this.onWaitTicket.bind(this),\r\n onCancelEvent: () => {},\r\n };\r\n }\r\n\r\n onWaitTicket(): void {\r\n this.actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n showCancelButton: false,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Confirmar',\r\n onCloseEvent: () => {},\r\n onCancelEvent: () => {},\r\n };\r\n this.router.navigate(['/buscarfactura']);\r\n }\r\n\r\n getDownloadForm(request: any): void {\r\n if (request.pdfUrl) {\r\n this.existsPdf = true;\r\n this.urlPdf = `${this.app.env.apiUrl}ConsultaCif/Descarga/?qr=${request.pdfUrl}`;\r\n } else {\r\n this.existsPdf = false;\r\n }\r\n if (request.xmlUrl) {\r\n this.existsXml = true;\r\n this.urlXml = `${this.app.env.apiUrl}ConsultaCif/Descarga/?qr=${request.xmlUrl}`;\r\n } else {\r\n this.existsXml = false;\r\n }\r\n }\r\n\r\n validateTicketForm() {\r\n if (Number.parseInt(this.selectedOption.toString()) === 1) {\r\n if (\r\n this.ticketForm.trim() === '' ||\r\n this.sucursalForm.trim() === '' ||\r\n this.sucursalForm.trim() === '' ||\r\n this.montoForm === '' ||\r\n this.canalVentaForm.trim() === '' ||\r\n this.fechaVentaForm.trim() === ''\r\n ) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n if (Number.parseInt(this.selectedOption.toString()) === 2) {\r\n if (this.uuidForm.trim() === '') {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n return true;\r\n }\r\n}\r\n","\r\n {{ actionModalInfo.content}}\r\n \r\n","import { Component, EventEmitter, Output, Input, ChangeDetectorRef } from '@angular/core';\r\nimport { HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport { AppComponent } from '../../../../app.component';\r\nimport { Router } from '@angular/router';\r\nimport { environment } from 'src/environments/env.default';\r\nimport { BaseService } from 'src/app/shared/services/base.service';\r\nimport { ConfigService } from 'src/app/shared/services/config.service';\r\n\r\n@Component({\r\n selector: 'app-confirm-invoice',\r\n templateUrl: './confirm-invoice.component.html',\r\n styleUrls: ['./confirm-invoice.component.css']\r\n})\r\nexport class ConfirmInvoiceComponent {\r\n public CONF: any = ConfigService.CONF;// load configuration by enviroment\r\n @Input() data: any;\r\n public actionModalInfo = {\r\n isOpen: false, titleModal: '', content: '', onCloseEvent: () => { }\r\n };\r\n public ticket: any;\r\n public requestTicket: any;\r\n public urls: any;\r\n public conceptos: any = [];\r\n public ivaTotal: number = 0.00;\r\n public iepsTotal: string = \"00.00\";\r\n public message: string = \"Ha ocurrido el siguiente error: \";\r\n public error: boolean = false;\r\n public c: any = [];\r\n public rfc: string = \"\";\r\n public itu: string = \"\";\r\n public process: boolean = false;\r\n constructor(private http: HttpClient, private app: AppComponent, private router: Router, private cdr: ChangeDetectorRef, private config: ConfigService) {\r\n\r\n }\r\n\r\n public existsPdf: boolean = false;\r\n public existsXml: boolean = false;\r\n public showStatus: boolean = true;\r\n public generateInvoice: boolean = false;\r\n changeShowStatus() {\r\n this.showStatus = !this.showStatus;\r\n //console.log(this.showStatus);\r\n }\r\n\r\n @Output(\"on-return\") returnEvent: EventEmitter = new EventEmitter();\r\n ticketDetailsVisibility: boolean = false;\r\n buttonTicketDetailsVisibilityLabel_On: string = \"Mostar Detalles\";\r\n buttonTicketDetailsVisibilityLabel_Off: string = \"Ocultar Detalles\";\r\n buttonTicketDetailsVisibilityLabel: string = this.buttonTicketDetailsVisibilityLabel_On;\r\n\r\n clickReturn() {\r\n this.returnEvent.emit();\r\n }\r\n\r\n changeGenerateInvoice() {\r\n this.process = true;\r\n\r\n this.requestTicket.comprobante = this.ticket\r\n document.querySelectorAll(\"#GenerarFactura\")[0].setAttribute(\"disabled\", \"disabled\");\r\n this.http.post(this.app.env.apiUrl + 'ConsultaCif/EmiteTicket', JSON.stringify(this.requestTicket), { headers: { 'Content-Type': 'application/json' }, withCredentials: true }).subscribe(result => {\r\n \r\n if (result.urlPdf) {\r\n this.existsPdf = true;\r\n result.urlPdf = `${this.app.env.apiUrl}ConsultaCif/Descarga/?qr=${result.urlPdf}`;\r\n } else {\r\n this.existsPdf = false;\r\n }\r\n if (result.urlXml) {\r\n this.existsXml = true;\r\n result.urlXml = `${this.app.env.apiUrl}ConsultaCif/Descarga/?qr=${result.urlXml}`;\r\n }\r\n else {\r\n this.existsXml = false;\r\n }\r\n \r\n this.urls = result;\r\n this.process = false;\r\n\r\n console.log(result);\r\n if (result.exito==null || result.exito) {\r\n this.generateInvoice = !this.generateInvoice;\r\n }\r\n else {\r\n this.error = !this.error;\r\n this.message = this.message+result.message;\r\n }\r\n }, (error) => { this.process = false; this.handleHttpError(error); });\r\n }\r\n ngOnInit() {\r\n this.config.getConfigurationAsync().subscribe((configuration) => { this.CONF = ConfigService.CONF; this.cdr.detectChanges();});\r\n this.process = false;\r\n //console.log(this.data);\r\n this.requestTicket = this.data;\r\n //console.log(this.requestTicket);\r\n this.ticket = this.data.comprobante;\r\n this.itu = this.ticket.addendaTicket.numTicket;\r\n this.rfc = this.ticket.receptor.rfc;\r\n //this.conceptos = this.ticket.conceptos;\r\n this.ticket.impuestos.traslados.forEach( (item:any) => {\r\n //console.log(item.impuesto);\r\n if (item.impuesto == \"002\") {\r\n this.ivaTotal += item.importe;\r\n }\r\n else if (item.impuesto == \"003\") {\r\n this.iepsTotal += item.importe;\r\n }\r\n });\r\n this.ticket.conceptos.forEach((item: any) => {\r\n\r\n this.c = new Array();\r\n this.c[\"descripcion\"] = item.descripcion;\r\n this.c[\"cantidad\"] = item.cantidad;\r\n this.c[\"valorUnitario\"] = item.valorUnitario;\r\n this.c[\"importe\"] = item.importe;\r\n this.c[\"porIva\"] = \"0\";\r\n this.c[\"impIva\"] = \"00.00\";\r\n this.c[\"impIeps\"] = \"00.00\";\r\n\r\n item.impuestos.traslados.forEach((imp: any) => {\r\n if (imp.impuesto == \"002\") {\r\n this.c[\"porIva\"] = imp.tasaOCuota;\r\n this.c[\"impIva\"] = imp.importe;\r\n }\r\n else if (imp.impuesto == \"003\") {\r\n this.c[\"impIeps\"] = imp.importe;\r\n }\r\n });\r\n\r\n this.conceptos.push(this.c);\r\n });\r\n //console.log(this.conceptos);\r\n }\r\n downloadPdf() {\r\n\r\n }\r\n downloadXml() {\r\n\r\n }\r\n showTicketDetails() {\r\n this.ticketDetailsVisibility = !this.ticketDetailsVisibility;\r\n if(this.ticketDetailsVisibility)\r\n this.buttonTicketDetailsVisibilityLabel = this.buttonTicketDetailsVisibilityLabel_Off;\r\n else\r\n this.buttonTicketDetailsVisibilityLabel = this.buttonTicketDetailsVisibilityLabel_On;\r\n }\r\n\r\n showSessionExpireModal(): void {\r\n this.actionModalInfo = {\r\n isOpen: true,\r\n titleModal: 'Su sesión ha expirado',\r\n content: 'El tiempo de sesión ha sido excedido. Volverá a la página principal.',\r\n onCloseEvent: this.onCloseSession.bind(this)\r\n };\r\n }\r\n\r\n onCloseSession(): void {\r\n this.actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n onCloseEvent: () => { }\r\n };\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n private handleHttpError(error: any): void {\r\n if (error instanceof HttpErrorResponse) {\r\n // Handle HTTP errors\r\n if (error.status === 401) {\r\n // Handle 401 error by triggering a token refresh\r\n this.showSessionExpireModal();\r\n } else {\r\n // Handle other HTTP errors\r\n console.error('HTTP error:', error);\r\n }\r\n } else {\r\n console.error('Error:', error);\r\n }\r\n }\r\n\r\n}\r\n","{{ actionModalInfo.content }} \r\n\r\n\r\n\r\n","import { Component, EventEmitter, Output, Input, ChangeDetectorRef } from '@angular/core';\r\nimport { TicketsService } from '../../services/tickets.service';\r\nimport { FormBuilder, FormsModule, FormGroup, NgForm } from '@angular/forms';\r\nimport { AlertService } from 'src/app/shared/services/alert.service';\r\nimport { HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport { AppComponent } from '../../../../../app/app.component';\r\nimport { ValidateTicketComponent } from '../../Components/ValidateTicket/validate-ticket.component';\r\nimport { ModalComponent } from 'src/app/shared/components/modal/modal.component';\r\nimport { Router } from '@angular/router';\r\nimport { environment } from 'src/environments/env.default';\r\nimport { BaseService } from 'src/app/shared/services/base.service';\r\nimport { ConfigService } from 'src/app/shared/services/config.service';\r\nimport { Company} from 'src/interfaces/env.default.interface';\r\nimport { firstValueFrom } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-customer-information',\r\n templateUrl: './customer-information.component.html',\r\n styleUrls: ['./customer-information.component.css'],\r\n})\r\nexport class CustomerInformationComponent {\r\n public CONF: any = ConfigService.CONF; // load configuration by enviroment\r\n\r\n public modalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n imgModal: '',\r\n content: '',\r\n };\r\n public actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n onCloseEvent: () => {},\r\n };\r\n public paises: any = {};\r\n public estados: any = {};\r\n public regimenFiscal: any = {};\r\n public regimenFiscalFilter: any = {};\r\n public requestTicket: any = {};\r\n public request: any = {};\r\n @Input() data: any;\r\n public usoCfdi: string = '';\r\n public usosCfdi: any = {};\r\n public usosCfdiFilter: any = {};\r\n public catFormaPago: any = {};\r\n public showFormaDePago: boolean = false;\r\n public rfc: string = '';\r\n public ticket: string = '';\r\n body: string = '';\r\n public razon: string = '';\r\n public calle: string = '';\r\n public numExterior: string = '';\r\n public numInterior: string = '';\r\n public colonia: string = '';\r\n public municipio: string = '';\r\n public estado: string = '';\r\n public pais: string = '';\r\n //public correo: string = \"\";\r\n public regimenFiscalFinal: string = '';\r\n public mailConfirm: string = '';\r\n public finalError: string = '';\r\n public showError: boolean = false;\r\n public process: boolean = false;\r\n public emailRegex: string = '^[^@]+@[^@]+.[a-zA-Z]{2,}$';\r\n public classInp: string = '';\r\n //public razonSocial: any;\r\n public finalEmailConfirmation: string = '';\r\n public allErrors: Array = [];\r\n public isDisabledRegFiscal: boolean = false;\r\n public isDisabledUsoCfdi: boolean = false;\r\n\r\n openModal(titleModal: string, imgModal: string, content: string): void {\r\n this.modalInfo = { isOpen: true, titleModal, imgModal, content };\r\n this.modalInfo = { isOpen: true, titleModal, imgModal, content };\r\n console.log(this.modalInfo);\r\n }\r\n\r\n closeModal(): void {\r\n this.modalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n imgModal: '',\r\n content: '',\r\n };\r\n }\r\n @Output('on-continue') continueEvent: EventEmitter = new EventEmitter();\r\n @Output('on-return') returnEvent: EventEmitter = new EventEmitter();\r\n\r\n // Catalogs\r\n lstState: any[] = [];\r\n lstCountry: any[] = [];\r\n lstRegimenFiscal: any[] = [];\r\n\r\n constructor(\r\n private ticketsService: TicketsService,\r\n private fb: FormBuilder,\r\n private alertService: AlertService,\r\n private http: HttpClient,\r\n private app: AppComponent,\r\n private router: Router,\r\n private cdr: ChangeDetectorRef,\r\n private config: ConfigService\r\n ) {\r\n http\r\n .get(this.app.env.apiUrl + 'ConsultaCif/CatalogoRegimenFiscal', {\r\n withCredentials: true,\r\n })\r\n .subscribe(\r\n (result) => {\r\n this.regimenFiscal = result;\r\n\r\n this.regimenFiscalFilter = this.regimenFiscal;\r\n\r\n http\r\n .get(this.app.env.apiUrl + 'ConsultaCif/CatalogoUsoCfdi', {\r\n withCredentials: true,\r\n })\r\n .subscribe(\r\n (result) => {\r\n this.usosCfdi = result;\r\n\r\n if (environment.company == Company.Samsonite) {\r\n this.usosCfdi = this.usosCfdi.filter(\r\n (j: any) =>\r\n j.clave == 'S01' ||\r\n j.clave == 'G01' ||\r\n j.clave == 'G03' ||\r\n j.clave == 'I02'\r\n );\r\n }\r\n\r\n this.usosCfdiFilter = this.usosCfdi;\r\n\r\n this.rfcChange();\r\n if (this.requestTicket.receptor.regimenFiscalReceptor != null) {\r\n this.updateRegimen();\r\n }\r\n },\r\n (error) => {\r\n this.handleHttpError(error);\r\n }\r\n );\r\n },\r\n (error) => {\r\n this.handleHttpError(error);\r\n }\r\n );\r\n\r\n if (environment.company == Company.Samsonite) {\r\n this.showFormaDePago = true;\r\n this.getFormaPago();\r\n }\r\n }\r\n\r\n // -----------------------------------------------\r\n // Events\r\n // -----------------------------------------------\r\n ngOnInit() {\r\n // load configuration by enviroment\r\n this.config.getConfigurationAsync().subscribe((configuration) => {\r\n this.CONF = ConfigService.CONF;\r\n this.cdr.detectChanges();\r\n });\r\n this.process = false;\r\n this.requestTicket = this.data.requestCFD.comprobante;\r\n console.log(this.requestTicket);\r\n\r\n this.requestTicket.receptor.rfc =\r\n this.requestTicket.receptor.rfc?.toUpperCase();\r\n this.requestTicket.receptor.nombre =\r\n this.requestTicket.receptor.nombre?.toUpperCase();\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.calle =\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.calle?.toUpperCase();\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.colonia =\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.colonia?.toUpperCase();\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.municipio =\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.municipio?.toUpperCase();\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.estado =\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.estado?.toUpperCase();\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.pais =\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.pais?.toUpperCase();\r\n this.requestTicket.receptor.addendaReceptor.email =\r\n this.requestTicket.receptor.addendaReceptor.email?.toLowerCase();\r\n\r\n //this.rfcChange();\r\n }\r\n\r\n rfcChange() {\r\n //console.log(this.requestTicket.receptor.rfc.length);\r\n if (this.requestTicket.receptor.rfc.length == 12) {\r\n this.regimenFiscalFilter = this.regimenFiscal.filter(\r\n (j: any) => j.moral == 'Sí'\r\n );\r\n } else if (this.requestTicket.receptor.rfc.length == 13) {\r\n if (\r\n this.requestTicket.receptor.rfc == 'XAXX010101000' ||\r\n this.requestTicket.receptor.rfc == 'XEXX010101000'\r\n ) {\r\n this.regimenFiscalFilter = this.regimenFiscal.filter(\r\n (j: any) => j.clave == '616'\r\n );\r\n this.requestTicket.receptor.regimenFiscalReceptor = '616';\r\n this.isDisabledRegFiscal = true;\r\n } else {\r\n this.regimenFiscalFilter = this.regimenFiscal.filter(\r\n (j: any) => j.fisica == 'Sí'\r\n );\r\n }\r\n }\r\n }\r\n usoChange() {\r\n console.log(this.requestTicket.receptor.usoCfdi);\r\n }\r\n updateRegimen() {\r\n let regimen = this.requestTicket.receptor.regimenFiscalReceptor;\r\n document.querySelectorAll('#inputState')[0].removeAttribute('disabled');\r\n if (this.requestTicket.receptor.rfc == 'XAXX010101000' || this.requestTicket.receptor.rfc == 'XEXX010101000') {\r\n this.usosCfdiFilter = this.usosCfdi.filter((j: any) => j.clave == 'S01');\r\n this.requestTicket.receptor.usoCfdi = 'S01';\r\n this.isDisabledUsoCfdi = true;\r\n return;\r\n } else {\r\n this.usosCfdiFilter = this.usosCfdi.filter((j: any) =>\r\n j.regimenFiscalReceptor.includes(regimen)\r\n );\r\n }\r\n this.requestTicket.receptor.usoCfdi = 'a';\r\n }\r\n getRequestTicket() {\r\n this.rfc = this.data.rfc;\r\n this.ticket = this.data.ticket;\r\n this.usoCfdi = this.data.usoCfdi;\r\n this.body =\r\n '{\"numTicket\": \"' +\r\n this.ticket +\r\n '\",\"rfcReceptor\": \"' +\r\n this.rfc +\r\n '\" }';\r\n //console.log(this.body);\r\n this.http\r\n .post(this.app.env.apiUrl + 'ConsultaCif/RequestTicket', this.body, {\r\n headers: { 'Content-Type': 'application/json' },\r\n })\r\n .subscribe(\r\n (result) => {\r\n this.request = result;\r\n this.requestTicket = result.requestCFD.comprobante;\r\n if (this.requestTicket.receptor.addendaReceptor == null) {\r\n this.requestTicket.receptor.addendaReceptor = {\r\n bodegaReceptor: null,\r\n domicilioReceptor: null,\r\n eanReceptor: null,\r\n email: null,\r\n nombreComercial: null,\r\n regimenFiscalDesc: null,\r\n usoCFDIDesc: null,\r\n };\r\n }\r\n this.requestTicket.receptor.rfc = this.rfc;\r\n this.requestTicket.receptor.usoCfdi = this.usoCfdi;\r\n //console.log(this.requestTicket);\r\n },\r\n (error) => console.error(error)\r\n );\r\n }\r\n clickContinue() {\r\n this.process = true;\r\n if (this.checkFields()) {\r\n this.showError = false;\r\n /*this.requestTicket.folio = this.data.ticket;*/\r\n this.request.comprobante = this.requestTicket;\r\n this.process = false;\r\n this.continueEvent.emit(this.request);\r\n } else {\r\n this.process = false;\r\n this.showError = true;\r\n }\r\n }\r\n\r\n clickReturn() {\r\n this.returnEvent.emit();\r\n }\r\n\r\n onLoadCIF(cif: any) {\r\n const file: File = cif.target.files[0];\r\n\r\n // Validate empty file\r\n if (file == null) {\r\n this.onShowMessage('Archivo no valido');\r\n return;\r\n }\r\n\r\n // Validate file type\r\n if (file.type !== 'application/pdf') {\r\n this.onShowMessage('Archivo no valido');\r\n return;\r\n }\r\n\r\n this.ticketsService.validateCif(file).subscribe((data: any) => {\r\n this.process = true;\r\n if (data == null || data == undefined) {\r\n this.onShowMessage('Archivo no válido');\r\n this.process = false;\r\n return;\r\n }\r\n if (\r\n data.rfc?.toUpperCase() !=\r\n this.requestTicket.receptor.rfc?.toUpperCase()\r\n ) {\r\n this.onShowMessage(\r\n 'El RFC de la constancia no coincide con el RFC capturado'\r\n );\r\n this.process = false;\r\n return;\r\n }\r\n this.process = false;\r\n this.requestTicket.receptor.rfc = data?.rfc;\r\n this.requestTicket.receptor.nombre = data?.nombre;\r\n this.requestTicket.receptor.residenciaFiscal = data?.residenciaFiscal;\r\n this.requestTicket.receptor.regimenFiscalReceptor =\r\n data?.regimenFiscalReceptor;\r\n this.updateRegimen();\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.calle =\r\n data?.addendaDomicilioExpedidoEn.calle;\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.noExterior =\r\n data?.addendaDomicilioExpedidoEn.noExterior;\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.noInterior =\r\n data?.addendaDomicilioExpedidoEn.noInterior;\r\n this.requestTicket.receptor.addendaDomicilioExpedidoEn.colonia =\r\n data?.addendaDomicilioExpedidoEn.colonia;\r\n });\r\n }\r\n checkFields() {\r\n let count = 0;\r\n let error = '';\r\n let regex = new RegExp('^[^@]+@[^@]+.[a-zA-Z]{2,}$');\r\n let rfcRegex = new RegExp(\r\n '[A-Z&Ñ]{3,4}[0-9]{2}(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])[A-Z0-9]{2}[0-9A]'\r\n );\r\n let cpRegex = new RegExp('[0-9]{5}');\r\n //console.log(this.requestTicket.receptor.regimenFiscalReceptor);\r\n\r\n this.allErrors = new Array();\r\n\r\n if (\r\n this.requestTicket.receptor.nombre == null ||\r\n this.requestTicket.receptor.nombre.length < 1\r\n ) {\r\n error += 'Razón social';\r\n this.classInp = 'is-invalid';\r\n this.allErrors.push('Razón social');\r\n\r\n count++;\r\n } else {\r\n this.classInp = 'is-valid';\r\n }\r\n\r\n if (\r\n this.requestTicket.receptor.regimenFiscalReceptor == null ||\r\n this.requestTicket.receptor.regimenFiscalReceptor.length < 2\r\n ) {\r\n this.allErrors.push('Régimen fiscal');\r\n count++;\r\n }\r\n\r\n if (\r\n this.requestTicket.receptor.usoCfdi == null ||\r\n this.requestTicket.receptor.usoCfdi.length < 2\r\n ) {\r\n this.allErrors.push('Uso de CfDI');\r\n count++;\r\n }\r\n\r\n if (\r\n this.requestTicket.receptor.residenciaFiscal == null ||\r\n !cpRegex.test(this.requestTicket.receptor.residenciaFiscal)\r\n ) {\r\n this.allErrors.push('Código postal');\r\n count++;\r\n }\r\n if (!regex.test(this.requestTicket.receptor.addendaReceptor.email)) {\r\n this.allErrors.push('Correo electrónico');\r\n count++;\r\n }\r\n\r\n if (\r\n this.mailConfirm == '' ||\r\n this.mailConfirm != this.requestTicket.receptor.addendaReceptor.email ||\r\n !regex.test(this.mailConfirm)\r\n ) {\r\n this.allErrors.push('Confirmación de correo electronico');\r\n }\r\n\r\n return this.allErrors.length == 0;\r\n }\r\n\r\n onSubmitForm() {}\r\n\r\n onShowMessage(msg: string) {\r\n this.alertService.showMessage('Advertencia', msg);\r\n }\r\n\r\n showSessionExpireModal(): void {\r\n this.actionModalInfo = {\r\n isOpen: true,\r\n titleModal: 'Su sesión ha expirado',\r\n content:\r\n 'El tiempo de sesión ha sido excedido. Volverá a la página principal.',\r\n onCloseEvent: this.onCloseSession.bind(this),\r\n };\r\n }\r\n\r\n onCloseSession(): void {\r\n this.actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n onCloseEvent: () => {},\r\n };\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n private handleHttpError(error: any): void {\r\n if (error instanceof HttpErrorResponse) {\r\n // Handle HTTP errors\r\n if (error.status === 401) {\r\n // Handle 401 error by triggering a token refresh\r\n this.showSessionExpireModal();\r\n } else {\r\n // Handle other HTTP errors\r\n console.error('HTTP error:', error);\r\n }\r\n } else {\r\n console.error('Error:', error);\r\n }\r\n }\r\n\r\n\r\n async getFormaPago() {\r\n\r\n const urlCatalogoFormaDePago =\r\n this.app.env.apiUrl + 'ConsultaCif/CatalogoFormaDePago';\r\n try {\r\n const result = await firstValueFrom(\r\n this.http.get(urlCatalogoFormaDePago)\r\n );\r\n this.catFormaPago = result;\r\n //this.mapeaCatFormaPago();\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n this.cdr.detectChanges();\r\n }\r\n }\r\n\r\n // mapeaCatFormaPago() {\r\n // const arrayOptions = this.getArrayCatFormaPago();\r\n // if (environment.company == Company.Samsonite) {\r\n // this.CONF.dynamicForms.validateTicketForm[6].advancedOptions = {\r\n // options: arrayOptions,\r\n // };\r\n // }\r\n // }\r\n\r\n // getArrayCatFormaPago() {\r\n // const arreglo: any[] = [];\r\n // this.catFormaPago.forEach(\r\n // (formaPago: { text: string; value: string }) => {\r\n // const leyenda = formaPago.text;\r\n // arreglo.push({ key: formaPago.value, value: leyenda });\r\n // }\r\n // );\r\n // return arreglo;\r\n // }\r\n\r\n\r\n}\r\n","{{ modalInfo.content }} \r\n\r\n{{ actionModalInfo.content }} \r\n","import { Component, EventEmitter, Output, OnInit, ChangeDetectorRef } from '@angular/core';\r\nimport * as bootstrap from 'bootstrap';\r\nimport { TicketsService } from '../../services/tickets.service';\r\nimport { HttpClient, HttpParams } from '@angular/common/http';\r\nimport { AppComponent } from '../../../../../app/app.component';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { QuestionService } from '../../services/question.service';\r\nimport { Observable, firstValueFrom, of } from 'rxjs';\r\nimport { QuestionBase } from 'src/app/shared/classes/question-base';\r\nimport { environment } from 'src/environments/env.default';\r\nimport { Company, TypePropertyInput } from 'src/interfaces/env.default.interface';\r\nimport { BaseService } from 'src/app/shared/services/base.service';\r\nimport { ConfigService } from 'src/app/shared/services/config.service';\r\nimport { Router } from '@angular/router';\r\nimport { IDropdown } from 'src/app/shared/classes/question-dropdown';\r\n\r\n@Component({\r\n selector: 'app-validate-ticket',\r\n templateUrl: './validate-ticket.component.html',\r\n styleUrls: ['./validate-ticket.component.css'],\r\n providers: [QuestionService],\r\n})\r\nexport class ValidateTicketComponent implements OnInit {\r\n public CONF: any = ConfigService.CONF; // load configuration by enviroment\r\n public showSpinnerProcess: boolean = false; // Used to show the spinner\r\n public showModalTicket: boolean = false;\r\n public showModalRFC: boolean = false;\r\n public showModalCfdi: boolean = false;\r\n public usosCfdiAll: any = {};\r\n public catSucursales: any = {};\r\n public catFormaPago: any = {};\r\n public usoCfdi: string = '';\r\n public ticket: string = '';\r\n public readyRfc: boolean = false;\r\n public readyItu: boolean = false;\r\n public generateInvoice: boolean = false;\r\n public urlPdf: string = '';\r\n public urlXml: string = '';\r\n public requestAux: any;\r\n questions$: Observable[]> = of([]);\r\n @Output('on-continue') continueEvent: EventEmitter = new EventEmitter();\r\n public actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n showCancelButton: false,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Confirmar',\r\n onCloseEvent: () => {},\r\n onCancelEvent: () => {},\r\n };\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private ts: TicketsService,\r\n private app: AppComponent,\r\n private qService: QuestionService,\r\n private cdr: ChangeDetectorRef,\r\n private config: ConfigService,\r\n private router: Router\r\n ) {\r\n const url = this.app.env.apiUrl + 'ConsultaCif/CatalogoUsoCfdi';\r\n http.get(url).subscribe({\r\n next: (result) => {\r\n this.usosCfdiAll = result;\r\n },\r\n error: console.error,\r\n });\r\n\r\n this.questions$ = qService.getQuestions_ValidateTicketForm();\r\n\r\n // Used to listen events from QuestionService\r\n this.qService.events$.subscribe((event) => this.manageEvent(event));\r\n }\r\n\r\n ngOnInit() {\r\n // load configuration by enviroment\r\n this.config.getConfigurationAsync().subscribe((configuration) => {\r\n this.CONF = ConfigService.CONF;\r\n });\r\n if (environment.company == Company.Samsonite) {\r\n this.getSucursales();\r\n //this.getFormaPago();\r\n }\r\n }\r\n\r\n async getSucursales() {\r\n // Construir los parámetros del query string\r\n const params = new HttpParams().set('companyCode', environment.companyCode);\r\n\r\n const urlCatalogoSucursales =\r\n this.app.env.apiUrl + 'Sucursales/CatalogoSucursales';\r\n try {\r\n const result = await firstValueFrom(\r\n this.http.get(urlCatalogoSucursales, { params })\r\n );\r\n this.catSucursales = result;\r\n this.mapeaCatSucursales();\r\n this.questions$ = this.qService.getQuestions_ValidateTicketForm();\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n this.cdr.detectChanges();\r\n }\r\n }\r\n\r\n async getFormaPago() {\r\n\r\n const urlCatalogoFormaDePago =\r\n this.app.env.apiUrl + 'ConsultaCif/CatalogoFormaDePago';\r\n try {\r\n const result = await firstValueFrom(\r\n this.http.get(urlCatalogoFormaDePago)\r\n );\r\n this.catFormaPago = result;\r\n this.mapeaCatFormaPago();\r\n this.questions$ = this.qService.getQuestions_ValidateTicketForm();\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n this.cdr.detectChanges();\r\n }\r\n }\r\n\r\n mapeaCatSucursales() {\r\n const arrayOptions = this.getArrayCatSucursales();\r\n if (environment.company == Company.Samsonite) {\r\n this.CONF.dynamicForms.validateTicketForm[0].advancedOptions = {\r\n options: arrayOptions,\r\n };\r\n }\r\n }\r\n\r\n mapeaCatFormaPago() {\r\n const arrayOptions = this.getArrayCatFormaPago();\r\n if (environment.company == Company.Samsonite) {\r\n this.CONF.dynamicForms.validateTicketForm[6].advancedOptions = {\r\n options: arrayOptions,\r\n };\r\n }\r\n }\r\n\r\n getArrayCatSucursales() {\r\n const arreglo: any[] = [];\r\n this.catSucursales.forEach(\r\n (sucursal: { codigoSucursal: string; nombre: string }) => {\r\n const leyenda =\r\n sucursal.codigoSucursal.padStart(3, '0') + ' - ' + sucursal.nombre;\r\n arreglo.push({ key: sucursal.codigoSucursal, value: leyenda });\r\n }\r\n );\r\n return arreglo;\r\n }\r\n\r\n getArrayCatFormaPago() {\r\n const arreglo: any[] = [];\r\n this.catFormaPago.forEach(\r\n (formaPago: { text: string; value: string }) => {\r\n const leyenda = formaPago.text;\r\n arreglo.push({ key: formaPago.value, value: leyenda });\r\n }\r\n );\r\n return arreglo;\r\n }\r\n\r\n onListenFormValue(data: any) {\r\n // Case: Farmacias\r\n if (environment.company == Company.Farmacias) {\r\n this.businessLogicFarmacias(data);\r\n }\r\n // Case: LVH\r\n else if (environment.company == Company.Lvh) {\r\n // ...\r\n }\r\n // Case: Samsonite\r\n else {\r\n this.businessLogicSamsonite(data);\r\n }\r\n }\r\n\r\n businessLogicFarmacias(data: any) {\r\n this.showSpinnerProcess = true;\r\n\r\n const url = this.app.env.apiUrl + 'ConsultaCif/RequestTicket';\r\n const body =\r\n '{\"numTicket\": \"' +\r\n data.numTicket +\r\n '\",\"rfcReceptor\": \"' +\r\n data.rfc +\r\n '\" }';\r\n const headers = {\r\n headers: { 'Content-Type': 'application/json' },\r\n withCredentials: true,\r\n };\r\n\r\n this.http.post(url, body, headers).subscribe({\r\n next: (request) => {\r\n this.showSpinnerProcess = false;\r\n\r\n // Case: Ticket Exist\r\n if (request.cabecera != null) {\r\n this.urlPdf = request.cabecera.urlPdf;\r\n this.urlXml = request.cabecera.urlXml;\r\n this.qService.updateResponseValidation({\r\n urlPdf: this.urlPdf,\r\n urlXml: this.urlXml,\r\n ticketFacturadoAlert: true,\r\n });\r\n }\r\n\r\n // Case: Ticket Not Exist\r\n else {\r\n request.requestCFD.comprobante.receptor.usoCfdi = this.usoCfdi;\r\n request.requestCFD.comprobante.folio = this.ticket;\r\n this.continueEvent.emit(request);\r\n }\r\n },\r\n error: (error) => {\r\n this.showSpinnerProcess = false;\r\n console.log(error);\r\n\r\n this.qService.updateResponseValidation({\r\n error: true,\r\n message: 'Ha ocurrido el siguiente error: ' + error.message,\r\n });\r\n },\r\n });\r\n }\r\n\r\n businessLogicSamsonite(data: any) {\r\n this.showSpinnerProcess = true;\r\n\r\n const request = {\r\n Sucursal: data.Sucursal,\r\n Monto: data.Monto.replace(/[^0-9.]/g, ''),\r\n Fecha: data.fechaVenta,\r\n RfcReceptor: data.RFC,\r\n NumTicket: data.TicketID,\r\n ChannelID: data.channelID,\r\n CompanyCode: environment.companyCode,\r\n };\r\n\r\n const url = this.app.env.apiUrl + 'ConsultaCif/RequestTicket';\r\n const body = JSON.stringify(request).toString();\r\n const headers = {\r\n headers: { 'Content-Type': 'application/json' },\r\n withCredentials: true,\r\n };\r\n\r\n this.http.post(url, body, headers).subscribe({\r\n next: (request) => {\r\n this.showSpinnerProcess = false;\r\n\r\n const actionToDo: string = request.answerCode;\r\n if (actionToDo === '001') {\r\n request.requestCFD.comprobante.receptor.usoCfdi = this.usoCfdi;\r\n this.continueEvent.emit(request);\r\n }\r\n if (actionToDo === '002') {\r\n this.requestAux = request;\r\n this.showConfirmReInvoice(\r\n 'Ticket facturado previamente',\r\n 'El ticket ya fue facturado previamente. ¿Desea refacturarlo?'\r\n );\r\n }\r\n if (actionToDo === '100') {\r\n this.showWaitModal(\r\n 'Espere por favor',\r\n 'El ticket aun no se puede facturar'\r\n );\r\n }\r\n if (actionToDo === '101') {\r\n this.showWaitModal(\r\n 'No se puede facturar el ticket',\r\n 'El total del ticket ha sido devuelto'\r\n );\r\n }\r\n if (actionToDo === '102') {\r\n this.showWaitModal(\r\n 'No se puede facturar el ticket',\r\n 'Se ha excedido el rango de fecha para facturar el ticket.'\r\n );\r\n }\r\n if (actionToDo === '103') {\r\n this.showWaitModal(\r\n 'No se encontró el ticket',\r\n 'No se encontró el ticket, valide su información.'\r\n );\r\n }\r\n if (actionToDo === '104') {\r\n this.showWaitModal(\r\n 'No se encontró el ticket',\r\n 'No se encontró el ticket, valide su información.'\r\n );\r\n }\r\n if (actionToDo === '105') {\r\n this.requestAux = request;\r\n this.showWaitModal(\r\n 'Ticket de periodo fiscal anterior',\r\n 'El ticket pertenece a un periodo fiscal anterior. No se puede facturar.'\r\n );\r\n }\r\n },\r\n error: (error) => {\r\n this.showSpinnerProcess = false;\r\n console.log(error);\r\n\r\n this.qService.updateResponseValidation({\r\n error: true,\r\n message: 'Ha ocurrido el siguiente error: ' + error.message,\r\n });\r\n },\r\n });\r\n }\r\n\r\n onModalRFC() {\r\n this.showModalRFC = !this.showModalRFC;\r\n }\r\n onModalCfdi() {\r\n this.showModalCfdi = !this.showModalCfdi;\r\n }\r\n onModalTicket() {\r\n this.showModalTicket = !this.showModalTicket;\r\n }\r\n\r\n // Metodo para manejar los eventos emitidos por los inputs dinamicos atraves del QuestionService\r\n manageEvent(event: string) {\r\n switch (event) {\r\n case 'showModalRFC':\r\n this.showModalRFC = true;\r\n break;\r\n case 'showModalITU':\r\n this.showModalTicket = true;\r\n break;\r\n case 'onInputChangeRFC':\r\n if (this.qService.form.get('rfc')?.valid)\r\n this.qService.form.get('ITU')?.enable();\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n showWaitModal(title: string, message: string): void {\r\n this.actionModalInfo = {\r\n isOpen: true,\r\n titleModal: title,\r\n content: message,\r\n showCancelButton: false,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Confirmar',\r\n onCloseEvent: this.onWaitTicket.bind(this),\r\n onCancelEvent: () => {},\r\n };\r\n }\r\n\r\n onWaitTicket(): void {\r\n this.actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n showCancelButton: false,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Confirmar',\r\n onCloseEvent: () => {},\r\n onCancelEvent: () => {},\r\n };\r\n this.router.navigate(['/creafactura']);\r\n }\r\n\r\n continueInvoice() {\r\n this.requestAux.requestCFD.comprobante.receptor.usoCfdi = this.usoCfdi;\r\n this.continueEvent.emit(this.requestAux);\r\n }\r\n\r\n showConfirmReInvoice(title: string, message: string): void {\r\n this.actionModalInfo = {\r\n isOpen: true,\r\n titleModal: title,\r\n content: message,\r\n showCancelButton: true,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Continuar',\r\n onCloseEvent: this.continueInvoice.bind(this),\r\n onCancelEvent: this.onlyCloseModal.bind(this),\r\n };\r\n }\r\n\r\n onlyCloseModal(): void {\r\n this.actionModalInfo = {\r\n isOpen: false,\r\n titleModal: '',\r\n content: '',\r\n showCancelButton: false,\r\n cancelButtonText: 'Cancelar',\r\n confirmButtonText: 'Confirmar',\r\n onCloseEvent: () => {},\r\n onCancelEvent: () => {},\r\n };\r\n }\r\n\r\n testModal() {}\r\n}\r\n\r\n","\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n {{ actionModalInfo.content}}\r\n ","(null);\r\n responseValidation$ = this.valdations.asObservable();\r\n public CONF: any = ConfigService.CONF;// load configuration by enviroment\r\n\r\n // Chanel to call Callback Methods\r\n private eventsForms = new Subject;\r\n events$ = this.eventsForms.asObservable();\r\n\r\n public form!: FormGroup;\r\n\r\n constructor(private config: ConfigService) {\r\n }\r\n\r\n updateResponseValidation(newValidation: any) {\r\n this.valdations.next(newValidation);\r\n }\r\n\r\n sendEventName(newEvent: string) {\r\n this.eventsForms.next(newEvent);\r\n }\r\n\r\n // Load questions to be userd in the ValidateTicketComponent\r\n getQuestions_ValidateTicketForm() {\r\n\r\n // CASE: Conf is not loaded yet\r\n if(this.CONF == null){\r\n return this.config.getConfigurationAsync(). // wait to load configuration \r\n pipe( map( (configuration)=> {return this.loadOrder()} )); // return the questions\r\n }\r\n // CASE: Conf is loaded\r\n else{\r\n return of(this.loadOrder()) // return the questions\r\n }\r\n \r\n }\r\n\r\n\r\n loadOrder(){\r\n if(this.CONF == null){\r\n this.CONF = ConfigService.CONF;\r\n }\r\n\r\n let questions: QuestionBase[] = [];\r\n this.CONF.dynamicForms.validateTicketForm.forEach((input: any) => {\r\n if(input.typeQuestion == TypePropertyInput.textbox)\r\n questions.push(new TextboxQuestion(input as QuestionBase));\r\n\r\n else if(input.typeQuestion == TypePropertyInput.dropdown)\r\n questions.push(new DropdownQuestion(input as QuestionBase));\r\n \r\n else if(input.typeQuestion == TypePropertyInput.checkbox)\r\n questions.push(new CheckboxQuestion(input as QuestionBase));\r\n \r\n else if(input.typeQuestion == TypePropertyInput.radio)\r\n questions.push(new RadioQuestion(input as QuestionBase));\r\n \r\n else if(input.typeQuestion == TypePropertyInput.date)\r\n questions.push(new DateQuestion(input as QuestionBase))\r\n\r\n });\r\n\r\n return questions.sort((a, b) => a.order - b.order);\r\n }\r\n\r\n\r\n}","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { BaseService } from 'src/app/shared/services/base.service';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TicketsService {\r\n private baseResource = \"ConsultaCif\";\r\n\r\n constructor(private baseService: BaseService) { }\r\n\r\n validateCif(file: File): Observable{\r\n const formData = new FormData();\r\n formData.append('file', file);\r\n return this.baseService.post(this.baseResource, formData);\r\n }\r\n\r\n loadCatalogs(): Observable{\r\n return this.baseService.get(this.baseResource + \"/CatalogoUsoCfdi\");\r\n }\r\n}\r\n","import { ChangeDetectorRef, Component } from '@angular/core';\r\nimport { BaseService } from 'src/app/shared/services/base.service';\r\nimport { ConfigService } from 'src/app/shared/services/config.service';\r\nimport { environment } from 'src/environments/env.default';\r\n\r\n@Component({\r\n selector: 'app-faq',\r\n templateUrl: './faq.component.html',\r\n styleUrls: ['./faq.component.css']\r\n})\r\nexport class FAQComponent {\r\n public CONF: any = ConfigService.CONF;// load configuration by enviroment\r\n\r\n constructor(private cdr: ChangeDetectorRef, private config: ConfigService){\r\n\r\n }\r\n\r\n ngOnInit() {\r\n this.config.getConfigurationAsync().subscribe((configuration) => { this.CONF = ConfigService.CONF; this.cdr.detectChanges();});\r\n }\r\n\r\n}\r\n"," {\r\n value?: string;\r\n key: string;\r\n label: string;\r\n required: boolean;\r\n order: number;\r\n controlType: string;\r\n type: string;\r\n regex?: string;\r\n maxLength?: number;\r\n helpMessage?: string;\r\n event?: IEvents;\r\n showTooltip?: boolean;\r\n disabled?: boolean;\r\n advancedOptions: T;\r\n typeQuestion?: TypePropertyInput;\r\n \r\n constructor(options: IQuestionBase = {} as IQuestionBase) {\r\n this.value = options.value;\r\n this.key = options.key || '';\r\n this.label = options.label || '';\r\n this.required = !!options.required;\r\n this.order = options.order === undefined ? 1 : options.order;\r\n this.controlType = options.controlType || '';\r\n this.type = options.type || '';\r\n this.regex = options?.regex || '';\r\n this.helpMessage = options?.helpMessage || '';\r\n this.event = options?.event || {};\r\n this.maxLength = options?.maxLength || 200;\r\n this.showTooltip = options?.showTooltip || false;\r\n this.disabled = options?.disabled || false;\r\n this.advancedOptions = options?.advancedOptions || {} as T;\r\n }\r\n }\r\n","import { ICheckbox } from 'src/interfaces/questions.interface';\r\nimport { QuestionBase } from './question-base';\r\n\r\nexport class CheckboxQuestion extends QuestionBase {\r\n override controlType = 'checkbox';\r\n constructor(baseOptions: QuestionBase = {} as QuestionBase) {\r\n super(baseOptions);\r\n } \r\n}\r\n\r\n\r\n","import { ICheckbox, IDate } from 'src/interfaces/questions.interface';\r\nimport { QuestionBase } from './question-base';\r\n\r\nexport class DateQuestion extends QuestionBase {\r\n override controlType = 'date';\r\n constructor(baseOptions: QuestionBase = {} as QuestionBase) {\r\n super(baseOptions);\r\n } \r\n}\r\n\r\n\r\n","import { QuestionBase } from './question-base';\r\n\r\nexport class DropdownQuestion extends QuestionBase {\r\n override controlType = 'dropdown';\r\n\r\n constructor(baseOptions: QuestionBase = {} as QuestionBase) {\r\n super(baseOptions);\r\n }\r\n}\r\n\r\nexport interface IDropdown{\r\n options: {key: string, value: string }[];\r\n}\r\n","import { IRadio } from 'src/interfaces/questions.interface';\r\nimport { QuestionBase } from './question-base';\r\n\r\nexport class RadioQuestion extends QuestionBase {\r\n override controlType = 'radio';\r\n constructor(baseOptions: QuestionBase = {} as QuestionBase) {\r\n super(baseOptions);\r\n } \r\n}\r\n\r\n\r\n","import { ITextbox } from \"src/interfaces/questions.interface\";\r\nimport { QuestionBase } from \"./question-base\";\r\n\r\nexport class TextboxQuestion extends QuestionBase {\r\n override controlType = 'textbox';\r\n constructor(baseOptions: QuestionBase = {} as QuestionBase) {\r\n super(baseOptions);\r\n }\r\n}","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer-section',\r\n templateUrl: './footer-section.component.html',\r\n styleUrls: ['./footer-section.component.css']\r\n})\r\nexport class FooterSectionComponent {\r\n\r\n}\r\n","();\r\n @Output() onCancel = new EventEmitter();\r\n}\r\n","\r\n {\r\n @Input() question!: QuestionBase;\r\n @Input() form!: FormGroup;\r\n get isEmpty() {\r\n return (\r\n this.questionService.form.controls[this.question.key].value === null ||\r\n this.questionService.form.controls[this.question.key].value ===\r\n undefined ||\r\n this.questionService.form.controls[this.question.key].value === ''\r\n );\r\n }\r\n\r\n get isTouched() {\r\n return this.questionService.form.controls[this.question.key].touched;\r\n }\r\n\r\n get isValid() {\r\n return this.questionService.form.controls[this.question.key].valid;\r\n }\r\n\r\n constructor(private questionService: QuestionService) {}\r\n\r\n onEventTooltipHelp(eventName: string = '') {\r\n console.log('onEventTooltipHelp', eventName);\r\n if (eventName !== '' && eventName !== null && eventName !== undefined) {\r\n this.questionService.sendEventName(eventName);\r\n }\r\n }\r\n\r\n onInputChange($event: string = '') {\r\n // Case: The parent component wants to know when the input changes\r\n this.questionService.sendEventName($event);\r\n\r\n // Case: In the textbox, when we apply a format in the string,\r\n if (this.question.controlType == 'textbox') {\r\n // Apply numeric format\r\n if (\r\n this.questionAsTextbox?.advancedOptions?.optLocaleString?.style ==\r\n 'decimal' ||\r\n this.questionAsTextbox?.advancedOptions?.optLocaleString?.style ==\r\n 'currency'\r\n ) {\r\n // Load number\r\n let numero = parseFloat(\r\n this.form.controls[this.question.key].value.replace(/[^\\d.-]/g, '')\r\n );\r\n\r\n if (isNaN(numero)) {\r\n numero = 0;\r\n }\r\n\r\n // Apply Format\r\n this.form.controls[this.question.key].setValue(\r\n numero.toLocaleString(\r\n this.questionAsTextbox?.advancedOptions?.locale,\r\n this.questionAsTextbox.advancedOptions.optLocaleString\r\n )\r\n );\r\n }\r\n }\r\n }\r\n\r\n onInputKeyUp($event: string = '') {\r\n // Case: The parent component wants to know when the input changes\r\n this.questionService.sendEventName($event);\r\n\r\n // Case: In the textbox, when we apply a format in the string,\r\n if (this.question.controlType == 'textbox') {\r\n //Apply ToUpperString\r\n if (this.questionAsTextbox?.advancedOptions?.toUpperCase === true) {\r\n // Load text\r\n let text = this.form.controls[this.question.key].value.toUpperCase();\r\n this.form.controls[this.question.key].setValue(text);\r\n }\r\n }\r\n }\r\n\r\n onInputKeyDown(event: KeyboardEvent): void {\r\n\r\n // Case: In the textbox, when we apply a format in the string,\r\n if (this.question.controlType == 'textbox') {\r\n if (\r\n this.questionAsTextbox?.advancedOptions?.optLocaleString?.style ==\r\n 'currency'\r\n ) {\r\n const regex = /[^\\d.-]/g;\r\n\r\n // Allow special key\r\n if (\r\n event.key === 'Backspace' ||\r\n event.key === 'ArrowLeft' ||\r\n event.key === 'ArrowRight' ||\r\n event.key === 'Tab' ||\r\n event.key === 'Enter'\r\n ) {\r\n return;\r\n }\r\n\r\n // If the key dont match the regex, prevent the input\r\n if (regex.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n }\r\n }\r\n }\r\n\r\n onRadioChange(key: string, value: string = '') {\r\n this.form.controls[key].setValue(value);\r\n }\r\n\r\n get questionAsCheckbox() {\r\n return this.question as unknown as CheckboxQuestion;\r\n }\r\n\r\n get questionAsDropdown() {\r\n return this.question as unknown as DropdownQuestion;\r\n }\r\n\r\n get questionAsTextbox() {\r\n return this.question as unknown as TextboxQuestion;\r\n }\r\n\r\n get questionAsRadio() {\r\n return this.question as unknown as RadioQuestion;\r\n }\r\n\r\n get questionAsDate() {\r\n return this.question as unknown as DateQuestion;\r\n }\r\n}\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { QuestionBase } from '../../classes/question-base';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { QuestionControlService } from '../../services/question-control.service';\r\nimport { QuestionService } from 'src/app/modules/Invoices/services/question.service';\r\n\r\n@Component({\r\n selector: 'app-dynamic-form',\r\n templateUrl: './dynamic-form.component.html',\r\n styleUrls: ['./dynamic-form.component.css'],\r\n providers: [ QuestionControlService ]\r\n})\r\nexport class DynamicFormComponent {\r\n\r\n @Input() questions: QuestionBase[] = [];\r\n @Output() formValue = new EventEmitter();\r\n responseValidation: any = null;\r\n\r\n\r\n\r\n constructor(private qcs: QuestionControlService, public qService: QuestionService) { }\r\n\r\n ngOnInit() {\r\n this.qService.form = this.qcs.toFormGroup(this.questions);\r\n this.qService.responseValidation$.subscribe(data => {\r\n this.responseValidation = data\r\n });\r\n }\r\n\r\n onSubmit() {\r\n const formData = this.qService.form.value;\r\n this.formValue.emit(formData);\r\n }\r\n\r\n}\r\n","();\r\n}\r\n\r\nexport enum typeModal {\r\n tooltip,\r\n}\r\n","\r\n\r\n\r\n();\r\n\r\n constructor() { }\r\n\r\n showMessage(title:string,message: string, showButtons: boolean = false) {\r\n const modalData: IModalData = {\r\n title,\r\n message,\r\n showButtons\r\n }\r\n this.modalSubject.next(modalData);\r\n }\r\n\r\n closeModal() {\r\n this.modalSubject.next(null);\r\n }\r\n \r\n getModalObservable() {\r\n return this.modalSubject.asObservable();\r\n }\r\n\r\n}\r\n\r\n\r\nexport interface IModalData{\r\n alertType?: AlertType;\r\n title:string;\r\n message:string;\r\n showButtons?: boolean;\r\n}\r\n\r\nexport enum AlertType {\r\n message = 1\r\n}","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { environment } from 'src/environments/env.default';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class BaseService {\r\n private apiUrl = environment.apiUrl; //environment.baseUrl; // Define la URL base de la API\r\n\r\n constructor(private http: HttpClient) {\r\n \r\n }\r\n\r\n // Método genérico para realizar solicitudes GET\r\n get(url: string, params?: HttpParams): Observable {\r\n const URL = this.apiUrl + url;\r\n \r\n return this.http.get(URL, { params });\r\n }\r\n\r\n // Método genérico para realizar solicitudes POST\r\n post(url: string, data: any): Observable {\r\n const URL = this.apiUrl + url;\r\n \r\n return this.http.post(URL, data);\r\n }\r\n\r\n // Método genérico para realizar solicitudes PUT\r\n put(url: string, data: any): Observable {\r\n const URL = this.apiUrl + url;\r\n \r\n return this.http.put(URL, data);\r\n }\r\n\r\n // Método genérico para realizar solicitudes DELETE\r\n delete(url: string): Observable {\r\n const URL = this.apiUrl + url;\r\n \r\n return this.http.delete(URL);\r\n }\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Subject, interval, map, of, takeWhile } from 'rxjs';\r\nimport { environment } from 'src/environments/env.default';\r\nimport { Company } from 'src/interfaces/env.default.interface';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ConfigService {\r\n public static CONF:any = null; // Define la configuración de la aplicación\r\n public confAsync = new Subject();\r\n\r\n // TODO: Configuration to load Config from API, uncomment this code if you want to load configuration from API\r\n //public CONFIG_URL = environment.configuration.apiUrl; \r\n\r\n\r\n constructor(private http: HttpClient) {\r\n this.loadConfiguration().subscribe((configuration) => {\r\n if(configuration == null) {return;} \r\n environment.configuration = configuration; // update environment // TODO: Configuration to load Config from API, uncomment this code if you want to load configuration from API\r\n ConfigService.CONF = configuration; // update static variable\r\n this.confAsync.next(configuration); // notify to subscribers\r\n\r\n });\r\n }\r\n\r\n getConfigurationAsync(){\r\n return this.confAsync.asObservable();\r\n }\r\n\r\n loadConfiguration(){\r\n // TODO: Configuration to load Config from API, uncomment this code if you want to load configuration from API\r\n /*\r\n let _company = \"\"\r\n switch(environment.company){\r\n case Company.Farmacias:\r\n _company = \"farmacias\";\r\n break;\r\n case Company.Samsonite:\r\n _company = \"samsonite\";\r\n break;\r\n }\r\n return this.http.get(this.CONFIG_URL + _company);\r\n */\r\n return of(environment.configuration);\r\n }\r\n}","import { Injectable } from '@angular/core';\r\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { QuestionBase } from '../classes/question-base';\r\n\r\n@Injectable()\r\nexport class QuestionControlService {\r\n constructor() {}\r\n\r\n toFormGroup(questions: QuestionBase[]) {\r\n const group: any = {};\r\n\r\n questions.forEach((question) => {\r\n group[question.key] = new FormControl(this.loadControlState(question), this.loadValidators(question));\r\n });\r\n return new FormGroup(group);\r\n }\r\n\r\n private loadValidators(question: QuestionBase){\r\n let validators:any = [];\r\n\r\n if(question.required){\r\n validators.push(Validators.required)\r\n }\r\n\r\n if(question.regex){\r\n validators.push(Validators.pattern(question.regex))\r\n }\r\n\r\n return validators;\r\n }\r\n\r\n private loadControlState(question: QuestionBase){\r\n return {\r\n value: question.value || '',\r\n disabled: question.disabled || false\r\n }; \r\n }\r\n\r\n\r\n}\r\n","\r\n\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { NavbarComponent } from './components/navbar/navbar.component';\r\nimport { FooterSectionComponent } from './components/Footer/footer-section.component';\r\nimport { AlertComponent } from './components/alert/alert.component';\r\nimport { ModalComponent } from './components/modal/modal.component';\r\nimport { ActionModalComponent } from './components/action-modal/action-modal.component';\r\nimport { DynamicFormComponent } from './components/dynamic-form/dynamic-form.component';\r\nimport { InputsFormulariosComponent } from './components/app-question/question.component';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n RouterModule,\r\n ReactiveFormsModule\r\n ],\r\n exports: [\r\n NavbarComponent,\r\n FooterSectionComponent,\r\n AlertComponent,\r\n ModalComponent,\r\n ActionModalComponent,\r\n InputsFormulariosComponent,\r\n DynamicFormComponent\r\n \r\n ],\r\n declarations: [\r\n NavbarComponent,\r\n FooterSectionComponent,\r\n AlertComponent,\r\n ModalComponent,\r\n ActionModalComponent,\r\n InputsFormulariosComponent,\r\n DynamicFormComponent\r\n ],\r\n providers: [],\r\n})\r\nexport class SharedModule { }\r\n","import { QuestionBase } from 'src/app/shared/classes/question-base';\r\nimport { IDropdown } from 'src/app/shared/classes/question-dropdown';\r\nimport {\r\n IConfiguration,\r\n TypePropertyInput,\r\n} from 'src/interfaces/env.default.interface';\r\nimport {\r\n ICheckbox,\r\n IDate,\r\n IRadio,\r\n ITextbox,\r\n} from 'src/interfaces/questions.interface';\r\nimport { Company } from '../interfaces/env.default.interface';\r\n\r\nexport const configSamsonite: IConfiguration = {\r\n staticContent: {\r\n modules: {\r\n customerContact: {\r\n img_contact: 'assets/farmacias/images/ImgC.JPG',\r\n link_facebook: 'https://www.facebook.com/samsonite',\r\n link_instagram: 'https://www.instagram.com/samsonite/',\r\n link_tiktok: 'https://www.tiktok.com/@samsonite',\r\n link_twitter: 'https://twitter.com/samsonite',\r\n link_youtube: 'https://www.youtube.com/user/samsonite',\r\n txt_desc_telephone:\r\n 'Comunícate a nuestra Línea de SAMSONITE 800 888 3333 en un horario de atención de 9:00AM A 9:00PM de Lunes a Sábado.',\r\n txt_main: 'clientes@samsonite.com.mx',\r\n txt_telephone: '800 888 3333',\r\n },\r\n faq: {\r\n img_manual1: 'assets/farmacias/images/manual_img1.png',\r\n img_manual2: 'assets/farmacias/images/manual_img2.png',\r\n img_manual2_1: 'assets/farmacias/images/manual2_img1.png',\r\n img_manual2_2: 'assets/farmacias/images/manual2_img2.png',\r\n img_manual2_3: 'assets/farmacias/images/manual2_img3.png',\r\n img_manual3: 'assets/farmacias/images/manual_img3.png',\r\n img_manual4: 'assets/farmacias/images/manual_img4.png',\r\n img_manualPage_1: 'assets/farmacias/images/manual_imgPage.png',\r\n img_manualTicket: 'assets/farmacias/images/manual_imgTicket.png',\r\n },\r\n invoiceSearch: {\r\n alt_imgHeader: 'Imgen Tablet',\r\n alt_imgTicket: 'Ticket Samsonite',\r\n img_header: 'assets/samsonite/images/samsonite_header.jpg',\r\n img_ticket: 'assets/samsonite/images/factura_ejemplo.png',\r\n },\r\n invoices: {\r\n components: {\r\n confirmInvoice: {\r\n alt_imgHeader: 'Header Generar Factura',\r\n img_header: 'assets/farmacias/images/inside samsonite.jpg',\r\n },\r\n customerInformation: {\r\n img_header: 'assets/samsonite/images/samsonite_headerV2.jpg',\r\n },\r\n validateTicket: {\r\n alt_imgTicket: 'Ticket Samsonite',\r\n img_header: 'assets/samsonite/images/samsonite_header.jpg',\r\n img_ticket: 'assets/samsonite/images/samsonite_ticket.png',\r\n alt_imgRFC: 'Ejemplo RFC',\r\n img_RFC:'assets/samsonite/images/CSF-Ejemplo.jpg',\r\n \r\n },\r\n },\r\n },\r\n },\r\n shared: {\r\n components: {\r\n navbar: {\r\n img_logo_blackMode: 'assets/samsonite/images/logo_white.png',\r\n img_logo_default: 'assets/samsonite/images/logo.png',\r\n },\r\n },\r\n },\r\n },\r\n dynamicForms: {\r\n validateTicketForm: [\r\n {\r\n typeQuestion: TypePropertyInput.dropdown,\r\n key: 'Sucursal',\r\n label: 'Sucursal',\r\n type: 'dropdown',\r\n required: true,\r\n order: 1,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n event: {\r\n tooltipHelpButton: 'showModalITU',\r\n },\r\n advancedOptions: {\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'Monto',\r\n label: 'Monto',\r\n required: true,\r\n order: 2,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n event: {\r\n tooltipHelpButton: 'showModalITU',\r\n },\r\n advancedOptions: {\r\n locale: 'es-MX',\r\n optLocaleString: {\r\n style: 'currency',\r\n currency: 'MXN',\r\n maximumFractionDigits: 2,\r\n minimumFractionDigits: 2,\r\n },\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'TicketID',\r\n label: 'TicketID',\r\n required: true,\r\n order: 3,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n event: {\r\n tooltipHelpButton: 'showModalITU',\r\n },\r\n advancedOptions: {},\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'channelID',\r\n label: 'Canal de Venta',\r\n required: true,\r\n order: 4,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n event: {\r\n tooltipHelpButton: 'showModalITU',\r\n },\r\n advancedOptions: {},\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'RFC',\r\n label: 'RFC',\r\n required: true,\r\n order: 5,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n event: {\r\n tooltipHelpButton: 'showModalRFC',\r\n },\r\n regex:\r\n '[A-Z&Ñ]{3,4}[0-9]{2}(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])[A-Z0-9]{2}[0-9A]',\r\n advancedOptions: {\r\n msgInCaseRegexFailed: 'El RFC no es valido, favor de verificarlo.',\r\n toUpperCase: true\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.date,\r\n key: 'fechaVenta',\r\n label: 'Fecha de venta',\r\n type: 'date',\r\n required: false,\r\n order: 6,\r\n showTooltip: true,\r\n disabled: false,\r\n value: '',\r\n event: {\r\n tooltipHelpButton: 'showModalITU',\r\n onInputChange: 'onInputChangeCheckbox ',\r\n },\r\n advancedOptions: {\r\n label: 'Fecha de venta',\r\n format: 'dd/MM/yyyy',\r\n maxDate: '2099-12-31',\r\n minDate: '2000-01-01'\r\n },\r\n helpMessage: 'Este campo es obligatorio.',\r\n } as QuestionBase,\r\n ],\r\n consultaTicketForm: [],\r\n contactoTicketForm: [\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'Nombre',\r\n label: 'Nombre Completo',\r\n required: true,\r\n order: 1,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n regex: '',\r\n advancedOptions: {\r\n msgInCaseRegexFailed: '',\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'Correo',\r\n label: 'Correo',\r\n required: true,\r\n order: 2,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n regex: '',\r\n advancedOptions: {\r\n msgInCaseRegexFailed: '',\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'TicketID',\r\n label: 'TicketID',\r\n required: true,\r\n order: 3,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n regex: '',\r\n advancedOptions: {\r\n msgInCaseRegexFailed: '',\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'Sucursal',\r\n label: 'Sucursal',\r\n required: true,\r\n order: 4,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n regex: '',\r\n advancedOptions: {\r\n msgInCaseRegexFailed: '',\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.textbox,\r\n key: 'Asunto',\r\n label: 'Asunto',\r\n required: true,\r\n order: 5,\r\n showTooltip: true,\r\n helpMessage: 'Este campo es obligatorio.',\r\n regex: '',\r\n advancedOptions: {\r\n msgInCaseRegexFailed: '',\r\n },\r\n } as QuestionBase,\r\n {\r\n typeQuestion: TypePropertyInput.date,\r\n key: 'Fecha',\r\n label: 'Fecha',\r\n type: 'date',\r\n required: false,\r\n order: 6,\r\n showTooltip: true,\r\n disabled: false,\r\n value: '',\r\n event: {\r\n tooltipHelpButton: 'showModalITU',\r\n onInputChange: 'onInputChangeCheckbox ',\r\n },\r\n advancedOptions: {\r\n label: 'Fecha de venta',\r\n format: 'dd/MM/yyyy',\r\n },\r\n helpMessage: 'Fecha de venta',\r\n } as QuestionBase,\r\n ],\r\n },\r\n};\r\n","import { configSamsonite } from \"src/configs/samsonite.config\";\r\nimport { Company, EnviromentType, Environment } from \"../interfaces/env.default.interface\";\r\n\r\n\r\nexport const environment:Environment = {\r\n enviromentType: EnviromentType.Dev,\r\n company: Company.Samsonite,\r\n apiUrl:\"https://samsonite.masfacturaweb.com.mx/\",\r\n configuration: configSamsonite,\r\n companyCode: \"SAMSONITE\"\r\n};\r\n","import { QuestionBase } from \"src/app/shared/classes/question-base\"\r\n\r\nexport interface Environment {\r\n enviromentType: EnviromentType,\r\n company: Company,\r\n apiUrl:string,\r\n configuration: IConfiguration,\r\n companyCode: string\r\n}\r\n\r\n// ----------------------------------------\r\n// Enums \r\n// ----------------------------------------\r\nexport enum EnviromentType {\r\n Dev = 1,\r\n Prod = 2\r\n} \r\n\r\nexport enum Company{\r\n Farmacias = 1,\r\n Lvh = 2,\r\n Samsonite = 3\r\n}\r\n\r\nexport enum TypePropertyInput{\r\n textbox = 1,\r\n dropdown = 2,\r\n checkbox = 3,\r\n radio = 4,\r\n date = 5,\r\n}\r\n\r\n\r\n\r\n// ----------------------------------------\r\n// Interfaces\r\n// ----------------------------------------\r\nexport interface IConfiguration {\r\n staticContent: {\r\n modules: {\r\n customerContact: any,\r\n faq: any,\r\n invoiceSearch: any,\r\n invoices: any,\r\n },\r\n shared: {\r\n components: {\r\n navbar: any\r\n }\r\n \r\n },\r\n },\r\n dynamicForms: {\r\n validateTicketForm: QuestionBase[],\r\n consultaTicketForm: QuestionBase[],\r\n contactoTicketForm: QuestionBase[]\r\n },\r\n}","import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\n\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n"],"names":["RouterModule","CustomerContactComponent","InvoiceSearchTicketComponent","HomeInvoiceComponent","FAQComponent","FormsModule","CommonModule","routes","path","component","loadChildren","then","m","InvoiceModule","redirectTo","pathMatch","AppRoutingModule","forRoot","imports","exports","environment","AppComponent","constructor","selectors","decls","vars","consts","template","i0","HttpClientModule","BrowserModule","SharedModule","ModulesModule","AppModule","bootstrap","declarations","EventEmitter","ConfigService","Company","QuestionService","cdr","config","app","http","qService","router","CONF","isOpen","titleModal","content","onCloseEvent","ngOnInit","getConfigurationAsync","subscribe","configuration","detectChanges","onListenFormValue","data","company","Farmacias","Lvh","businessLogicSamsonite","showSpinnerProcess","request","NombreCliente","nameForm","EmailCliente","emailForm","NumTicket","ticketForm","FechaTicket","dateForm","NumSucursal","sucursalForm","Comentario","mensajeForm","Asunto","subjetForm","CompanyCode","companyCode","url","env","apiUrl","body","JSON","stringify","toString","headers","withCredentials","post","next","actionToDo","codigoRetorno","showWaitModal","mensaje","error","console","log","updateResponseValidation","message","title","actionModalInfo","onWaitTicket","bind","location","reload","outputs","continueEvent","features","ctx","HttpHeaders","HttpParams","showCancelButton","cancelButtonText","confirmButtonText","onCancelEvent","ngAfterViewInit","ticketShow","showticket","searchValueChange","showSearchButton","eraseSearch","searchValue","uuidForm","montoForm","canalVentaForm","fechaVentaForm","validateTicketForm","UUID","MontoTicket","CanalVenta","FechaVenta","RfcReceptor","rfcReceptorForm","Serie","serieForm","Folio","folioForm","FechaEmision","fechaEmiForm","TipoConsulta","selectedOption","params","fromObject","get","answerCode","getDownloadForm","navigate","pdfUrl","existsPdf","urlPdf","xmlUrl","existsXml","urlXml","Number","parseInt","trim","HttpErrorResponse","ConfirmInvoiceComponent","buttonTicketDetailsVisibilityLabel_On","changeShowStatus","showStatus","clickReturn","returnEvent","emit","changeGenerateInvoice","process","requestTicket","comprobante","ticket","document","querySelectorAll","setAttribute","result","urls","exito","generateInvoice","handleHttpError","itu","addendaTicket","numTicket","rfc","receptor","impuestos","traslados","forEach","item","impuesto","ivaTotal","importe","iepsTotal","conceptos","c","Array","descripcion","cantidad","valorUnitario","imp","tasaOCuota","push","downloadPdf","downloadXml","showTicketDetails","ticketDetailsVisibility","buttonTicketDetailsVisibilityLabel","buttonTicketDetailsVisibilityLabel_Off","showSessionExpireModal","onCloseSession","status","inputs","firstValueFrom","CustomerInformationComponent","openModal","imgModal","modalInfo","closeModal","ticketsService","fb","alertService","regimenFiscal","regimenFiscalFilter","usosCfdi","Samsonite","filter","j","clave","usosCfdiFilter","rfcChange","regimenFiscalReceptor","updateRegimen","showFormaDePago","getFormaPago","requestCFD","toUpperCase","nombre","addendaDomicilioExpedidoEn","calle","colonia","municipio","estado","pais","addendaReceptor","email","toLowerCase","length","moral","isDisabledRegFiscal","fisica","usoChange","usoCfdi","regimen","removeAttribute","isDisabledUsoCfdi","includes","getRequestTicket","bodegaReceptor","domicilioReceptor","eanReceptor","nombreComercial","regimenFiscalDesc","usoCFDIDesc","clickContinue","checkFields","showError","onLoadCIF","cif","file","target","files","onShowMessage","type","validateCif","undefined","residenciaFiscal","noExterior","noInterior","count","regex","RegExp","rfcRegex","cpRegex","allErrors","classInp","test","mailConfirm","onSubmitForm","msg","showMessage","urlCatalogoFormaDePago","catFormaPago","$event","of","ValidateTicketComponent","ts","usosCfdiAll","questions$","getQuestions_ValidateTicketForm","events$","event","manageEvent","getSucursales","set","urlCatalogoSucursales","catSucursales","mapeaCatSucursales","mapeaCatFormaPago","arrayOptions","getArrayCatSucursales","dynamicForms","advancedOptions","options","getArrayCatFormaPago","arreglo","sucursal","leyenda","codigoSucursal","padStart","key","value","formaPago","text","businessLogicFarmacias","cabecera","ticketFacturadoAlert","folio","Sucursal","Monto","replace","Fecha","fechaVenta","RFC","TicketID","ChannelID","channelID","requestAux","showConfirmReInvoice","onModalRFC","showModalRFC","onModalCfdi","showModalCfdi","onModalTicket","showModalTicket","form","valid","enable","continueInvoice","onlyCloseModal","testModal","BillingTicketComponent","onContinueValidateTicket","addenda","stateView","onContinueCustomerInformation","finalRequestTicket","onReturnCustomerInformation","onReturnBillingConfirmation","ReactiveFormsModule","forChild","BehaviorSubject","Subject","map","CheckboxQuestion","DateQuestion","DropdownQuestion","RadioQuestion","TextboxQuestion","TypePropertyInput","valdations","asObservable","eventsForms","newValidation","sendEventName","newEvent","pipe","loadOrder","questions","input","typeQuestion","textbox","dropdown","checkbox","radio","date","sort","a","b","order","factory","TicketsService","baseService","formData","FormData","append","baseResource","loadCatalogs","providedIn","localStorageService","modalShown","getItem","modalLocalStorageKey","mostrarModal","hiddenModal","setItem","toggleContentVisibility","isContentVisible","LocalStorageService","localStorage","removeItem","QuestionBase","label","required","controlType","helpMessage","maxLength","showTooltip","disabled","baseOptions","FooterSectionComponent","ActionModalComponent","contentModal","onClose","onCancel","AlertType","AlertComponent","modalService","getModalObservable","modalData","showButtons","alertType","isOpenModal","onAccept","InputsFormulariosComponent","isEmpty","questionService","controls","question","isTouched","touched","isValid","onEventTooltipHelp","eventName","onInputChange","questionAsTextbox","optLocaleString","style","numero","parseFloat","isNaN","setValue","toLocaleString","locale","onInputKeyUp","onInputKeyDown","preventDefault","onRadioChange","questionAsCheckbox","questionAsDropdown","questionAsRadio","questionAsDate","QuestionControlService","DynamicFormComponent","qcs","toFormGroup","responseValidation$","responseValidation","onSubmit","formValue","ModalComponent","typeModal","tooltip","imgBody","txtBody","NavbarComponent","renderer","darkModeValue","darkModeEnabled","applyTheme","toggleMenu","toggle","icon","UlStatus","toggleDarkMode","window","matchMedia","AlertService","modalSubject","BaseService","URL","put","delete","loadConfiguration","confAsync","FormControl","FormGroup","Validators","group","loadControlState","loadValidators","validators","pattern","configSamsonite","staticContent","modules","customerContact","img_contact","link_facebook","link_instagram","link_tiktok","link_twitter","link_youtube","txt_desc_telephone","txt_main","txt_telephone","faq","img_manual1","img_manual2","img_manual2_1","img_manual2_2","img_manual2_3","img_manual3","img_manual4","img_manualPage_1","img_manualTicket","invoiceSearch","alt_imgHeader","alt_imgTicket","img_header","img_ticket","invoices","components","confirmInvoice","customerInformation","validateTicket","alt_imgRFC","img_RFC","shared","navbar","img_logo_blackMode","img_logo_default","tooltipHelpButton","currency","maximumFractionDigits","minimumFractionDigits","msgInCaseRegexFailed","format","maxDate","minDate","consultaTicketForm","contactoTicketForm","EnviromentType","enviromentType","Dev","__NgCli_bootstrap_1","bootstrapModule","catch","err"],"sourceRoot":"webpack:///","x_google_ignoreList":[]}
\r\n
\r\n\r\n \r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n \r\n ¡Recuerda! Para enviar el correo, por favor, ingresa los datos solicitados a continuación.\r\n \r\n
\r\n \r\n
\r\n ![\"Imgen]()
\r\n
\r\n Contáctanos
Tu opinión es fundamental para nosotros. Estamos ansiosos por recibir tus comentarios y brindarte la mejor atención posible. Puedes contactarnos de las siguientes maneras
\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n \r\n ¡Recuerda! Para acceder a tu factura, por favor ingresa los datos solicitados a continuación. Mantén a la mano tu Ticket de compra.\r\n\r\n \r\n
\r\n \r\n
\r\n ![]( "\\"imgen\\"")
\r\n
\r\n Consultar Factura
Aquí puedes acceder fácilmente a tus detalles de facturación.
\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Aquí puede descargar su factura en formato PDF y XML.\r\n
\r\n \r\n Descargar PDF\r\n
\r\n \r\n Descargar XML\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {{message}}\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Desliza el Ticket\r\n
\r\n \r\n ![]()
\r\n
\r\n\r\n \r\n\r\n\r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n \r\n Recuerda! Para generar tu factura, por favor ingresa los datos solicitados a continuación.\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n Crear Factura.
\r\n\r\n RFC del receptor: {{rfc}}\r\n
\r\n Ticket: {{itu}}\r\n \r\n
Listo!. Puede descargar su factura.
\r\n\r\n ![]( "\\"img\\"")
\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n | Concepto | \r\nImporte | \r\n
|---|---|
| Subtotal | \r\n{{ticket.subTotal | currency}} | \r\n
| IVA | \r\n{{ivaTotal | currency}} | \r\n
| IEPS | \r\n{{iepsTotal | currency}} | \r\n
| Descuento | \r\n{{ticket.descuento | currency}} | \r\n
| Total | \r\n{{ticket.total | currency}} | \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n\r\n | Descripción | \r\nCantidad | \r\nP Unitario | \r\nImporte | \r\n \r\nImp IVA | \r\nImp IEPS | \r\n
|---|---|---|---|---|---|
| {{item.descripcion}} | \r\n{{item.cantidad}} | \r\n{{item.valorUnitario | currency}} | \r\n{{item.importe | currency}} | \r\n \r\n{{item.impIva | currency}} | \r\n{{item.impIeps | currency}} | \r\n
\r\n
\r\n\r\n \r\n Aquí puede descargar su factura en formato PDF y XML.\r\n
\r\n \r\n Descargar PDF\r\n
\r\n \r\n Descargar XML\r\n
\r\n \r\n {{message}}\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n\r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n \r\n ¡Recuerda! Para generar tu factura, por favor ingresa los datos solicitados a continuación. Será indispensable contar con su Constancia de Situación Fiscal a la mano.\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n Datos Fiscales.
\r\n\r\n La siguiente información deberá coincidir con la contenida en la Cédula de Identificación Fiscal
y\r\n Constancia de Situación Fiscal.\r\n
\r\n ![\"...\"]()
\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n \r\n ¡Recuerda! Para generar tu factura, por favor ingresa los datos solicitados a continuación. Mantén a la mano tu Ticket de compra.\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Ingreso de Datos.
\r\nTiene como máximo 60 días naturales posteriores a la compra para realizar su factura.
\r\n \r\n\r\n ![\"...\"]()
\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n\r\n
\r\n Preguntas Frecuentes.
\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n Para obtener tu factura electrónica es necesario que cuentes con los siguientes datos:
\r\n RFC.
\r\n Nombre o Razón Social.
\r\n Domicilio Fiscal.
\r\n ITU (se encuentra impreso en la parte inferior del ticket de compra, si es alfanumérico es importante ingresar los guiones).
\r\n Régimen Fiscal activo en el SAT.
\r\n Uso del CFDI permitido de acuerdo al Régimen Fiscal.
\r\n\r\n La factura electrónica sólo se puede obtener 30 días naturales posteriores a tu compra, al pasar estos 30 días no nos será posible ayudarte a obtener la factura.
\r\n\r\n Si cuentas con los datos mencionados y estas dentro de los 30 días posteriores a tu compra sigue estos pasos. Como Generar tu Factura\r\n\r\n
\r\n \r\n RFC.
\r\n Nombre o Razón Social.
\r\n Domicilio Fiscal.
\r\n ITU (se encuentra impreso en la parte inferior del ticket de compra, si es alfanumérico es importante ingresar los guiones).
\r\n Régimen Fiscal activo en el SAT.
\r\n Uso del CFDI permitido de acuerdo al Régimen Fiscal.
\r\n\r\n La factura electrónica sólo se puede obtener 30 días naturales posteriores a tu compra, al pasar estos 30 días no nos será posible ayudarte a obtener la factura.
\r\n\r\n Si cuentas con los datos mencionados y estas dentro de los 30 días posteriores a tu compra sigue estos pasos. Como Generar tu Factura\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n Si existe algún error en los datos de la factura ya emitida, es necesario cancelarla y volver a emitirla en nuestro punto de venta; por lo que te invitamos a que acudas a la sucursal donde realizaste la compra y solicitar la corrección o cancelación de tu factura.
\r\n Nota: Los cambios o cancelaciones SOLO pueden realizarse en la sucursal donde se hizo la compra y tienes solamente 30 días naturales posteriores a la misma para solicitar la corrección o cancelación de tu factura.\r\n\r\n
\r\n \r\n Nota: Los cambios o cancelaciones SOLO pueden realizarse en la sucursal donde se hizo la compra y tienes solamente 30 días naturales posteriores a la misma para solicitar la corrección o cancelación de tu factura.\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n De antemano te ofrecemos una disculpa por las molestias causadas. Si nuestro portal de facturación está presentando intermitencias, te invitamos a generar tu factura un poco más tarde. O bien, da clic en la opción Contáctanos que se encuentra en el menú de la parte superior, para que un asesor te brinde apoyo. Es importante que cuentes con los siguientes datos: Razón Social, Domicilio Fiscal, ITU, Imagen del ticket a facturar, Uso del CFDI y Correo.
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n Si el ITU de tu ticket de compra es alfanumérico, corrobora que también se estén ingresando los guiones.
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n Para que obtengas tu factura es necesario tengas el ITU que viene en tu ticket, si por algún motivo no lo tienes siempre puedes pedir una reimpresión del mismo, esto SOLO se puede solicitar en la sucursal donde realizaste tu compra.
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n En el ticket de compra se establece un periodo de 30 días naturales para la emisión de la factura electrónica en caso no facturar dentro del periodo establecido no será posible realizar la emisión de su factura electrónica sin excepción alguna.
\r\n \r\n
\r\n\r\n \r\n
\r\n Como Generar tu Factura
\r\nDe manera rápida y fácil.
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 1- Ingresa al sitio, ingresa a la sección generar factura.
\r\n\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 2- Mantén a la mano tu ticket de compra.
\r\n\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 3-Ingresa los datos solicitados y da clic a continuar.
\r\n\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 4-Ingresa tus datos Fiscales y da clic a continuar.
\r\n\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 5- Podrás ver la información de tu compra, Da clic en descargar.
\r\n\r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n 6- Listo! Ya tienes tu factura.
\r\n\r\n
\r\n \r\n
\r\n Como Consultar tu Factura.
\r\nMantén tu ticket a la mano.
\r\n\r\n
\r\n\r\n","import { ChangeDetectorRef, Component } from '@angular/core';\r\nimport { LocalStorageService } from 'src/app/services/local-storage.service';\r\nimport { BaseService } from 'src/app/shared/services/base.service';\r\nimport { ConfigService } from 'src/app/shared/services/config.service';\r\nimport { environment } from 'src/environments/env.default';\r\n\r\n@Component({\r\n selector: 'app-home-invoice',\r\n templateUrl: './home-invoice.component.html',\r\n styleUrls: ['./home-invoice.component.css']\r\n})\r\nexport class HomeInvoiceComponent {\r\n public CONF: any = ConfigService.CONF;// load configuration by enviroment\r\n public mostrarModal: boolean = true;\r\n public isChecked: boolean = false;\r\n private modalLocalStorageKey = 'modalShown';\r\n public isContentVisible = false;\r\n\r\n constructor(private localStorageService: LocalStorageService, private cdr: ChangeDetectorRef, private config: ConfigService) {\r\n const modalShown = this.localStorageService.getItem(this.modalLocalStorageKey);\r\n if (modalShown) {\r\n this.mostrarModal = false;\r\n }\r\n }\r\n ngOnInit() {\r\n this.config.getConfigurationAsync().subscribe((configuration) => { this.CONF = ConfigService.CONF; this.cdr.detectChanges();});\r\n }\r\n\r\n hiddenModal() {\r\n this.mostrarModal = false;\r\n this.localStorageService.setItem(this.modalLocalStorageKey, 'true');\r\n }\r\n toggleContentVisibility() {\r\n this.isContentVisible = !this.isContentVisible;\r\n }\r\n}\r\n","\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 1- Dirígete al menú, elige \"Consultar Factura\".
\r\n\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 2- Mantén a la mano tu ticket de compra, llena los campos requeridos.
\r\n\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n \r\n
\r\n 3- Listo!. Puede descargar su factura.
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n
\r\n
\r\nBienvenidos al Portal de Facturación.
\r\nTiene como máximo 60 días naturales posteriores a la compra para realizar su factura.
\r\n\r\n
\r\n Generar Factura\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n Restricciones de Facturación:
\r\n La factura electrónica imprime únicamente los artículos facturables de acuerdo a cada compra y en forma total.
\r\n
\r\n\r\n La factura electrónica imprime únicamente los artículos facturables de acuerdo a cada compra y en forma total.
\r\n
\r\n
\r\n \r\n {{ isContentVisible ? 'Ver menos' : 'Ver más' }}\r\n \r\n \r\n La facturación electrónica se puede realizar en nuestro portal dentro de los 60 días naturales posteriores a la compra, posterior a esta fecha no es permisible realizar la facturación.
\r\n El sistema de facturación electrónica no permite la facturación parcial, pago de servicio o donaciones.
\r\n En caso de requerir cancelación de facturas o correcciones, se pueden realizar únicamente en la sucursal de compra y dentro de los 60 días naturales posteriores a la compra.
\r\n Para Facturación en Sucursal, puedes emitir las facturas de tus compras únicamente en la sucursal donde se efectuó la compra.
\r\n
\r\n \r\n El sistema de facturación electrónica no permite la facturación parcial, pago de servicio o donaciones.
\r\n En caso de requerir cancelación de facturas o correcciones, se pueden realizar únicamente en la sucursal de compra y dentro de los 60 días naturales posteriores a la compra.
\r\n Para Facturación en Sucursal, puedes emitir las facturas de tus compras únicamente en la sucursal donde se efectuó la compra.
\r\n
\r\n
\r\n\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\n\r\nimport { InvoiceSearchTicketComponent } from './InvoiceSearch/invoice-search-ticket.component';\r\nimport { FAQComponent } from './faq/faq.component';\r\nimport { CustomerContactComponent } from './CustomerContact/customer-contact.component';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: '',\r\n component: InvoiceSearchTicketComponent,\r\n }\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n InvoiceSearchTicketComponent,\r\n FAQComponent,\r\n CustomerContactComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n RouterModule.forChild(routes),\r\n\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n SharedModule\r\n ],\r\n exports: [\r\n InvoiceSearchTicketComponent\r\n ],\r\n})\r\nexport class ModulesModule { }\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class LocalStorageService {\r\n\r\n constructor() { }\r\n\r\n getItem(key: string): string | null {\r\n return localStorage.getItem(key);\r\n }\r\n\r\n setItem(key: string, value: string): void {\r\n localStorage.setItem(key, value);\r\n }\r\n\r\n removeItem(key: string): void {\r\n localStorage.removeItem(key);\r\n }\r\n}\r\n","import { TypePropertyInput } from \"src/interfaces/env.default.interface\";\r\nimport { IEvents, IQuestionBase } from \"src/interfaces/questions.interface\";\r\n\r\nexport class QuestionBase\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-action-modal',\r\n templateUrl: './action-modal.component.html',\r\n styleUrls: ['./action-modal.component.css']\r\n})\r\nexport class ActionModalComponent {\r\n @Input() isOpen: boolean = false;\r\n @Input() titleModal: string = '';\r\n @Input() contentModal: string = '';\r\n @Input() showCancelButton: boolean = false;\r\n @Input() cancelButtonText: string = \"Cancelar\";\r\n @Input() confirmButtonText: string = \"Confirmar\";\r\n @Output() onClose = new EventEmitter\r\n
\r\n","import { Component, Input, Output } from '@angular/core';\r\nimport { IModalData, AlertService, AlertType } from '../../services/alert.service';\r\n\r\n@Component({\r\n selector: 'app-alert',\r\n templateUrl: './alert.component.html',\r\n styleUrls: ['./alert.component.css']\r\n})\r\nexport class AlertComponent {\r\n title!: string;\r\n message!: string;\r\n showButtons: boolean = false;\r\n isOpenModal:boolean = false;\r\n alertType: AlertType = AlertType.message; // Por default el tipo de alerta basico\r\n\r\n constructor(private modalService: AlertService) { }\r\n\r\n ngOnInit() {\r\n this.modalService.getModalObservable().subscribe((modalData: IModalData | null) => {\r\n // Show Modal\r\n if(modalData != null) {\r\n this.title = modalData.title;\r\n this.message = modalData.message;\r\n this.showButtons = modalData?.showButtons ?? false;\r\n this.alertType = modalData?.alertType ?? AlertType.message;\r\n this.isOpenModal = true;\r\n return;\r\n }\r\n\r\n // Hide Modal\r\n this.title = \"\";\r\n this.message = \"\";\r\n this.showButtons = false;\r\n this.isOpenModal = false;\r\n this.alertType = AlertType.message;\r\n });\r\n }\r\n\r\n onClose(){\r\n this.modalService.closeModal();\r\n }\r\n onAccept(){ \r\n }\r\n \r\n\r\n}","\r\n\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n","\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ question.helpMessage }}\r\n \r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n\r\n \r\n \r\n {{ question.helpMessage }}\r\n \r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n {{ question.helpMessage }}\r\n \r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n\r\n
\r\n\r\n \r\n \r\n {{ question.helpMessage }}\r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n {{ question.helpMessage }}\r\n \r\n{{question.label}} es un campo requerido
\r\n\r\n\r\n\r\n {{questionAsTextbox.advancedOptions.msgInCaseRegexFailed}}\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { QuestionBase } from '../../classes/question-base';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { QuestionService } from 'src/app/modules/Invoices/services/question.service';\r\nimport { CheckboxQuestion } from '../../classes/question-checkbox';\r\nimport { DropdownQuestion } from '../../classes/question-dropdown';\r\nimport { TextboxQuestion } from '../../classes/question-textbox';\r\nimport { RadioQuestion } from '../../classes/question-radio';\r\nimport { DateQuestion } from '../../classes/question-date';\r\nimport { TypePropertyInput } from 'src/interfaces/env.default.interface';\r\n\r\n@Component({\r\n selector: 'app-question',\r\n templateUrl: './question.component.html',\r\n styleUrls: ['./question.component.css'],\r\n})\r\nexport class InputsFormulariosComponent\r\n \r\n\r\n \r\n
\r\n","import { Component, Input, EventEmitter, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.css']\r\n})\r\nexport class ModalComponent {\r\n @Input() isOpen: boolean = false;\r\n @Input() title: string = '';\r\n @Input() imgBody: string | null = null;\r\n @Input() txtBody: string | null = null;\r\n @Input() typeModal: typeModal = typeModal.tooltip;\r\n @Output() onClose = new EventEmitter\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {{responseValidation?.message}}\r\n
\r\n \r\n
\r\n \r\n \r\n El ticket ya fue facturado. Aquí puede descargar su factura en formato PDF y XML.\r\n
\r\n \r\n Descargar PDF\r\n
\r\n \r\n Descargar XML\r\n
\r\n \r\n
\r\n","import { ChangeDetectorRef, Component, Renderer2 } from '@angular/core';\r\nimport { ConfigService } from '../../services/config.service';\r\nimport { Observable, map, of } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-navbar',\r\n templateUrl:'./navbar.component.html',\r\n styleUrls: ['./navbar.component.css']\r\n})\r\nexport class NavbarComponent {\r\n public CONF: any = ConfigService.CONF;// load configuration by enviroment\r\n\r\n public UlStatus: boolean = true;\r\n public toggle: boolean = false;\r\n public icon: string = 'bi-list';\r\n\r\n public darkModeEnabled: boolean = false;\r\n\r\n constructor(private renderer: Renderer2, private cdr: ChangeDetectorRef, private config: ConfigService) { \r\n const darkModeValue = localStorage.getItem('darkModeEnabled');\r\n if (darkModeValue !== null) {\r\n this.darkModeEnabled = darkModeValue === 'true';\r\n this.applyTheme();\r\n }\r\n }\r\n\r\n ngOnInit() { \r\n this.config.getConfigurationAsync().subscribe((configuration) => { this.CONF = ConfigService.CONF; this.cdr.detectChanges(); });\r\n }\r\n\r\n toggleMenu() {\r\n this.toggle = !this.toggle;\r\n this.icon = this.toggle ? 'bi-x-lg' : 'bi-list';\r\n this.UlStatus = !this.UlStatus;\r\n }\r\n\r\n toggleDarkMode() {\r\n this.darkModeEnabled = !this.darkModeEnabled;\r\n localStorage.setItem('darkModeEnabled', this.darkModeEnabled.toString());\r\n this.applyTheme();\r\n console.log(window.matchMedia)\r\n }\r\n\r\n applyTheme() {\r\n if (this.darkModeEnabled) {\r\n this.renderer.setAttribute(document.body, 'data-bs-theme', 'dark');\r\n } else {\r\n this.renderer.removeAttribute(document.body, 'data-bs-theme');\r\n }\r\n }\r\n}\r\n","\r\n\r\n\r\n\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AlertService {\r\n private modalSubject = new Subject\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{title}}\r\n
\r\n \r\n ![\"...\"]()
\r\n
\r\n\r\n \r\n\r\n\r\n\r\n {{txtBody}}
\r\n