En este momento estamos presentando inconvenientes en nuestro sistema.
Por favor, íntentelo nuevamente.
';\r\n constructor(public global: GlobalService) { }\r\n\r\n ngOnInit(): void {\r\n if(this.global.paymentDescription!=\"\"){\r\n this.textMessageError=this.global.paymentDescription;\r\n }\r\n }\r\n retry(){\r\n this.global.setStep(1);\r\n this.currentScreen.next(1);\r\n }\r\n}","\r\n
","import { Directive, ElementRef, HostListener, Input} from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appOnlyAmount]'\r\n})\r\nexport class OnlyAmountDirective {\r\n @Input('appOnlyAmount') date: string;\r\n //private regex: RegExp = new RegExp(/^\\d*\\.?\\d{0,2}$/g);\r\n\r\n private regex: RegExp = /^\\d*(\\.\\d{0,2})?$/;\r\n\r\n constructor(private el: ElementRef) {}\r\n \r\n @HostListener('input', ['$event'])\r\n onInputChange(event: InputEvent) {\r\n const input = this.el.nativeElement.value;\r\n const lastChar = input.slice(-1);\r\n const count = (input.match(/\\./g) || []).length;\r\n if (lastChar === '.' && count > 1) {\r\n this.el.nativeElement.value = input.slice(0, -1);\r\n return;\r\n }\r\n if (!this.isValidInput(input)) {\r\n this.el.nativeElement.value = input.slice(0, -1);\r\n return;\r\n }\r\n }\r\n private isValidInput(input: string): boolean {\r\n return this.regex.test(input);\r\n }\r\n }","import { Directive, HostListener, Input} from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appOnlyNumber]'\r\n})\r\nexport class OnlyNumberDirective {\r\n\r\n constructor() { }\r\n @Input('appOnlyNumber') date: string;\r\n @HostListener('keypress', ['$event'])\r\n\r\n public onkeypress(ev: any): void {\r\n const isNumeric = (ev.charCode >= 48 && ev.keyCode <= 57);\r\n if (!isNumeric) {\r\n ev.preventDefault();\r\n }\r\n }\r\n}\r\n","import { Directive, HostListener, Input} from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appZipCode]'\r\n})\r\nexport class ZipCodeDirective {\r\n\r\n constructor() { }\r\n @Input('appZipCode') date: string;\r\n @HostListener('keypress', ['$event'])\r\n\r\n public onkeypress(ev: any): void {\r\n const isNumeric = (ev.charCode >= 48 && ev.keyCode <= 57) || ev.keyCode === 45;\r\n if (!isNumeric) {\r\n ev.preventDefault();\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Router } from '@angular/router';\r\nimport {\r\n AccountDetails,\r\n Subscriber,\r\n AddChildPayment,\r\n ApplyPayment,\r\n GetPaymentInfo,\r\n GetToken,\r\n GetVerifyEmail,\r\n Login,\r\n NewPayment,\r\n Permissions,\r\n UpdatePersonalData,\r\n VerifyCode,\r\n VerifyEmail,\r\n VerifyPaymentStatus,\r\n Keys,\r\n AuthorizePaymentRequest, LoginData\r\n} from '../../interfaces/interfaces';\r\nimport { EncryptWithKeyService } from '../encrypt-with-key/encrypt-with-key.service';\r\nimport { environment } from '../../../../environments/environment';\r\n\r\n\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ApiService {\r\n private otpUrl = `${environment.deployAssetsPath}/assets/data/`;\r\n private urlService = '/api';\r\n constructor(private http: HttpClient, private router: Router, private encrypt: EncryptWithKeyService) { }\r\n login(Username, Password) {\r\n const form = new FormData();\r\n form.append('Username', Username);\r\n form.append('Password', Password);\r\n return this.http.post\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"../../../../assets/images/icon_validacionincorrecta.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Reintentar \r\n \r\n
\r\n \r\n
\r\n","import {AfterViewInit, Component, OnInit} from '@angular/core';\r\nimport {ActivatedRoute, Router} from '@angular/router';\r\nimport {GlobalService} from '../../core/services/global-services/global.service';\r\nimport {ApiService} from '../../core/services/api-services/api.service';\r\nimport {MatDialog, MatDialogConfig} from '@angular/material';\r\nimport {AlertasComponent} from '../../shared/components/alertas/alertas.component';\r\nimport {LoadingScreenService} from '../../core/services/loading-screen/loading-screen.service';\r\n\r\n@Component({\r\n selector: 'app-generated-url',\r\n templateUrl: './generated-url.component.html',\r\n styleUrls: ['./generated-url.component.sass']\r\n})\r\nexport class GeneratedUrlComponent implements OnInit {\r\n\r\n constructor(\r\n public global: GlobalService,\r\n private services: ApiService,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n public dialog: MatDialog,\r\n private loadingScreenService: LoadingScreenService,\r\n ) {}\r\n\r\n async loadToken() {\r\n const data = await this.services.getToken().toPromise();\r\n if (data.hasError === false) {\r\n this.global.tokenMiClaro = data.object.token;\r\n sessionStorage.setItem('token', data.object.token);\r\n }\r\n }\r\n\r\n async ngOnInit() {\r\n setTimeout(async () => {\r\n this.loadingScreenService.startLoading(true, 'Estamos buscando su informacion ', true, null);\r\n await this.loadToken();\r\n // @ts-ignore\r\n const code = this.route.params._value.code;\r\n const data = await this.services.verifyCode(code).toPromise();\r\n this.loadingScreenService.stopLoading();\r\n\r\n if (data.hasError) {\r\n this.showDialogError();\r\n } else {\r\n sessionStorage.setItem('getSubscriber', btoa(JSON.stringify(data.object)));\r\n sessionStorage.setItem('urlId', data.object.urlId);\r\n this.global.session();\r\n\r\n if (data.object.transactionType === 'INSTALLMENT') {\r\n // tslint:disable-next-line:max-line-length\r\n sessionStorage.setItem('subscriber', btoa(data.object.accountInfo.subscriberNumber !== '' ? data.object.accountInfo.subscriberNumber : data.object.subscriberInfo[0].subscriberNumber));\r\n sessionStorage.setItem('subscriberInfo', btoa(JSON.stringify(data.object.subscriberInfo)));\r\n sessionStorage.setItem('paymentToken', data.object.token);\r\n\r\n this.router.navigate(['confirm_installment_tax']);\r\n } else if (data.object.transactionType === 'TELEMARKETING_PAY_TAXES') {\r\n if (data.object.telemarketingPayTax !== null && data.object.telemarketingPayTax !== undefined) {\r\n sessionStorage.setItem('telemarketing_pay_tax', btoa(JSON.stringify(data.object.telemarketingPayTax)));\r\n }\r\n if (data.object.subscriberInfo !== null && data.object.subscriberInfo !== undefined) {\r\n sessionStorage.setItem('subscriberInfo', btoa(JSON.stringify(data.object.subscriberInfo)));\r\n }\r\n\r\n this.router.navigate(['confirm_telemarketing_tax']);\r\n } else if (data.object.transactionType === 'POSTPAID_PAY_INVOICE') {\r\n data.object.accountInfo.pastDueAmount = data.object.amount;\r\n sessionStorage.setItem('getSubscriber', btoa(JSON.stringify(data.object)));\r\n sessionStorage.setItem('paymentsLink', btoa(JSON.stringify(data.object.paymentsLink)));\r\n this.router.navigate(['payment_amount']);\r\n } else if (data.object.transactionType === 'PREPAID_BUY_BALANCE') {\r\n data.object.accountInfo.pastDueAmount = data.object.amount;\r\n data.object.subscriberInfo = data.object.subscriberInfo.servSubscriber;\r\n sessionStorage.setItem('getSubscriber', btoa(JSON.stringify(data.object)));\r\n this.router.navigate(['prepaid_buy_balance']);\r\n } else {\r\n this.showDialogError();\r\n }\r\n }\r\n }, 100);\r\n }\r\n\r\n private showDialogError() {\r\n const dialogConfig = new MatDialogConfig();\r\n dialogConfig.disableClose = true;\r\n dialogConfig.autoFocus = true;\r\n // tslint:disable-next-line:max-line-length\r\n dialogConfig.data = {message: 'Enlace expirado, por favor llamar al 787-793-1253', colorSi : 'colorRed', colorNo: undefined, btmOk: true, btmConfirm: false, labelOk: 'Aceptar', labelNo: undefined};\r\n const dialogRef = this.dialog.open(AlertasComponent, dialogConfig);\r\n dialogRef.afterClosed().subscribe(value => {\r\n this.router.navigate(['']);\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n ![](\"../../assets/images/clarobot_1.png\")
\r\n ![](\"../../assets/images/clarobot_2.png\")
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { GeneratedUrlComponent } from './generated-url.component';\r\nimport { MatSlideToggleModule } from '@angular/material';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n GeneratedUrlComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n SharedModule,\r\n MatSlideToggleModule\r\n ],\r\n exports: [\r\n GeneratedUrlComponent\r\n ]\r\n})\r\nexport class GeneratedUrlModule { }\r\n","import { Component, OnInit , ViewChild } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AppComponent } from '../../app.component';\r\nimport { ApiService } from '../../core/services/api-services/api.service';\r\nimport { LoadingScreenService } from '../../core/services/loading-screen/loading-screen.service';\r\nimport { GlobalService } from '../../core/services/global-services/global.service';\r\nimport { MatDialog, MatDialogConfig, MAT_DIALOG_DATA } from '@angular/material';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n styleUrls: ['./home.component.sass']\r\n})\r\nexport class HomeComponent implements OnInit {\r\n public tabActive = 'Dashboard';\r\n public selectBan;\r\n public currentList;\r\n public postpago = false;\r\n public prepago = false;\r\n public telefoniaFijo = false;\r\n public totalAccountList;\r\n public viewPaper = 1;\r\n\r\n public billDueDateField;\r\n public billDateField;\r\n public lastPaymentAmountField;\r\n public billBalanceField;\r\n public paperless;\r\n public accountType;\r\n public accountSubtype;\r\n public type;\r\n public popPreguntasSeguridad;\r\n public token: string = sessionStorage.getItem('token');\r\n public subscribers;\r\n public subscriber;\r\n loadObserver: Subscription;\r\n\r\n public giftMessage = '';\r\n public nameSend;\r\n public gui;\r\n public cr = '';\r\n constructor(private router: Router,\r\n public appComponent: AppComponent,\r\n private services: ApiService,\r\n private loadingScreenService: LoadingScreenService,\r\n private global: GlobalService,\r\n public dialog: MatDialog) {\r\n\r\n }\r\n\r\n ngOnInit() {\r\n // this.global.validateSession();\r\n this.loadObserver = this.global.loadObserver.subscribe((value: number) => {\r\n this.dataLoading(value);\r\n });\r\n this.selectBan = atob(sessionStorage.getItem('selectBan'));\r\n\r\n }\r\n\r\n // tslint:disable-next-line:use-lifecycle-interface\r\n ngAfterViewInit() {\r\n if (this.prepago == true) {\r\n /*this.services.updateToken(this.token,btoa(this.selectBan),this.subscriber).subscribe(data =>{\r\n if(data.hasError==false){\r\n sessionStorage.setItem(\"idCustomerCard\",btoa(JSON.stringify(data.response)));\r\n this.GetGift1GBSendData();\r\n }\r\n else{\r\n this.GetGift1GBSendData();\r\n //mensaje que no se genero el token\r\n }\r\n });*/\r\n } else {\r\n /*this.GetGift1GBSendData();*/\r\n }\r\n /*if(this.popPreguntasSeguridad==true){\r\n const dialogConfig = new MatDialogConfig();\r\n dialogConfig.disableClose = true;\r\n dialogConfig.autoFocus = true;\r\n const dialogRef =this.dialog.open(PopupQuestionComponent, dialogConfig);\r\n }*/\r\n }\r\n initializeData() {\r\n this.global.refreshDataTo(this.token);\r\n }\r\n refreshDataTo(event: Event) {\r\n // tslint:disable-next-line:radix\r\n const index = parseInt(event.target['selectedIndex']);\r\n const ban = this.currentList[index].account;\r\n sessionStorage.setItem('selectBan', btoa(ban));\r\n this.initializeData();\r\n }\r\n dataLoading(sw) {\r\n this.selectBan = atob(sessionStorage.getItem('selectBan'));\r\n\r\n if (this.billBalanceField.search('CR') > -1) {\r\n this.cr = 'CR';\r\n this.billBalanceField= parseFloat(this.billBalanceField);\r\n } else {\r\n this.cr = '';\r\n }\r\n if (this.postpago == true) {\r\n this.type = 'postpaid';\r\n } else if (this.prepago == true) {\r\n this.type = 'prepaid';\r\n } else if (this.telefoniaFijo == true) {\r\n this.type = 'fixed';\r\n }\r\n /*this.GetGift1GBSendData();*/\r\n }\r\n // tslint:disable-next-line:use-lifecycle-interface\r\n ngOnDestroy() {\r\n this.loadObserver.unsubscribe();\r\n }\r\n}\r\n\r\n","\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n 1\r\n \r\n \r\n Ingrese datos\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 2\r\n \r\n \r\n Monto a pagar\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n Pago\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 4\r\n \r\n \r\n Confirmació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 Monto a Pagar
\r\n $0.00
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n Resumen de Deuda
\r\n
\r\n
\r\n Monto Cuota
\r\n \r\n \r\n
\r\n Cuotas a Acelerar
\r\n \r\n \r\n
\r\n Total Deuda
\r\n \r\n \r\n
\r\n Pago Dividido
\r\n \r\n
\r\n ","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { HomeComponent } from './home.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n HomeComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n SharedModule\r\n ],\r\n exports: [\r\n HomeComponent\r\n ]\r\n})\r\nexport class HomeModule { }\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AppComponent } from '../../app.component';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { ApiService } from '../../core/services/api-services/api.service';\r\nimport { LoadingScreenService } from '../../core/services/loading-screen/loading-screen.service';\r\nimport { GlobalService } from '../../core/services/global-services/global.service';\r\nimport { MatDialog } from '@angular/material';\r\nimport { Subscription } from 'rxjs';\r\nimport { PaymentMethodActive, ValidateCode } from 'src/app/core/interfaces/interfaces';\r\nimport { ExecutePaymentService } from 'src/app/core/services/execute-payment/execute-payment.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.sass']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n public loginForm: FormGroup;\r\n public accountInfo1: any;\r\n public continue: Subscription;\r\n constructor(public global: GlobalService, private loadingScreenService: LoadingScreenService,\r\n private router: Router, private formBuilder: FormBuilder,\r\n public appComponent: AppComponent, private services: ApiService,\r\n public dialog: MatDialog, public executePaymentService: ExecutePaymentService) {\r\n this.global.getCapchaKey();\r\n this.createForm();\r\n }\r\n\r\n ngOnInit() {\r\n this.global.signOff();\r\n this.global.setStep(1);\r\n this.loadToken();\r\n this.global.isFlashPayment = false;\r\n this.continue = this.global.continue.subscribe((data: any) => {\r\n this.saveData(data);\r\n });\r\n this.evaluateDataFromRedirect()\r\n }\r\n\r\n saveData(data) {\r\n sessionStorage.setItem('getSubscriber', btoa(JSON.stringify(data.object)));\r\n sessionStorage.setItem('subscriber', btoa(data.object.accountInfo.subscriberNumber));\r\n this.verifyAddress(data);\r\n }\r\n\r\n verifyAddress(data) {\r\n if (JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.address &&\r\n JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.city &&\r\n JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.zip) {\r\n this.executePaymentService.isValidAddress = true;\r\n } else {\r\n this.executePaymentService.isValidAddress = false;\r\n }\r\n\r\n this.ckeckAccountType(data);\r\n }\r\n\r\n ckeckAccountType(data) {\r\n const typeAccountMobile = this.global.checkTypeAccount(data.object.accountInfo.accountType, data.object.accountInfo.accountSubtype);\r\n if (typeAccountMobile === 'prepago') {\r\n if (data.object.planPrice == 0) {\r\n data.object.planPrice = '';\r\n }\r\n sessionStorage.setItem('prepaid_balances', btoa(JSON.stringify(data.object)));\r\n this.router.navigate(['prepaid_buy_balance']);\r\n } else {\r\n // this.verifyEmail();\r\n this.loadingScreenService.stopLoading();\r\n this.router.navigate(['postpaid_select_option']);\r\n }\r\n }\r\n\r\n loadToken() {\r\n this.loadingScreenService.startLoading();\r\n this.services.getToken().subscribe(data => {\r\n if (data.hasError == false) {\r\n this.global.tokenMiClaro = data.object.token;\r\n sessionStorage.setItem('token', data.object.token);\r\n this.loadingScreenService.stopLoading();\r\n }\r\n });\r\n }\r\n\r\n validateData() {\r\n if (this.loginForm.valid) {\r\n this.global.subscriberReceiver = this.loginForm.value.number;\r\n this.global.ssnReceiver = this.loginForm.value.ssn;\r\n this.global.login(this.global.tokenMiClaro);\r\n }\r\n\r\n }\r\n\r\n verifyEmail() {\r\n this.accountInfo1 = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo;\r\n this.services.verifyEmail(this.accountInfo1.BAN, 'collection-path', this.accountInfo1.email).subscribe(data => {\r\n // opciones de telemarketing\r\n /*\r\n if(response.object.telemarketingPayTax !== null && response.object.telemarketingPayTax !== undefined){\r\n app.utils.storage.setSessionItem('telemarketing_pay_tax', response.object.telemarketingPayTax);\r\n }\r\n */\r\n if (data.hasError == false) {\r\n this.router.navigate(['postpaid_select_option']);\r\n this.loadingScreenService.stopLoading();\r\n } else {\r\n }\r\n });\r\n }\r\n\r\n postPaidUser() {\r\n this.basicVisualReset();\r\n this.global.isPrepaid = false;\r\n\r\n }\r\n\r\n prepaidUser() {\r\n this.basicVisualReset();\r\n this.global.isPrepaid = true;\r\n }\r\n\r\n backToStep1() {\r\n this.global.isStep1 = true;\r\n this.global.isPrepaid = false;\r\n this.global.onPrepaidStep2 = false;\r\n this.global.subscriberReceiver = '';\r\n this.global.subscriberReceiver = '';\r\n this.global.ssnReceiver = '';\r\n }\r\n\r\n basicVisualReset() {\r\n this.global.isStep1 = false;\r\n this.global.onPrepaidStep2 = false;\r\n }\r\n\r\n backToPrepaidStep1() {\r\n this.global.onPrepaidStep2 = false;\r\n this.global.prepaidCode = '';\r\n }\r\n\r\n getValidationCode() {\r\n if (this.global.subscriberReceiver === '') {\r\n this.global.notif('Número de telefono obligatorio');\r\n return;\r\n } else if (this.global.subscriberReceiver.length < 10) {\r\n this.global.notif('Número de telefono incorrecto');\r\n this.global.subscriberReceiver = '';\r\n return;\r\n }\r\n\r\n this.loadingScreenService.startLoading();\r\n this.services.getValidationCode(this.global.subscriberReceiver).subscribe(\r\n (resp: any) => {\r\n this.loadingScreenService.stopLoading();\r\n if (!resp.hasError) {\r\n this.global.onPrepaidStep2 = true;\r\n } else {\r\n this.global.notif(resp.errorDesc);\r\n }\r\n },\r\n error => {\r\n this.loadingScreenService.stopLoading();\r\n this.global.notif(error);\r\n }\r\n );\r\n }\r\n validateCode() {\r\n if (this.global.prepaidCode === '') {\r\n this.global.notif('Código de confirmación obligatorio');\r\n return;\r\n }\r\n this.loadingScreenService.startLoading();\r\n this.services.validateCode(this.global.subscriberReceiver, this.global.prepaidCode).subscribe(\r\n (resp: ValidateCode) => {\r\n this.loadingScreenService.stopLoading();\r\n if (!resp.hasError) {\r\n this.global.getSubcriberInfo(this.global.tokenMiClaro, '', '', this.global.subscriberReceiver, true);\r\n } else {\r\n this.global.notif('No se ha podido validar el código, intente nuevamente');\r\n this.backToPrepaidStep1();\r\n }\r\n },\r\n error => {\r\n this.loadingScreenService.stopLoading();\r\n this.global.notif(error);\r\n }\r\n );\r\n }\r\n\r\n private createForm() {\r\n this.loginForm = this.formBuilder.group({\r\n number: ['', Validators.required],\r\n ssn: ['', Validators.required],\r\n remember: false,\r\n //recaptcha: ['', Validators.required]\r\n });\r\n }\r\n\r\n evaluateDataFromRedirect() {\r\n const athData: string = this.router.parseUrl(this.router.url).queryParams[\r\n 'apprCode'\r\n ];\r\n\r\n const sessionToken = this.router.parseUrl(this.router.url).queryParams[\r\n 'st'\r\n ];\r\n\r\n const typeResult = this.router.parseUrl(this.router.url).queryParams[\r\n 'type'\r\n ];\r\n\r\n const errorCode = this.router.parseUrl(this.router.url).queryParams[\r\n 'errCode'\r\n ];\r\n\r\n const cancelled = this.router.parseUrl(this.router.url).queryParams[\r\n 'cancelled'\r\n ];\r\n\r\n const utm_source = this.router.parseUrl(this.router.url).queryParams[\r\n 'utm_source'\r\n ];\r\n\r\n const utm_medium = this.router.parseUrl(this.router.url).queryParams[\r\n 'utm_medium'\r\n ];\r\n\r\n const utm_campaign = this.router.parseUrl(this.router.url).queryParams[\r\n 'utm_campaign'\r\n ];\r\n\r\n const utm_term = this.router.parseUrl(this.router.url).queryParams[\r\n 'utm_term'\r\n ];\r\n\r\n // const gclid = this.router.parseUrl(this.router.url).queryParams[\r\n // 'gclid'\r\n // ];\r\n\r\n\r\n const paymenToken = this.router.parseUrl(this.router.url).queryParams['pt'];\r\n\r\n if (utm_source || utm_medium || utm_campaign || utm_term) {\r\n this.router.routerState.snapshot.url.toString()\r\n let urlBase = this.router.routerState.snapshot.url.toString().split('?')[0]\r\n this.router.navigate([urlBase]);\r\n }\r\n\r\n if (athData || errorCode) {\r\n const athList = athData.split(',');\r\n const authorizationNumber = athList[0];\r\n const confirmationNumber = athList[1];\r\n const dto = {\r\n paymentId:sessionToken? sessionToken: sessionStorage.getItem('paymentId') ,\r\n paymenToken:paymenToken? paymenToken: '' ,\r\n typeResult: typeResult? typeResult: '',\r\n authorizationNumber:authorizationNumber? authorizationNumber: '' ,\r\n confirmationNumber:confirmationNumber? confirmationNumber: '' ,\r\n errorCode:errorCode? errorCode: ''\r\n }\r\n let dtoString = JSON.stringify(dto)\r\n sessionStorage.setItem('athData', dtoString);\r\n const athRoute = sessionStorage.getItem('ath-route')\r\n if (athRoute){\r\n this.router.navigate([\"payment_amount\"]).then()\r\n } else {\r\n this.router.navigate([\"prepaid_buy_balance\"]).then()\r\n }\r\n\r\n\r\n } else if (cancelled) {\r\n const dto = {\r\n cancelled: cancelled\r\n }\r\n let dtoString = JSON.stringify(dto)\r\n sessionStorage.setItem('athData', dtoString);\r\n this.router.navigate([\"payment_amount\"]).then()\r\n }\r\n }\r\n\r\n checkPreviusRoute() {\r\n let athRoute = sessionStorage.getItem('ath-route')\r\n if (athRoute == \"payment\") {\r\n this.router.navigate([\"payment_amount\"]).then()\r\n } else if (athRoute == \"recharge\") {\r\n this.router.navigate([\"prepaid_buy_balance\"]).then()\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 1\r\n \r\n \r\n Ingrese datos\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 2\r\n \r\n \r\n Monto a pagar\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n Pago\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 4\r\n \r\n \r\n Confirmació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 Indique el tipo de Servicio\r\n
\r\n\r\n \r\n
\r\n Pagar Facturas
\r\n Recargar Prepago
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n Ingresa datos de la cuenta\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Validación de Usuario Prepago\r\n
\r\n \r\n
\r\n\r\n \r\n * Ingrese su número telefónico\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Regresar
\r\n Continuar
\r\n \r\n
\r\n\r\n \r\n Validación de Usuario Prepago\r\n
\r\n \r\n
\r\n\r\n \r\n * Ingrese el código recibido en su dispositivo\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Regresar
\r\n Continuar
\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { GlobalService } from '../../../../../core/services/global-services/global.service';\r\n@Component({\r\n selector: 'app-bill-buy-package',\r\n templateUrl: './bill-buy-package.component.html',\r\n styleUrls: ['./bill-buy-package.component.sass']\r\n})\r\nexport class BillBuyPackageComponent implements OnInit {\r\n @Input() confirmNumber;\r\n @Input() banSelected;\r\n @Input() subscriberActual;\r\n @Input() namePackage;\r\n @Input() pricePackage;\r\n public emailCorr = '';\r\n public insNumTel = '';\r\n constructor(private router: Router, public global: GlobalService) { }\r\n\r\n ngOnInit() {\r\n }\r\n goHome() {\r\n this.global.setStep(2);\r\n this.global.isStep1 = true;\r\n this.global.currentScreen=1;\r\n this.global.isPrepaid = false;\r\n this.global.onPrepaidStep2 = false;\r\n this.router.navigate(['postpaid_select_option']);\r\n }\r\n readLastFour(data) {\r\n if (!!data) {\r\n const start = data.substring(5, 9);\r\n return start;\r\n }\r\n }\r\n enviarNumtel() {\r\n if (this.insNumTel == '') {\r\n this.global.notif('Debe ingresar su telefono');\r\n } else {\r\n this.global.notif('numero insertado con exito');\r\n }\r\n }\r\n verificarEmail() {\r\n if (this.emailCorr === '') {\r\n this.global.notif('Debe ingresar su e-mail');\r\n } else if (this.global.validarEmail(this.emailCorr) === false) {\r\n this.global.notif('Estimado cliente, el Nuevo Correo Electrónico tiene un formato incorrecto.');\r\n } else {\r\n this.global.notif('ok');\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Listado de Paquetes\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Local\r\n
\r\n \r\n Roaming\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Actualmente no cuentas con Paquetes Adicionales\r\n
\r\n 0\">\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{addpaq.displayName}}\r\n
\r\n \r\n
\r\n \r\n {{addpaq.price}}\r\n
\r\n \r\n
\r\n \r\n Comprar
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Actualmente no cuentas con Roaming\r\n
\r\n 0\">\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{addpaq.displayName}}\r\n
\r\n \r\n
\r\n \r\n {{addpaq.price}}\r\n
\r\n \r\n
\r\n \r\n Comprar
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Volver \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n 1\r\n \r\n \r\n Ingrese datos\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 2\r\n \r\n \r\n Monto a pagar\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n Pago\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n 4\r\n \r\n \r\n Confirmación\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n ![](\"../assets/images/claro-lines.png\")
\r\n
\r\n \r\n \r\n ¡Gracias! Su pago fue exitoso\r\n
\r\n \r\n
\r\n \r\n \r\n Número de Confirmación: {{this.confirmNumber}}
\r\n Cuenta Termina en: {{this.readLastFour(this.banSelected)}}
\r\n Nro de Teléfono : {{this.subscriberActual}}
\r\n Tipo de Paquete: Local
\r\n Paquete: {{this.namePackage}}
\r\n
\r\n \r\n Cuenta Termina en: {{this.readLastFour(this.banSelected)}}
\r\n Nro de Teléfono : {{this.subscriberActual}}
\r\n Tipo de Paquete: Local
\r\n Paquete: {{this.namePackage}}
\r\n
\r\n
\r\n \r\n \r\n Monto Pagado:
\r\n {{this.pricePackage|currency}}\r\n \r\n
\r\n \r\n {{this.pricePackage|currency}}\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { GlobalService } from '../../../core/services/global-services/global.service';\r\nimport { Subscription } from 'rxjs';\r\nimport { ApiService } from '../../../core/services/api-services/api.service';\r\nimport { LoadingScreenService } from '../../../core/services/loading-screen/loading-screen.service';\r\nimport { ExecutePaymentService } from '../../../core/services/execute-payment/execute-payment.service';\r\n@Component({\r\n selector: 'app-confirm-package',\r\n templateUrl: './confirm-package.component.html',\r\n styleUrls: ['./confirm-package.component.sass']\r\n})\r\nexport class ConfirmPackageComponent implements OnInit {\r\n public offerList = [];\r\n public roamingList = [];\r\n public namePackage;\r\n public subscriberEmail;\r\n public subscriberName;\r\n public subscriberLastName;\r\n public pricePackage;\r\n public banSelected;\r\n public subscriberActual;\r\n public valueAmount;\r\n public confirmNumber;\r\n public offerId;\r\n public token: string = sessionStorage.getItem('token');\r\n paymentReceived: Subscription;\r\n public screenActual = 1;\r\n\r\n constructor(private loadingScreenService: LoadingScreenService, private services: ApiService,\r\n public global: GlobalService, private router: Router, public executePaymentService: ExecutePaymentService) {\r\n }\r\n\r\n ngOnInit() {\r\n this.paymentReceived = this.global.paymentReceived.subscribe((value: boolean) => {\r\n if (value === true) {\r\n this.loadingScreenService.stopLoading();\r\n this.global.notif( 'Se ha agregado el Paquete Adicional de Data' );\r\n this.screenActual = 2;\r\n }\r\n });\r\n this.banSelected = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.BAN;\r\n this.subscriberEmail = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.email;\r\n this.subscriberName = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.firstName;\r\n this.subscriberLastName = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.lastName;\r\n this.subscriberActual = atob(sessionStorage.getItem('subscriber'));\r\n this.namePackage = sessionStorage.getItem('namePackage');\r\n this.pricePackage = sessionStorage.getItem('pricePackage');\r\n this.offerId = sessionStorage.getItem('offerId');\r\n this.valueAmount = this.pricePackage.split('$').join('');\r\n this.offerList = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).subscriberInfo[0].additionalpackages.localPackages;\r\n this.roamingList = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).subscriberInfo[0].additionalpackages.roamingPackages;\r\n }\r\n backTo() {\r\n this.router.navigate(['additional_packages']);\r\n }\r\n goTo() {\r\n const typeMessage = 'dataPackage';\r\n this.executePaymentService.paymentProcess(this.subscriberName, this.subscriberLastName, this.subscriberEmail,\r\n this.banSelected, typeMessage, 3, this.offerId, this.pricePackage, this.token);\r\n }\r\n // tslint:disable-next-line:use-lifecycle-interface\r\n ngOnDestroy() {\r\n this.paymentReceived.unsubscribe();\r\n }\r\n\r\n updateScreen(event: number) {\r\n this.screenActual = event;\r\n }\r\n}\r\n","\r\n \r\n ![](\"../assets/images/appbanner.png\")
\r\n ![](\"../assets/images/appbannerv2.png\")
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n Inicio
\r\n \r\n Registro \r\n \r\n \r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { GlobalService } from '../../../../../core/services/global-services/global.service';\r\nimport { ApiService } from '../../../../../core/services/api-services/api.service';\r\nimport { MatDialog, MatDialogConfig } from '@angular/material/dialog';\r\nimport { AlertasComponent } from '../../../../../shared/components/alertas/alertas.component';\r\nimport { ExecutePaymentService } from '../../../../../core/services/execute-payment/execute-payment.service';\r\nimport { LoadingScreenService } from 'src/app/core/services/loading-screen/loading-screen.service';\r\n\r\n@Component({\r\n selector: 'app-bill',\r\n templateUrl: './bill.component.html',\r\n styleUrls: ['./bill.component.sass']\r\n})\r\nexport class BillComponent implements OnInit {\r\n @Input() banSelected;\r\n @Input() subscriberSelected;\r\n @Input() amountPay;\r\n @Input() confirmNumber;\r\n @Input() confirmNumber2;\r\n @Input() refundInfo;\r\n public emailCorr = '';\r\n public insNumTel = '';\r\n\r\n constructor(private router: Router,\r\n public global: GlobalService,\r\n private services: ApiService,\r\n public dialog: MatDialog,\r\n public executePaymentService: ExecutePaymentService,private loadingScreenService: LoadingScreenService) {\r\n }\r\n\r\n ngOnInit() {\r\n if (this.executePaymentService.isPrepaid) {\r\n //this.banSelected = this.executePaymentService.subscriberInfo.subscriberNumber;\r\n } else {\r\n //this.banSelected = this.executePaymentService.userData.accountInfo.BAN;\r\n }\r\n //this.confirmNumber = sessionStorage.getItem('numConfirmation');\r\n //this.confirmNumber2 = (this.confirmNumber2 === undefined || this.confirmNumber2 === null) ? null : this.confirmNumber2;\r\n }\r\n\r\n goHome() {\r\n this.global.setStep(2);\r\n this.global.currentScreen=1;\r\n\r\n this.global.isPrepaid = true;\r\n this.global.prepaidCode='';\r\n this.global.subscriberReceiver='';\r\n this.global.onPrepaidStep2=false;\r\n this.global.isStep1 = true;\r\n this.global.isPrepaid = false;\r\n this.global.onPrepaidStep2 = false;\r\n sessionStorage.removeItem('numConfirmation');\r\n if (this.executePaymentService.isPrepaid) {\r\n //this.router.navigate(['prepaid_buy_balance']);\r\n this.router.navigate(['/']);\r\n } else {\r\n this.router.navigate(['/']);\r\n //this.router.navigate(['postpaid_select_option']);\r\n }\r\n }\r\n\r\n readLastFour(data) {\r\n if (!!data) {\r\n const start = data.substring(5, 9);\r\n return start;\r\n }\r\n }\r\n\r\n async enviarNumtel() {\r\n if (this.insNumTel == '') {\r\n this.global.notif('Debe ingresar su telefono');\r\n } else {\r\n this.loadingScreenService.startLoading()\r\n await this.services.sendSms(this.insNumTel, 'ES', sessionStorage.getItem('transactionId'), sessionStorage.getItem('token')).toPromise();\r\n this.global.notif('SMS enviado con éxito');\r\n this.loadingScreenService.stopLoading();\r\n }\r\n }\r\n\r\n async verificarEmail() {\r\n if (this.emailCorr === '') {\r\n this.global.notif('Debe ingresar su e-mail');\r\n } else if (this.global.validarEmail(this.emailCorr) === false) {\r\n this.global.notif('Estimado cliente, el Correo Electrónico tiene un formato incorrecto.');\r\n } else {\r\n this.loadingScreenService.startLoading();\r\n await this.services.sendEmail(this.emailCorr, 'ES', sessionStorage.getItem('transactionId'), sessionStorage.getItem('token')).toPromise();\r\n this.global.notif('Email enviado con éxito');\r\n this.loadingScreenService.stopLoading();\r\n }\r\n }\r\n\r\n displayRefundInfo() {\r\n let messageValidation = '';\r\n // no split\r\n if (this.confirmNumber2 === null) {\r\n messageValidation += '- Número de Refrencia de Reverso: ' + this.refundInfo.voidedInformation[0].requestId + ' \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Confirmar Paquete\r\n
\r\n \r\n
\r\n \r\n
\r\n Nro de Cuenta
\r\n {{this.banSelected}}
\r\n \r\n
\r\n Nro de Teléfono
\r\n {{this.subscriberActual}}
\r\n \r\n
\r\n Tipo de Paquete
\r\n Local
\r\n \r\n
\r\n Paquete
\r\n {{this.namePackage}}
\r\n \r\n
\r\n TOTAL A PAGAR
\r\n {{this.pricePackage}}
\r\n \r\n
\r\n Continuar
\r\n Volver
\r\n \r\n ----\r\n
\r\n ';\r\n messageValidation += '- Número de Traza en Banco: ' + this.refundInfo.voidedInformation[0].systemTrace + '
';\r\n messageValidation += '- Fecha de Reverso: ' + this.refundInfo.voidedInformation[0].voidedDate + '
';\r\n // tslint:disable-next-line:max-line-length\r\n messageValidation += '- Estatus del Reverso: ' + this.refundInfo.voidedInformation[0].rCode + ' ' + this.refundInfo.voidedInformation[0].rMsg + '
';\r\n } else {\r\n if (this.refundInfo.splitPaymentList[0].voidedInformation[0].isVoided) {\r\n // tslint:disable-next-line:max-line-length\r\n messageValidation += '- Número de Refrencia de Reverso 1: ' + this.refundInfo.splitPaymentList[0].voidedInformation[0].requestId + '
';\r\n // tslint:disable-next-line:max-line-length\r\n messageValidation += '- Número de Traza en Banco 1: ' + this.refundInfo.splitPaymentList[0].voidedInformation[0].systemTrace + '
';\r\n messageValidation += '- Fecha de Reverso 1: ' + this.refundInfo.splitPaymentList[0].voidedInformation[0].voidedDate + '
';\r\n // tslint:disable-next-line:max-line-length\r\n messageValidation += '- Estatus del Reverso 1: ' + this.refundInfo.splitPaymentList[0].voidedInformation[0].rCode + ' ' + this.refundInfo.splitPaymentList[0].voidedInformation[0].rMsg + '
';\r\n messageValidation += '
';\r\n }\r\n\r\n if (this.refundInfo.splitPaymentList[1].voidedInformation[0].isVoided) {\r\n // tslint:disable-next-line:max-line-length\r\n messageValidation += '- Número de Refrencia de Reverso 2: ' + this.refundInfo.splitPaymentList[1].voidedInformation[0].requestId + '
';\r\n // tslint:disable-next-line:max-line-length\r\n messageValidation += '- Número de Traza en Banco 2: ' + this.refundInfo.splitPaymentList[1].voidedInformation[0].systemTrace + '
';\r\n messageValidation += '- Fecha de Reverso 2: ' + this.refundInfo.splitPaymentList[1].voidedInformation[0].voidedDate + '
';\r\n // tslint:disable-next-line:max-line-length\r\n messageValidation += '- Estatus del Reverso 2: ' + this.refundInfo.splitPaymentList[1].voidedInformation[0].rCode + ' ' + this.refundInfo.splitPaymentList[1].voidedInformation[0].rMsg + '
';\r\n }\r\n }\r\n\r\n const dialogConfig = new MatDialogConfig();\r\n dialogConfig.disableClose = true;\r\n dialogConfig.autoFocus = true;\r\n // tslint:disable-next-line:max-line-length\r\n dialogConfig.data = {\r\n message: messageValidation,\r\n colorSi: 'colorRed',\r\n colorNo: undefined,\r\n btmOk: true,\r\n btmConfirm: false,\r\n labelOk: 'Aceptar',\r\n labelNo: undefined,\r\n messageHtml: true\r\n };\r\n const dialogRef = this.dialog.open(AlertasComponent, dialogConfig);\r\n dialogRef.afterClosed().subscribe(value => {\r\n });\r\n }\r\n\r\n isRefoundData() {\r\n if (this.refundInfo) {\r\n if (this.confirmNumber2 === null) {\r\n return this.refundInfo.voidedInformation[0].isVoided;\r\n } else {\r\n // tslint:disable-next-line:max-line-length\r\n return this.refundInfo.splitPaymentList[0].voidedInformation[0].isVoided || this.refundInfo.splitPaymentList[1].voidedInformation[0].isVoided;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }\r\n}\r\n","
\r\n
","import { Component, OnInit } from \"@angular/core\";\r\nimport { Router } from \"@angular/router\";\r\nimport { GlobalService } from \"../../../core/services/global-services/global.service\";\r\nimport { Subject, Subscription } from \"rxjs\";\r\nimport { ApiService } from \"../../../core/services/api-services/api.service\";\r\nimport { LoadingScreenService } from \"../../../core/services/loading-screen/loading-screen.service\";\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\nimport { ExecutePaymentService } from \"../../../core/services/execute-payment/execute-payment.service\";\r\nimport { PaymentIframeService } from \"src/app/shared/components/iframe-payment/payment-iframe.services\";\r\n\r\n@Component({\r\n selector: \"app-payment-amount\",\r\n templateUrl: \"./payment-amount.component.html\",\r\n styleUrls: [\"./payment-amount.component.sass\"],\r\n})\r\nexport class PaymentAmountComponent implements OnInit {\r\n public amountToPay: number;\r\n public lastPayment;\r\n public banSelected;\r\n public billDate;\r\n public billDueDate;\r\n public subscriberEmail;\r\n public subscriberLastName;\r\n public subscriberName;\r\n public confirmNumber;\r\n public token: string = sessionStorage.getItem(\"token\");\r\n paymentReceived: Subscription;\r\n public screenActual = 1;\r\n public activateLine = false;\r\n // isDisabled = false;\r\n allowChangeValue = true;\r\n public firstNameIP = \"\";\r\n public lastNameIP = \"\";\r\n public emailIP = \"\";\r\n public amountIP = \"\";\r\n public selectBanIP = \"\";\r\n public currentSuscriberIP = \"\";\r\n public locationIdIP = \"\";\r\n public invoiceNumberIP = \"\";\r\n public installmentCountIP = 0;\r\n public authorizationNumber = \"\";\r\n public referenceNumber = \"\";\r\n public displayConfirmation: boolean = false;\r\n public loadIframe: Boolean = false;\r\n updatePayment = new Subject();\r\n private endOfPayment: boolean = false;\r\n private endOfProcesses: boolean = false;\r\n private resulPayment: any;\r\n public paymentStartTime: number = 0;\r\n showPaymentAmounts = true;\r\n billBalance;\r\n showOtherAmount = false;\r\n canChangeAmount = true;\r\n optionSelected;\r\n selectedAmount: any;\r\n pastDueAmount;\r\n canUseAccountAmounts = true;\r\n optionTitle1;\r\n optionTitle2;\r\n optionTitle3;\r\n showMinum = true;\r\n dataSent = false;\r\n // si el monto viene con cr no hay minimo.\r\n // no pagar menos del minimo.\r\n constructor(\r\n private loadingScreenService: LoadingScreenService,\r\n private services: ApiService,\r\n public global: GlobalService,\r\n private router: Router,\r\n public dialog: MatDialog,\r\n public executePaymentService: ExecutePaymentService\r\n ) {\r\n this.getTooltips();\r\n }\r\n\r\n ngOnInit() {\r\n this.athProcess();\r\n sessionStorage.setItem(\"ath-route\", \"payment\");\r\n let banStatus = JSON.parse(atob(sessionStorage.getItem(\"getSubscriber\")))\r\n .accountInfo.BANStatus;\r\n\r\n let isfromAdmin = JSON.parse(atob(sessionStorage.getItem(\"getSubscriber\")))\r\n .subscriberInfo.servSubscriber;\r\n\r\n if (banStatus && banStatus.toLowerCase() == \"s\") {\r\n this.canChangeAmount = false;\r\n }\r\n\r\n this.billBalance = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.billBalance;\r\n\r\n if (!this.billBalance) {\r\n this.billBalance = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.pastDueAmount;\r\n }\r\n if (this.billBalance.toString().includes(\"CR\")) {\r\n this.canUseAccountAmounts = false;\r\n //this.showMinum = false;\r\n }\r\n this.global.setStep(2);\r\n\r\n this.paymentReceived = this.global.paymentReceived.subscribe(\r\n (value: boolean) => {\r\n if (value === true) {\r\n this.loadingScreenService.stopLoading();\r\n this.global.notif(\"Se ha efectuado el pago de la factura.\");\r\n this.screenActual = 2;\r\n }\r\n }\r\n );\r\n this.updatePayment.subscribe((data: any) => {\r\n if (this.endOfProcesses == true && this.endOfPayment == true) {\r\n if (this.resulPayment.success == true) {\r\n } else {\r\n this.endOfPayment = false;\r\n this.paymentStartTime = 0;\r\n }\r\n }\r\n });\r\n this.global.setPaymentMethod();\r\n try {\r\n let objSubscriber = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n );\r\n this.firstNameIP = objSubscriber.accountInfo.firstName;\r\n this.lastNameIP = objSubscriber.accountInfo.lastName;\r\n if (objSubscriber.accountInfo.email != undefined) {\r\n this.emailIP = objSubscriber.accountInfo.email;\r\n } else {\r\n this.emailIP = this.global.emailIframePay;\r\n }\r\n this.selectBanIP = objSubscriber.accountInfo.BAN;\r\n this.currentSuscriberIP = objSubscriber.accountInfo.subscriberNumber;\r\n } catch (error) {}\r\n this.pastDueAmount = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.pastDueAmount;\r\n // this.amountToPay = this.pastDueAmount\r\n console.log(this.pastDueAmount);\r\n this.lastPayment = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.lastPaymentAmount;\r\n this.banSelected = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.BAN;\r\n this.billDate = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.billDate;\r\n this.billDueDate = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.billDueDate;\r\n this.subscriberEmail = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.email;\r\n this.subscriberName = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.firstName;\r\n this.subscriberLastName = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.lastName;\r\n this.global.amountToPay2 = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.pastDueAmount;\r\n if (sessionStorage.getItem(\"paymentsLink\")) {\r\n this.allowChangeValue = JSON.parse(\r\n atob(sessionStorage.getItem(\"paymentsLink\"))\r\n ).allowChangeValue;\r\n }\r\n }\r\n\r\n backTo() {\r\n this.global.loadFooter = false;\r\n this.router.navigate([\"postpaid_select_option\"]);\r\n }\r\n errorMessage(e: any) {\r\n this.loadingScreenService.stopLoading();\r\n }\r\n outLoadIframe(event: any) {\r\n this.loadIframe = true;\r\n }\r\n // browser() {\r\n // var es_chrome = navigator.userAgent.toLowerCase().indexOf(\"chrome\") > -1;\r\n // var es_firefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\r\n // var es_opera = navigator.userAgent.toLowerCase().indexOf(\"es_opera\") > -1;\r\n // var es_ie = navigator.userAgent.toLowerCase().indexOf(\"MSIE\") > -1;\r\n // if (es_chrome) {\r\n // }\r\n // }\r\n\r\n validateMinimun() {\r\n if (this.pastDueAmount) {\r\n if (this.billBalance.toString().includes(\"CR\")) {\r\n return \"0.00\";\r\n } else {\r\n return Number(this.pastDueAmount) > 0 ? this.pastDueAmount : \"0.00\";\r\n }\r\n } else {\r\n return \"0.00\";\r\n }\r\n }\r\n\r\n fixAmount(amount: any) {\r\n if (amount.toString().includes(\"CR\")) {\r\n return amount.toString();\r\n } else {\r\n const newAmount = amount.toString().replace(\",\",\"\")\r\n return Number(newAmount).toFixed(2).toString();\r\n //return Number(amonut).toFixed(2).toString();\r\n }\r\n }\r\n\r\n goTo() {\r\n this.paymentStartTime = this.global.paymentStartTime;\r\n // const typeMessage = \"payment\";\r\n if (this.amountToPay) {\r\n if (this.amountToPay <= 800) {\r\n if (this.amountToPay >= 5) {\r\n this.loadingScreenService.startLoading();\r\n sessionStorage.setItem(\"amountToPay\", this.amountToPay.toString());\r\n this.amountIP = this.amountToPay.toString();\r\n\r\n this.global.setStep(3);\r\n this.global.currentScreen = 2;\r\n } else {\r\n this.global.notif(\"El monto no puede ser menor a $5.00.\");\r\n }\r\n } else {\r\n this.global.notif(\"El monto no puede ser mayor a $800.00.\");\r\n }\r\n } else {\r\n this.global.notif(\"Indique el monto a pagar\");\r\n }\r\n }\r\n backToOptions() {\r\n this.global.setStep(1);\r\n this.global.currentScreen = 1;\r\n this.router.navigate([\"postpaid_select_option\"]);\r\n }\r\n ngOnDestroy() {\r\n this.paymentReceived.unsubscribe();\r\n }\r\n updateScreen(event: number) {\r\n this.screenActual = event;\r\n }\r\n\r\n selectAmount(index: number) {\r\n this.showOtherAmount = false;\r\n if (!this.canUseAccountAmounts && index !== 3) {\r\n console.log(this.canUseAccountAmounts, this.optionSelected);\r\n return;\r\n } else {\r\n if (index === 1) {\r\n this.amountToPay = this.billBalance;\r\n this.optionSelected = index;\r\n } else if (index === 2) {\r\n this.amountToPay = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).accountInfo.pastDueAmount;\r\n this.optionSelected = index;\r\n } else {\r\n this.showOtherAmount = true;\r\n this.optionSelected = index;\r\n }\r\n }\r\n }\r\n\r\n getTooltips() {\r\n this.services.getLocalData(\"tooltip.json\").subscribe((resp: any) => {\r\n console.log(resp);\r\n this.optionTitle1 = resp.title1;\r\n this.optionTitle2 = resp.title2;\r\n this.optionTitle3 = resp.title3;\r\n });\r\n }\r\n\r\n athProcess() {\r\n if (JSON.parse(sessionStorage.getItem(\"athData\")!!)) {\r\n this.amountToPay = Number(sessionStorage.getItem(\"amountToPay\"));\r\n let dataAth = JSON.parse(sessionStorage.getItem(\"athData\")!!);\r\n if (dataAth.cancelled) {\r\n this.global.notif(\r\n \"Has cancelado el proceso de pago por favor intenta nuevamente.\"\r\n );\r\n sessionStorage.removeItem(\"athData\");\r\n } else {\r\n setTimeout(() => {\r\n this.loadingScreenService.startLoading();\r\n }, 1000);\r\n this.getTransactionStatus(btoa(sessionStorage.getItem(\"athData\")!!));\r\n }\r\n }\r\n }\r\n\r\n getTransactionStatus(data: any, typeResult = \"\") {\r\n this.services.getTransactionStatus(data).subscribe(\r\n (resp) => {\r\n this.decryptTokenByCrypto(resp.dataToken);\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n decryptTokenByCrypto(data: any) {\r\n this.services.decryptTokenByCrypto(data).subscribe(\r\n (resp) => {\r\n console.log(resp);\r\n let dataResult = JSON.parse(\r\n atob(resp.iframePaymentResult.paymentResult)\r\n );\r\n console.log(dataResult);\r\n // this.resultPaymentIframe(dataResult);\r\n this.global.resultPaymentIframe(dataResult); // ojo\r\n sessionStorage.removeItem(\"athData\");\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n updateResult(event) {\r\n if (!this.dataSent) {\r\n this.global.resultPaymentIframe(event);\r\n this.dataSent = true;\r\n setTimeout(() => {\r\n this.dataSent = false;\r\n }, 1000);\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 ![](\"../assets/images/icon_check-resumen.png\")
\r\n
\r\n \r\n \r\n ¡Gracias! Su pago fue exitoso\r\n
\r\n \r\n
\r\n \r\n Recibiras un correo electrónico con tu confirmacion de tu pago.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Número de Autorización : {{this.confirmNumber}}
\r\n Número de Referencia:{{this.confirmNumber2}}
\r\n Su Número de Cuenta es : {{this.banSelected}}
\r\n Su Número de Suscriptor : {{this.subscriberSelected}}\r\n
\r\n
\r\n \r\n Número de Referencia:
\r\n Su Número de Cuenta es : {{this.banSelected}}
\r\n Su Número de Suscriptor : {{this.subscriberSelected}}\r\n
\r\n
\r\n
\r\n \r\n \r\n Monto Pagado:
\r\n {{this.amountPay | currency}}\r\n \r\n
\r\n \r\n {{this.amountPay | currency}}\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 Aunque su pago fue existoso, no fue aplicado a su cuenta de\r\n Claro. Se ha reversado el monto pagado a su cuenta de banco.\r\n
\r\n Pulse aqui para ver\r\n la Información de Reembolso\r\n
\r\n \r\n Pulse aqui para ver\r\n la Información de Reembolso\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 ¿Desea Recibo?\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Teléfono:\r\n
\r\n\r\n \r\n\r\n Enviar
\r\n \r\n
\r\n \r\n Correo electrónico:\r\n
\r\n\r\n \r\n\r\n Enviar
\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 Inicio
\r\n \r\n Registro \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 Resumen de factura\r\n
\r\n \r\n
\r\n \r\n \r\n 0.00\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 Número de cuenta:\r\n {{ banSelected }} \r\n
\r\n \r\n
\r\n \r\n fecha de facturación\r\n {{ billDate }}\r\n
\r\n \r\n fecha de vencimiento\r\n {{ billDueDate }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Monto a pagar\r\n \r\n {{ this.amountToPay | currency }}\r\n \r\n $0.00\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Selecciona el monto a pagar\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Selecciona el monto a pagar\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Total
\r\n \r\n {{ fixAmount(billBalance) }}\r\n
\r\n \r\n ![\"\"](\"../../../../assets/images/tooltip.png\")
\r\n
\r\n \r\n \r\n
\r\n Mínimo
\r\n \r\n {{ fixAmount(validateMinimun()) }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Otro\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 \r\n \r\n Cancelar\r\n
\r\n \r\n \r\n Pagar 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 \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Volver\r\n
\r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { ApiService } from '../../../core/services/api-services/api.service';\r\nimport { LoadingScreenService } from '../../../core/services/loading-screen/loading-screen.service';\r\nimport { GlobalService } from '../../../core/services/global-services/global.service';\r\n\r\n@Component({\r\n selector: 'app-postpaid-select-option',\r\n templateUrl: './postpaid-select-option.component.html',\r\n styleUrls: ['./postpaid-select-option.component.sass']\r\n})\r\nexport class PostpaidSelectOptionComponent implements OnInit {\r\n public telemarketingPayTax;\r\n public subscriberInfo;\r\n public paymentToken = null;\r\n\r\n constructor(private loadingScreenService: LoadingScreenService,\r\n private router: Router,\r\n private services: ApiService,\r\n private global: GlobalService) {\r\n this.global.setStep(2);\r\n }\r\n\r\n ngOnInit() {\r\n this.global.session();\r\n \r\n // this.global.showSplash = true;\r\n if (sessionStorage.getItem('telemarketing_pay_tax') !== null) {\r\n this.telemarketingPayTax = JSON.parse(atob(sessionStorage.getItem('telemarketing_pay_tax')));\r\n }\r\n if (JSON.parse(atob(sessionStorage.getItem('subscriberInfo'))) !== null) {\r\n this.subscriberInfo = JSON.parse(atob(sessionStorage.getItem('subscriberInfo')));\r\n }\r\n if (sessionStorage.getItem('paymentToken') !== null) {\r\n this.paymentToken = sessionStorage.getItem('paymentToken');\r\n }\r\n }\r\n\r\n backToLogin() {\r\n this.loadingScreenService.startLoading();\r\n this.router.navigate(['login']);\r\n this.loadingScreenService.stopLoading();\r\n }\r\n\r\n goToPendingPayment() {\r\n this.loadingScreenService.startLoading();\r\n this.global.setStep(1);\r\n this.global.currentScreen=1;\r\n this.router.navigate([this.paymentToken !== null ? 'confirm_installment_tax' : 'confirm_telemarketing_tax']);\r\n this.loadingScreenService.stopLoading();\r\n }\r\n\r\n goToPayment() {\r\n // if (this.telemarketingPayTax == null) {\r\n this.loadingScreenService.startLoading();\r\n this.global.setStep(1);\r\n this.global.currentScreen=1;\r\n this.router.navigate(['payment_amount']);\r\n this.loadingScreenService.stopLoading();\r\n // }\r\n }\r\n\r\n goToPackages() {\r\n if (this.telemarketingPayTax == null && this.subscriberInfo.length > 0) {\r\n this.loadingScreenService.startLoading();\r\n this.router.navigate(['additional_packages']);\r\n this.loadingScreenService.stopLoading();\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 Balance a Pagar:
\r\n ${{this.balance}}
\r\n \r\n
\r\n Continuar
\r\n Volver
\r\n \r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AdditionalPackagesComponent } from './additional-packages/additional-packages.component';\r\nimport { ConfirmPackageComponent } from './confirm-package/confirm-package.component';\r\nimport { PaymentAmountComponent } from './payment-amount/payment-amount.component';\r\nimport { PaymentInfoComponent } from './payment-info/payment-info.component';\r\nimport { PostpaidSelectOptionComponent } from './postpaid-select-option/postpaid-select-option.component';\r\nimport { BillBuyPackageComponent } from './confirm-package/components/bill-buy-package/bill-buy-package.component';\r\nimport { BillComponent } from './payment-amount/components/bill/bill.component';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n AdditionalPackagesComponent,\r\n ConfirmPackageComponent,\r\n BillBuyPackageComponent,\r\n PaymentAmountComponent,\r\n BillComponent,\r\n PaymentInfoComponent,\r\n PostpaidSelectOptionComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n SharedModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n ],\r\n exports: [\r\n AdditionalPackagesComponent,\r\n ConfirmPackageComponent,\r\n BillBuyPackageComponent,\r\n PaymentAmountComponent,\r\n BillComponent,\r\n PaymentInfoComponent,\r\n PostpaidSelectOptionComponent\r\n ]\r\n})\r\nexport class PostpaidModule { }\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { GlobalService } from 'src/app/core/services/global-services/global.service';\r\nimport { ExecutePaymentService } from '../../../../core/services/execute-payment/execute-payment.service';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { LoadingScreenService } from 'src/app/core/services/loading-screen/loading-screen.service';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-confirm-prepaid-balance',\r\n templateUrl: './confirm-prepaid-balance.component.html',\r\n styleUrls: ['./confirm-prepaid-balance.component.sass']\r\n})\r\nexport class ConfirmPrepaidBalanceComponent implements OnInit {\r\n @Output() goScreen = new EventEmitter();\r\n @Input() dataPrice;\r\n @Input() ivuState;\r\n @Input() ivuAmount;\r\n public totalToPay;\r\n public subscriberEmail;\r\n public banSelected;\r\n public subscriberName;\r\n public subscriberLastName;\r\n public subscriber;\r\n public token: string = sessionStorage.getItem('token');\r\n checkIsOpenPaymentModal: Subscription;\r\n isOpenPaymentModal = false;\r\n\r\n public firstNameIP='';\r\n public lastNameIP='';\r\n public emailIP='';\r\n public amountIP='';\r\n public selectBanIP='';\r\n public currentSuscriberIP='';\r\n @Output() selectBanIPOut = new EventEmitter();\r\n @Output() currentSuscriberIPOut = new EventEmitter();\r\n public locationIdIP='';\r\n public invoiceNumberIP='';\r\n public installmentCountIP=0;\r\n public authorizationNumber='';\r\n public referenceNumber='';\r\n public displayConfirmation:boolean=false;\r\n public loadIframe:Boolean=false;\r\n updatePayment = new Subject();\r\n private endOfPayment: boolean = false;\r\n private endOfProcesses: boolean = false;\r\n private resulPayment: any;\r\n public paymentStartTime: number = 0;\r\n constructor(private router: Router,private loadingScreenService: LoadingScreenService, public global: GlobalService, public executePaymentService: ExecutePaymentService) {\r\n }\r\n\r\n ngOnInit() {\r\n this.checkIsOpenPaymentModal = this.executePaymentService.isOpenPaymentModal.subscribe((value: boolean) => {\r\n this.isOpenPaymentModal = value;\r\n });\r\n this.updatePayment.subscribe((data: any) => {\r\n if (this.endOfProcesses == true && this.endOfPayment == true) {\r\n if (this.resulPayment.success == true) {\r\n\r\n }\r\n else {\r\n this.endOfPayment = false;\r\n this.paymentStartTime = 0;\r\n }\r\n }\r\n });\r\n this.global.setPaymentMethod();\r\n this.totalToPay = parseFloat(this.dataPrice) * ( 1 + parseFloat(this.ivuState));\r\n sessionStorage.setItem('amountToPay', this.totalToPay.toString());\r\n this.banSelected = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.BAN;\r\n this.subscriberEmail = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.email;\r\n this.subscriberName = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.firstName;\r\n this.subscriberLastName = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.lastName;\r\n this.subscriber = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).subscriberInfo[0].subscriberNumber;\r\n\r\n try {\r\n let objSubscriber=JSON.parse(atob(sessionStorage.getItem('getSubscriber')));\r\n this.firstNameIP=objSubscriber.accountInfo.firstName;\r\n this.lastNameIP=objSubscriber.accountInfo.lastName;\r\n if(objSubscriber.accountInfo.email!=undefined){\r\n this.emailIP = objSubscriber.accountInfo.email;\r\n }\r\n else{\r\n this.emailIP=this.global.emailIframePay;\r\n }\r\n this.selectBanIP = objSubscriber.accountInfo.BAN;\r\n this.currentSuscriberIP=objSubscriber.accountInfo.subscriberNumber;\r\n this.selectBanIPOut.next(this.selectBanIP);\r\n this.currentSuscriberIPOut.next(this.currentSuscriberIP);\r\n this.amountIP = this.totalToPay;\r\n }\r\n catch (error) {}\r\n }\r\n outLoadIframe(event:any){\r\n this.loadIframe=event;\r\n }\r\n goPayment() {\r\n // const typeMessage = 'prepaid';\r\n this.global.currentScreen= 2;\r\n }\r\n back() {\r\n this.global.loadFooter=false;\r\n this.global.isPrepaid = true;\r\n this.global.prepaidCode='';\r\n this.global.subscriberReceiver='';\r\n this.global.onPrepaidStep2=false;\r\n this.global.currentScreen=1;\r\n this.router.navigate(['login']);\r\n\r\n }\r\n errorMessage(e:any){\r\n this.loadingScreenService.stopLoading();\r\n }\r\n updateScreen(event: number) {\r\n this.goScreen.emit(event + 1);\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n
\r\n \r\n Opciones\r\n
\r\n \r\n \r\n Efectuar Pago Factura\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n Volver
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n Confirmar Recarga \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n Nro de Cuenta
\r\n\r\n {{this.banSelected}}\r\n
\r\n \r\n
\r\n\r\n Nro de Teléfono
\r\n\r\n {{this.subscriber}}
\r\n \r\n
\r\n\r\n Plan
\r\n\r\n {{this.dataPrice | currency}}
\r\n \r\n
\r\n\r\n Impuesto
\r\n\r\n {{this.ivuState * this.dataPrice | currency}}
\r\n \r\n
\r\n TOTAL A PAGAR
\r\n\r\n {{this.totalToPay| currency}}
\r\n\r\n \r\n\r\n
\r\n Volver
\r\n Continuar
\r\n \r\n
\r\n\r\n \r\n \r\n >\r\n \r\n
\r\n\r\n
\r\n \r\n
","import { Component, OnInit } from \"@angular/core\";\r\nimport { LoadingScreenService } from \"../../core/services/loading-screen/loading-screen.service\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { GlobalService } from \"../../core/services/global-services/global.service\";\r\nimport { Router } from \"@angular/router\";\r\nimport { ApiService } from \"src/app/core/services/api-services/api.service\";\r\n\r\n@Component({\r\n selector: \"app-prepaid-buy-balance\",\r\n templateUrl: \"./prepaid-buy-balance.component.html\",\r\n styleUrls: [\"./prepaid-buy-balance.component.sass\"],\r\n})\r\nexport class PrepaidBuyBalanceComponent implements OnInit {\r\n public planPrice: number;\r\n public planPriceString: string;\r\n public dataPrice;\r\n public ivuState = 0.115;\r\n public ivuAmount;\r\n public freeAmountValue = \"0\";\r\n public otherValue = false;\r\n public wallet;\r\n public subscriber;\r\n public balancedPrepaid;\r\n public selectBanIP: any = \"\";\r\n public currentSuscriberIP: any = \"\";\r\n paymentReceived: Subscription;\r\n public totalToPay: number = 0;\r\n\r\n constructor(\r\n private loadingScreenService: LoadingScreenService,\r\n public global: GlobalService,\r\n private router: Router,\r\n private services: ApiService\r\n ) {}\r\n\r\n ngOnInit() {\r\n sessionStorage.setItem(\"ath-route\", \"recharge\");\r\n this.global.setStep(2);\r\n this.paymentReceived = this.global.paymentReceived.subscribe(\r\n (value: boolean) => {\r\n if (value == true) {\r\n this.loadingScreenService.stopLoading();\r\n this.global.notif(\"Recarga exitosa.\");\r\n this.global.currentScreen = 3;\r\n }\r\n }\r\n );\r\n this.subscriber = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).subscriberInfo[0].subscriberNumber;\r\n const planPrice = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).amount;\r\n this.planPrice = planPrice ? planPrice.toString().replace(\"$\", \"\") : 0;\r\n this.planPriceString = \"$\" + this.planPrice;\r\n this.balancedPrepaid = JSON.parse(\r\n atob(sessionStorage.getItem(\"getSubscriber\"))\r\n ).subscriberInfo[0].prepaidBalance;\r\n\r\n if (this.planPrice > 0) {\r\n this.otherValue = false;\r\n this.dataPrice = this.planPriceString.split(\"$\").join(\"\");\r\n this.ivuAmount = parseFloat(this.dataPrice) * this.ivuState;\r\n this.totalToPay = Number(this.dataPrice) + Number(this.ivuAmount);\r\n }\r\n this.athProcess();\r\n }\r\n goToConfirm() {\r\n if (this.totalToPay == 0) {\r\n this.global.notif(\"Por favor seleccione un monto.\");\r\n } else {\r\n if (this.totalToPay <= 300) {\r\n if (this.totalToPay >= 5) {\r\n this.loadingScreenService.startLoading();\r\n this.global.currentScreen = 2;\r\n } else {\r\n this.global.notif(\"El monto no puede ser menor a $5.00.\");\r\n }\r\n } else {\r\n this.global.notif(\"El monto no puede ser mayor a $300.00.\");\r\n }\r\n }\r\n }\r\n optionSelected(dataPrice) {\r\n this.dataPrice = dataPrice.split(\"$\").join(\"\");\r\n this.ivuAmount = parseFloat(this.dataPrice) * this.ivuState;\r\n this.totalToPay = Number(this.dataPrice) + Number(this.ivuAmount);\r\n if (this.otherValue == true) {\r\n const check = document.getElementById(\"radioG6\") as HTMLInputElement;\r\n check.checked = true;\r\n // document.getElementById().spellcheck =true;\r\n } else {\r\n const check = document.getElementById(\"radioG6\") as HTMLInputElement;\r\n check.checked = false;\r\n }\r\n }\r\n\r\n goBack() {\r\n this.global.isPrepaid = true;\r\n this.global.prepaidCode = \"\";\r\n this.global.subscriberReceiver = \"\";\r\n this.global.onPrepaidStep2 = false;\r\n this.global.currentScreen = 1;\r\n this.router.navigate([\"login\"]);\r\n }\r\n\r\n athProcess() {\r\n if (JSON.parse(sessionStorage.getItem(\"athData\")!!)) {\r\n this.loadingScreenService.stopLoading();\r\n let dataAth = JSON.parse(sessionStorage.getItem(\"athData\")!!);\r\n if (dataAth.cancelled) {\r\n this.global.notif(\r\n \"Has cancelado el proceso de pago por favor intenta nuevamente.\"\r\n );\r\n sessionStorage.removeItem(\"athData\");\r\n } else {\r\n this.loadingScreenService.startLoading();\r\n this.getTransactionStatus(btoa(sessionStorage.getItem(\"athData\")!!));\r\n }\r\n }\r\n }\r\n\r\n getTransactionStatus(data: any, typeResult = \"\") {\r\n this.services.getTransactionStatus(data).subscribe(\r\n (resp) => {\r\n this.decryptTokenByCrypto(resp.dataToken);\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n decryptTokenByCrypto(data: any) {\r\n this.services.decryptTokenByCrypto(data).subscribe(\r\n (resp) => {\r\n console.log(resp);\r\n let dataResult = JSON.parse(\r\n atob(resp.iframePaymentResult.paymentResult)\r\n );\r\n console.log(dataResult);\r\n // this.resultPaymentIframe(dataResult);\r\n this.global.resultPaymentIframe(dataResult);\r\n sessionStorage.removeItem('athData')\r\n this.loadingScreenService.stopLoading();\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n Volver\r\n
\r\n \r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PrepaidBuyBalanceComponent } from './prepaid-buy-balance.component';\r\nimport { ConfirmPrepaidBalanceComponent } from './components/confirm-prepaid-balance/confirm-prepaid-balance.component';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { PostpaidModule } from '../postpaid/postpaid.module';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n PrepaidBuyBalanceComponent,\r\n ConfirmPrepaidBalanceComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n SharedModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n PostpaidModule,\r\n ],\r\n exports: [\r\n PrepaidBuyBalanceComponent,\r\n ConfirmPrepaidBalanceComponent\r\n ]\r\n})\r\nexport class PrepaidBuyBalanceModule { }\r\n","import {Component, OnInit} from '@angular/core';\r\nimport {Router} from '@angular/router';\r\nimport {Subscription} from 'rxjs';\r\nimport {GlobalService} from '../../../core/services/global-services/global.service';\r\nimport {LoadingScreenService} from '../../../core/services/loading-screen/loading-screen.service';\r\nimport {ApiService} from '../../../core/services/api-services/api.service';\r\nimport {AlertasComponent} from '../../../shared/components/alertas/alertas.component';\r\nimport {MatDialog, MatDialogConfig} from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-confirm-installment-tax',\r\n templateUrl: './confirm-installment-tax.component.html',\r\n styleUrls: ['./confirm-installment-tax.component.sass']\r\n})\r\nexport class ConfirmInstallmentTaxComponent implements OnInit {\r\n public screenActual = 1;\r\n public activateLine = false;\r\n public telemarketingPayTax;\r\n public accountNumber;\r\n public createdDate;\r\n public amount;\r\n public valuePayment;\r\n public valuePaymentSplit1;\r\n public valuePaymentSplit2;\r\n public subscriberEmail;\r\n public subscriberName;\r\n public subscriberLastName;\r\n public ban;\r\n paymentReceived: Subscription;\r\n splitPayment = false;\r\n private paySplit1 = false;\r\n private paySplit2 = false;\r\n private paySplit1Completed = false;\r\n private paySplit2Completed = false;\r\n\r\n private paymentToken;\r\n private paymentQuota;\r\n private instllmentUnits;\r\n\r\n private numConfirmationPaySplit1;\r\n private numAuthorizationPaySplit1;\r\n private dateProvisioningPaySplit1;\r\n private paymentMethodDisplayPaySplit1;\r\n\r\n private numConfirmationPaySplit2;\r\n private numAuthorizationPaySplit2;\r\n private dateProvisioningPaySplit2;\r\n private paymentMethodDisplayPaySplit2;\r\n\r\n private transactionId;\r\n\r\n private redirectURL;\r\n\r\n public amountToPay;\r\n private numAuthorization = null;\r\n private currentPaymentToken = null;\r\n // tslint:disable-next-line:max-line-length\r\n private enableRefresButton = false;\r\n public paymentValue = null;\r\n private verifyPaymentStatus = null;\r\n // tslint:disable-next-line:max-line-length\r\n constructor(private loadingScreenService: LoadingScreenService, public global: GlobalService, private router: Router, private services: ApiService, public dialog: MatDialog) { }\r\n\r\n ngOnInit() {\r\n this.paymentReceived = this.global.paymentReceived.subscribe((value: boolean) => {\r\n if (this.paymentValue === null || (this.paymentValue !== value)) {\r\n if (this.paymentValue !== true) {\r\n this.paymentValue = value;\r\n this.processPayment(value);\r\n }\r\n }\r\n });\r\n\r\n this.processOnInit();\r\n }\r\n\r\n private processOnInit() {\r\n // call getPaymentInfo\r\n this.paymentToken = sessionStorage.getItem('paymentToken');\r\n\r\n this.loadingScreenService.startLoading(true, 'Estamos verificando su pago ', true, null);\r\n this.services.getPaymentInfo(this.paymentToken).subscribe((value) => {\r\n this.loadingScreenService.stopLoading();\r\n if (value.hasError) {\r\n this.showDialogError(value.errorDisplay);\r\n } else {\r\n this.amount = parseFloat(value.paymentAmount);\r\n // tslint:disable-next-line:radix\r\n this.instllmentUnits = parseInt(value.installmentUnits);\r\n this.paymentQuota = parseFloat((this.amount / this.instllmentUnits).toString()).toFixed(2);\r\n\r\n this.valuePayment = this.amount;\r\n this.valuePaymentSplit1 = this.valuePayment;\r\n this.valuePaymentSplit2 = 0;\r\n\r\n this.redirectURL = value.redirectURL;\r\n\r\n // caso borde\r\n if (value.splitPaymentList.length > 0) {\r\n if (value.splitPaymentList[0].authorizationNumber !== '' && value.splitPaymentList[0].errorCode === '0000') {\r\n this.paySplit1Completed = true;\r\n this.splitPayment = true;\r\n\r\n this.valuePaymentSplit1 = parseFloat(value.splitPaymentList[0].paymentAmount);\r\n this.calculateValuePaymentSplit2();\r\n\r\n this.numConfirmationPaySplit1 = value.splitPaymentList[0].paymentConfirmationNumber;\r\n this.numAuthorizationPaySplit1 = value.splitPaymentList[0].authorizationNumber;\r\n this.dateProvisioningPaySplit1 = value.splitPaymentList[0].paymentDate;\r\n this.paymentMethodDisplayPaySplit1 = value.splitPaymentList[0].imageUrl;\r\n\r\n // tslint:disable-next-line:max-line-length\r\n this.services.findByAuth(this.numConfirmationPaySplit1, this.numAuthorizationPaySplit1, sessionStorage.getItem('token')).subscribe( data => {\r\n if (data.object.length > 0) {\r\n sessionStorage.setItem('transactionIdSplit1', data.object[0].id);\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n\r\n this.subscriberEmail = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.email;\r\n this.subscriberName = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.firstName;\r\n this.subscriberLastName = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.lastName;\r\n this.accountNumber = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.BAN;\r\n this.ban = atob(sessionStorage.getItem('subscriber'));\r\n }\r\n\r\n private async processPayment(value: boolean) {\r\n this.verifyPaymentStatus = JSON.parse(sessionStorage.getItem('verifyPaymentStatus'));\r\n\r\n if (value) {\r\n this.loadingScreenService.stopLoading();\r\n\r\n if (!this.splitPayment) {\r\n this.global.notif('Se ha efectuado el pago de la factura.');\r\n this.numAuthorization = sessionStorage.getItem('numAuthorization');\r\n sessionStorage.setItem('transactionId', this.transactionId);\r\n this.screenActual = 2;\r\n } else {\r\n if (!this.paySplit1Completed) {\r\n this.paySplit1 = false;\r\n this.paySplit1Completed = true;\r\n\r\n this.numConfirmationPaySplit1 = sessionStorage.getItem('numConfirmation');\r\n this.numAuthorizationPaySplit1 = sessionStorage.getItem('numAuthorization');\r\n this.dateProvisioningPaySplit1 = this.verifyPaymentStatus.paymentDate;\r\n this.paymentMethodDisplayPaySplit1 = this.verifyPaymentStatus.paymentMethodImage;\r\n\r\n sessionStorage.setItem('transactionIdSplit1', this.transactionId);\r\n this.enableRefresButton = false;\r\n } else {\r\n this.paySplit2 = false;\r\n this.paySplit2Completed = true;\r\n\r\n this.numConfirmationPaySplit2 = sessionStorage.getItem('numConfirmation');\r\n this.numAuthorizationPaySplit2 = sessionStorage.getItem('numAuthorization');\r\n this.dateProvisioningPaySplit2 = this.verifyPaymentStatus.paymentDate;\r\n this.paymentMethodDisplayPaySplit2 = this.verifyPaymentStatus.paymentMethodImage;\r\n\r\n sessionStorage.setItem('transactionIdSplit2', this.transactionId);\r\n this.enableRefresButton = false;\r\n }\r\n }\r\n\r\n } else {\r\n\r\n // caso de error 129: expiracion de transaccion\r\n if (this.verifyPaymentStatus.errorNum === 129) {\r\n this.router.navigate(['']);\r\n }\r\n\r\n if (this.splitPayment) {\r\n if (!this.paySplit1Completed) {\r\n this.paySplit1 = false;\r\n } else {\r\n this.paySplit2 = false;\r\n }\r\n }\r\n\r\n this.enableRefresButton = true;\r\n }\r\n\r\n if (value) {\r\n this.loadingScreenService.startLoading();\r\n this.services.updateTransaction(\r\n this.transactionId,\r\n this.verifyPaymentStatus.errorCode === null ? '' : this.verifyPaymentStatus.errorCode,\r\n this.verifyPaymentStatus.confirmationNumber === null ? '' : this.verifyPaymentStatus.confirmationNumber,\r\n this.verifyPaymentStatus.authorizationNumber === null ? '' : this.verifyPaymentStatus.authorizationNumber,\r\n this.verifyPaymentStatus.paymentStatus + '###' + this.verifyPaymentStatus.provisioningStatus,\r\n this.verifyPaymentStatus.message === null ? '' : this.verifyPaymentStatus.message,\r\n this.getTransactionStatus(this.verifyPaymentStatus.paymentStatus, this.verifyPaymentStatus.provisioningStatus),\r\n sessionStorage.getItem('token'),\r\n sessionStorage.getItem('urlId'),\r\n this.amountToPay,\r\n 'INSTALLMENT',\r\n this.paySplit1 ? 'split' : 'completed',\r\n JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.accountType,\r\n JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.accountSubtype,\r\n this.accountNumber,\r\n this.ban,\r\n this.amount,\r\n this.subscriberName + ' ' + this.subscriberLastName\r\n ).subscribe(data => {\r\n this.loadingScreenService.stopLoading();\r\n\r\n if (!value) {\r\n this.showDialogError('Disculpe, hemos tendido problemas procesando su pago, por favor llamar al 787-793-1253');\r\n }\r\n\r\n });\r\n }\r\n }\r\n\r\n public refresPayment(cont) {\r\n this.enableRefresButton = false;\r\n\r\n this.loadingScreenService.startLoading(true, 'Por favor espere, estamos verificando su pago.', false, null);\r\n\r\n setTimeout(() => {\r\n this.services.verifyPaymentStatus(this.currentPaymentToken).subscribe(result => {\r\n this.loadingScreenService.stopLoading();\r\n sessionStorage.setItem('verifyPaymentStatus', JSON.stringify(result));\r\n\r\n if (result.errorNum === 0) {\r\n if (result.processEndState) {\r\n if (!result.hasError) {\r\n if (result.errorCode === '') {\r\n sessionStorage.setItem('numConfirmation', result.confirmationNumber);\r\n sessionStorage.setItem('numAuthorization', result.authorizationNumber);\r\n this.paymentValue = null;\r\n this.processPayment(true);\r\n } else {\r\n this.notif(result.errorDisplay);\r\n }\r\n } else {\r\n this.notif(result.errorDisplay);\r\n }\r\n } else {\r\n if (new Date().getTime() < Date.parse(result.paymentAgedDate)) {\r\n cont++;\r\n this.refresPayment(cont);\r\n } else {\r\n // tslint:disable-next-line:max-line-length\r\n this.notif('Estimado cliente, hemos encontrado un problema verificar su pago. Si su compra fue autorizada por el banco, y no la ve reflejada no esta reflejada en su cuenta, favor de consultarle a Centro de Servicio al cliente.');\r\n }\r\n }\r\n } else {\r\n this.notif(result.errorDisplay);\r\n }\r\n });\r\n }, 30000);\r\n }\r\n\r\n notif(msg) {\r\n const dialogConfig = new MatDialogConfig();\r\n dialogConfig.disableClose = true;\r\n dialogConfig.autoFocus = true;\r\n dialogConfig.data = {message: msg};\r\n this.dialog.open(AlertasComponent, dialogConfig);\r\n }\r\n\r\n private showDialogError(error: string) {\r\n const dialogConfig = new MatDialogConfig();\r\n dialogConfig.disableClose = true;\r\n dialogConfig.autoFocus = true;\r\n // tslint:disable-next-line:max-line-length\r\n dialogConfig.data = {message: error, colorSi : 'colorRed', colorNo: undefined, btmOk: true, btmConfirm: false, labelOk: 'Aceptar', labelNo: undefined};\r\n const dialogRef = this.dialog.open(AlertasComponent, dialogConfig);\r\n dialogRef.afterClosed().subscribe(value => {\r\n this.router.navigate(['']);\r\n });\r\n }\r\n\r\n async goTo() {\r\n this.currentPaymentToken = null;\r\n this.paymentValue = null;\r\n this.amountToPay = this.valuePayment;\r\n // tslint:disable-next-line:max-line-length\r\n const transaction = await this.services.createTransaction('MEPMMTCRDT', 'INSTALLMENT', this.paymentToken, sessionStorage.getItem('token')).toPromise();\r\n // @ts-ignore\r\n this.transactionId = transaction.object.id;\r\n\r\n const typeMessage = 'payment';\r\n this.paymentToken = sessionStorage.getItem('paymentToken');\r\n this.currentPaymentToken = this.paymentToken;\r\n // tslint:disable-next-line:max-line-length\r\n this.global.newPayment(5, typeMessage, this.accountNumber, this.ban, this.valuePayment, this.subscriberEmail, this.subscriberName + ' ' + this.subscriberLastName, '', this.paymentToken, '', this.redirectURL);\r\n }\r\n goToTest() {\r\n \r\n }\r\n\r\n backToOptions() {\r\n this.router.navigate(['postpaid_select_option']);\r\n }\r\n // tslint:disable-next-line:use-lifecycle-interface\r\n ngOnDestroy() {\r\n this.paymentReceived.unsubscribe();\r\n }\r\n\r\n async goPaySplit1() {\r\n if (this.validateAmount()) {\r\n\r\n this.paymentValue = null;\r\n this.amountToPay = this.valuePaymentSplit1;\r\n\r\n this.loadingScreenService.startLoading();\r\n const value = await this.services.addChildPayment(this.paymentToken, this.valuePaymentSplit1).toPromise();\r\n this.loadingScreenService.stopLoading();\r\n\r\n if (!value.hasError && value.errorNum === 0) {\r\n this.paySplit1 = true;\r\n const typeMessage = 'payment';\r\n this.redirectURL = value.redirectURL;\r\n this.currentPaymentToken = value.childPaymentToken;\r\n\r\n this.loadingScreenService.startLoading();\r\n // tslint:disable-next-line:max-line-length\r\n const transaction = await this.services.createTransaction('MEPMMTCRDT', 'INSTALLMENT', value.childPaymentToken, sessionStorage.getItem('token')).toPromise();\r\n this.loadingScreenService.stopLoading();\r\n // @ts-ignore\r\n this.transactionId = transaction.object.id;\r\n\r\n // tslint:disable-next-line:max-line-length\r\n this.global.newPayment(5, typeMessage, this.accountNumber, this.ban, this.valuePaymentSplit1, this.subscriberEmail, this.subscriberName + ' ' + this.subscriberLastName, '', value.childPaymentToken, '', this.redirectURL);\r\n } else {\r\n if (value.errorNum === 130) {\r\n this.refresPayment(0);\r\n } else {\r\n this.currentPaymentToken = null;\r\n this.global.notif('Ha Ocurrido un error Inicializando el pago, por favor intente nuevamente');\r\n }\r\n }\r\n } else {\r\n this.showValidations();\r\n }\r\n }\r\n\r\n private showValidations() {\r\n let messageValidation = '- El monto no puede ser ' + parseFloat((this.amount / 2).toString()).toFixed(2) + '\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Suscriptor
\r\n {{this.subscriber}}
\r\n \r\n
\r\n \r\n Balance en Prepago
\r\n {{this.balancedPrepaid |currency:'$'}}
\r\n \r\n
\r\n \r\n Confirmar Recarga\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Otros Disponibles\r\n
\r\n \r\n Confirmar Recarga\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 Volver \r\n
\r\n Continuar
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n ';\r\n messageValidation += '- El monto debe ser mayor a 5
';\r\n messageValidation += '- El monto debe ser menor a ' + (this.amount - 5) + '
';\r\n\r\n const dialogConfig = new MatDialogConfig();\r\n dialogConfig.disableClose = true;\r\n dialogConfig.autoFocus = true;\r\n // tslint:disable-next-line:max-line-length\r\n dialogConfig.data = {message: messageValidation, colorSi : 'colorRed', colorNo: undefined, btmOk: true, btmConfirm: false, labelOk: 'Aceptar', labelNo: undefined, messageHtml: true};\r\n const dialogRef = this.dialog.open(AlertasComponent, dialogConfig);\r\n dialogRef.afterClosed().subscribe(value => {\r\n });\r\n }\r\n\r\n async goPaySplit2() {\r\n if (this.validateAmount()) {\r\n this.paymentValue = null;\r\n this.amountToPay = this.valuePaymentSplit2;\r\n\r\n this.loadingScreenService.startLoading();\r\n const value = await this.services.addChildPayment(this.paymentToken, this.valuePaymentSplit2).toPromise();\r\n this.loadingScreenService.stopLoading();\r\n\r\n if (!value.hasError && value.errorNum === 0) {\r\n this.paySplit2 = true;\r\n const typeMessage = 'payment';\r\n this.redirectURL = value.redirectURL;\r\n\r\n this.currentPaymentToken = value.childPaymentToken;\r\n\r\n this.loadingScreenService.startLoading();\r\n // tslint:disable-next-line:max-line-length\r\n const transaction = await this.services.createTransaction('MEPMMTCRDT', 'INSTALLMENT', value.childPaymentToken, sessionStorage.getItem('token')).toPromise();\r\n this.loadingScreenService.stopLoading();\r\n // @ts-ignore\r\n this.transactionId = transaction.object.id;\r\n\r\n // tslint:disable-next-line:max-line-length\r\n this.global.newPayment(5, typeMessage, this.accountNumber, this.ban, this.valuePaymentSplit2, this.subscriberEmail, this.subscriberName + ' ' + this.subscriberLastName, '', value.childPaymentToken, '', this.redirectURL);\r\n } else {\r\n if (value.errorNum === 130) {\r\n this.refresPayment(0);\r\n } else {\r\n this.currentPaymentToken = null;\r\n this.global.notif('Ha Ocurrido un error Inicializando el pago, por favor intente nuevamente');\r\n }\r\n }\r\n }\r\n }\r\n\r\n validateAmount() {\r\n if (this.valuePaymentSplit1 === this.amount) {\r\n return false;\r\n }\r\n if (this.valuePaymentSplit1 === (this.amount / 2)) {\r\n return false;\r\n }\r\n if (this.valuePaymentSplit1 < 5) {\r\n return false;\r\n }\r\n if (this.valuePaymentSplit1 > this.amount) {\r\n return false;\r\n }\r\n if (this.amount - this.valuePaymentSplit1 < 5) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n calculateValuePaymentSplit2() {\r\n this.valuePaymentSplit2 = parseFloat((this.amount - this.valuePaymentSplit1).toString()).toFixed(2);\r\n }\r\n\r\n async goToSplitPaymentFinished() {\r\n this.loadingScreenService.startLoading(true, 'Estamos verificando su pago ', true, null);\r\n setTimeout(() => {\r\n this.loadingScreenService.stopLoading();\r\n this.processGoToSplitPaymentFinished();\r\n }, 15000);\r\n }\r\n\r\n async processGoToSplitPaymentFinished() {\r\n // call parent\r\n this.verifyPaymentStatus = await this.services.verifyPaymentStatus(this.paymentToken).toPromise();\r\n this.global.notif('Se ha efectuado el pago de la factura.');\r\n this.screenActual = 2;\r\n }\r\n\r\n private getTransactionStatus(paymentStatus: string, provisioningStatus: string) {\r\n if (paymentStatus === 'BANK SUCCESS NOT PROVISIONABLE' && provisioningStatus === 'SPLIT TRANSACTION NOT PROVISIONABLE') {\r\n return 'approved';\r\n }\r\n if (paymentStatus === 'BANK PAYMENT SUCCESS' && provisioningStatus === 'PROVISIONED') {\r\n return 'provisioning';\r\n }\r\n if (paymentStatus === 'BANK PAYMENT SUCCESS' && provisioningStatus === 'EXTERNALLY PROVISIONED') {\r\n return 'provisioning';\r\n }\r\n if (paymentStatus === 'BANK PAYMENT SUCCESS' && provisioningStatus === 'PROVISIONING FAILED') {\r\n return 'noprovisioning';\r\n }\r\n return 'rejected';\r\n }\r\n\r\n verifyIncorrectValueSplit1() {\r\n if (this.valuePaymentSplit1 < 0) {\r\n this.valuePaymentSplit1 = 0;\r\n this.calculateValuePaymentSplit2();\r\n }\r\n\r\n if (this.valuePaymentSplit1 > this.amount) {\r\n this.valuePaymentSplit1 = this.amount;\r\n this.calculateValuePaymentSplit2();\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 1\r\n \r\n \r\n Ingrese datos\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 2\r\n \r\n \r\n Monto a pagar\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n Pago\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 4\r\n \r\n \r\n Confirmación\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Monto a Pagar
\r\n \r\n ${{this.amount}}
\r\n \r\n
\r\n \r\n
\r\n
\r\n Resumen de Deuda
\r\n \r\n
\r\n {{this.subscriberName + ' ' + this.subscriberLastName}}
\r\n Nombre
\r\n \r\n
\r\n\r\n Número de Cuenta
\r\n {{this.accountNumber}}
\r\n \r\n\r\n
\r\n Número de Suscriptor
\r\n {{this.ban}}
\r\n \r\n
\r\n Monto Cuota
\r\n ${{this.paymentQuota}}
\r\n \r\n
\r\n Cuotas a Acelerar
\r\n {{this.instllmentUnits}}
\r\n \r\n
\r\n Total Deuda
\r\n {{this.amount}}
\r\n \r\n
\r\n Pago Dividido
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n 1
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Monto a Pagar\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n Numero de Autorizacion: {{numAuthorizationPaySplit1}}
\r\n \r\n
\r\n Metodo de Pago: ![\"\"](\"{{paymentMethodDisplayPaySplit1}}\"\r\n)
\r\n \r\n
\r\n Fecha de Pago: {{dateProvisioningPaySplit1}}
\r\n \r\n
\r\n Refrescar
\r\n\r\n {{paySplit1 ? 'Espere...' : 'Continuar'}}
\r\n \r\n
\r\n \r\n
\r\n 2
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Monto a Pagar\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n Numero de Autorizacion: {{numAuthorizationPaySplit2}}
\r\n \r\n
\r\n Metodo de Pago: ![\"\"](\"{{paymentMethodDisplayPaySplit2}}\"\r\n)
\r\n \r\n
\r\n Fecha de Pago: {{dateProvisioningPaySplit2}}
\r\n \r\n
\r\n Refrescar
\r\n\r\n {{paySplit2 ? 'Espere...' : 'Continuar'}}
\r\n \r\n
\r\n\r\n Refrescar
\r\n \r\n Continuar
\r\n \r\n
\r\n\r\n \r\n Continuar
\r\n \r\n
\r\n \r\n \r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { ConfirmInstallmentTaxComponent } from './confirm-installment-tax/confirm-installment-tax.component';\r\nimport { ConfirmTelemarketingTaxComponent } from './confirm-telemarketing-tax/confirm-telemarketing-tax.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n ConfirmInstallmentTaxComponent,\r\n ConfirmTelemarketingTaxComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n SharedModule\r\n ],\r\n exports: [\r\n ConfirmInstallmentTaxComponent,\r\n ConfirmTelemarketingTaxComponent\r\n ]\r\n})\r\nexport class TaxModule { }\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ApiService } from '../../core/services/api-services/api.service';\r\nimport { GlobalService } from '../../core/services/global-services/global.service';\r\nimport { LoadingScreenService } from '../../core/services/loading-screen/loading-screen.service';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-update-email',\r\n templateUrl: './update-email.component.html',\r\n styleUrls: ['./update-email.component.sass']\r\n})\r\nexport class UpdateEmailComponent implements OnInit {\r\n public email;\r\n public email1;\r\n public email2;\r\n public submitted;\r\n public newEmail;\r\n public accountInfo: any;\r\n constructor(private router: Router,\r\n private services: ApiService,\r\n private global: GlobalService,\r\n private loadingScreenService: LoadingScreenService) { }\r\n\r\n ngOnInit() {\r\n this.email = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo.email;\r\n this.submitted = true;\r\n this.email1 = '';\r\n this.email2 = '';\r\n }\r\n continueEmail() {\r\n this.accountInfo = JSON.parse(atob(sessionStorage.getItem('getSubscriber'))).accountInfo;\r\n if (this.email1 === '' && this.email2 === '') {\r\n this.newEmail = this.email;\r\n this.global.notif('Ingrese su Correo Electrónico');\r\n } else if (this.email1 === this.email2) {\r\n this.newEmail = this.email1;\r\n if (this.global.validarEmail(this.email1) == false) {\r\n this.global.notif('Estimado cliente, el nuevo Correo Electrónico tiene un formato incorrecto.');\r\n } else {\r\n this.loadingScreenService.startLoading();\r\n this.services.getVerifyEmail(this.newEmail).subscribe(data => {\r\n if (data.hasErrorField == false) {\r\n // tslint:disable-next-line:max-line-length\r\n this.services.updatePersonalData(sessionStorage.getItem('token'),\r\n btoa(this.accountInfo.BAN),\r\n btoa(this.accountInfo.subscriberNumber),\r\n btoa(this.accountInfo.subscriberNumber),\r\n // tslint:disable-next-line:no-shadowed-variable\r\n btoa(this.newEmail)).subscribe((data: any) => {\r\n this.loadingScreenService.stopLoading();\r\n if (data.HasError !== false) {\r\n // cableado provisionalmente data.HasError !== false\r\n this.global.notif(data.ErrorDesc);\r\n this.router.navigate(['postpaid_select_option']);\r\n } else {\r\n this.global.notif(data.ErrorDesc);\r\n }\r\n });\r\n } else {\r\n this.loadingScreenService.stopLoading();\r\n this.global.notif(data.errorDescField);\r\n }\r\n });\r\n }\r\n } else {\r\n this.global.notif('Los correos no coinciden.');\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 1\r\n \r\n \r\n Ingrese datos\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 2\r\n \r\n \r\n Monto a pagar\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n Pago\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 4\r\n \r\n \r\n Confirmación\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Monto a Pagar
\r\n ${{this.amount}}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n Nro de Cuenta
\r\n {{this.accountNumber}}
\r\n \r\n
\r\n Fecha de Cargo
\r\n {{this.createdDate}}
\r\n \r\n
\r\n\r\n Monto del Impuesto
\r\n {{this.amount}}
\r\n \r\n
\r\n Pago Dividido
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n 1
\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 Numero de Autorizacion: {{numAuthorizationPaySplit1}}
\r\n \r\n
\r\n Metodo de Pago: ![\"\"](\"{{paymentMethodDisplayPaySplit1}}\")
\r\n \r\n
\r\n Fecha de Pago: {{dateProvisioningPaySplit1}}
\r\n \r\n
\r\n {{paySplit1 ? 'Espere...' : 'Continuar'}}
\r\n \r\n
\r\n \r\n
\r\n 2
\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 Numero de Autorizacion: {{numAuthorizationPaySplit2}}
\r\n \r\n
\r\n Metodo de Pago: ![\"\"](\"{{paymentMethodDisplayPaySplit2}}\")
\r\n \r\n
\r\n Fecha de Pago: {{dateProvisioningPaySplit2}}
\r\n \r\n
\r\n {{paySplit2 ? 'Espere...' : 'Continuar'}}
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n Continuar
\r\n Volver
\r\n \r\n
\r\n \r\n \r\n \r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UpdateEmailComponent } from './update-email.component';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n UpdateEmailComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n SharedModule\r\n\r\n ],\r\n exports: [\r\n UpdateEmailComponent\r\n ]\r\n})\r\nexport class UpdateEmailModule { }\r\n","import { Component, OnInit, ViewEncapsulation, Inject } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\r\n\r\n@Component({\r\n selector: 'app-alertas',\r\n templateUrl: './alertas.component.html',\r\n styleUrls: ['./alertas.component.sass'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class AlertasComponent implements OnInit {\r\n public btmOk = true;\r\n public labelOk = 'OK';\r\n public btmConfirm = false;\r\n public labelSi = 'SI';\r\n public labelNo = 'NO';\r\n public colorSi = '';\r\n public colorNo = '';\r\n public btmSession = false;\r\n public title = true;\r\n public session = false;\r\n public labelTitle = 'Aviso';\r\n public labelTitleHtml: string;\r\n public menssageError: string;\r\n public messageHtml = false;\r\n public labelHtml: string;\r\n public inverse = false;\r\n constructor(public matDialogRef: MatDialogRef\r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"../assets/images/miclaro-logo.png\")
\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 \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 1\r\n \r\n \r\n Ingrese datos\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 2\r\n \r\n \r\n Monto a pagar\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n Pago\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 4\r\n \r\n \r\n Confirmación\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Actualiza Tu Correo Electrónico\r\n
\r\n \r\n Mantén actualizado tu correo electrónico por el cual podrás recibir tu factura de\r\n manera electrónica.\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 Guardar Cambios \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n ![](\"../assets/images/foot-logo.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n Todos los derechos reservados, Claro 2020\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\r\nimport { PaymentIframeService } from './payment-iframe.services';\r\nimport { LoadingScreenService } from 'src/app/core/services/loading-screen/loading-screen.service';\r\n@Component({\r\n selector: 'app-iframe-payment',\r\n templateUrl: './iframe-payment.component.html',\r\n styleUrls: ['./iframe-payment.component.sass']\r\n})\r\nexport class IframePaymentComponent implements OnInit {\r\n @Input() tokenSSO: string = '';\r\n @Input() transactionType?:string = 'payment';\r\n @Input() startTime?:number=0;\r\n @Input() url: string = '';\r\n @Input() width: string = '100%';\r\n @Input() height: string = '460px';\r\n @Input() frameborder:any = 1;\r\n @Input() scrolling: string = '';\r\n @Input() token?:any='';\r\n @Input() firstName:any;\r\n @Input() lastName:any;\r\n @Input() email:any;\r\n @Input() amount:any;\r\n @Input() selectBan:any;\r\n @Input() currentSuscriber:any;\r\n @Input() locationId:any;\r\n @Input() invoiceNumber:any;\r\n @Input() installmentCount:any;\r\n @Input() provision:any=true;\r\n @Input() displayConfirmation:any=true;\r\n @Input() emailNotification:any=true;\r\n @Input() showInstrument:any=true;\r\n @Input() stroeInstrument:any=true;\r\n @Input() useBanZipCode:any=true;\r\n @Output() result = new EventEmitter();\r\n @Output() outLoadIframe = new EventEmitter();\r\n\r\n @Output() initPayment = new EventEmitter();\r\n @Output() cancelPayment = new EventEmitter();\r\n @Output() hasDimensions = new EventEmitter();\r\n @Output() errorMessage = new EventEmitter();\r\n public errorTime:number=10000;\r\n public urlSafe: SafeResourceUrl;\r\n public loadIframe: Boolean = false;\r\n public authorizationNumber: string = '';\r\n public code: string = '';\r\n public date: string = '';\r\n public description: string = '';\r\n public operationId: string = '';\r\n public operationType: string = '';\r\n public paymentMethod: string = '';\r\n public success: boolean = false;\r\n public provisioning: any;\r\n public storedInstrument: any;\r\n public dataResult: any;\r\n public paymentCard: any;\r\n public showAccordion=true;\r\n public state: string='';\r\n public messageArrived: boolean=false;\r\n public textMessageError='{{this.labelTitle}}
\r\n\r\n
\r\n \r\n ![](\"../../../../assets/images/miclaro-icon.png\")
{{data.labelTitleHtml}}\r\n
\r\n {{data.labelTitleHtml}}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Incidencia: {{data.menssageError}}\r\n
\r\n \r\n \r\n
\r\n \r\n ¿Desea que unos de nuestros agentes de servicio al cliente te asista en línea a través de nuestro Chat?\r\n
\r\n \r\n {{data.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 En este momento estamos presentando inconvenientes en nuestro sistema.
Por favor, íntentelo nuevamente.
';\r\n @ViewChild('iframePaymentId') iframe2: ElementRef;\r\n @HostListener('window:message', ['$event']) onPostMessage(e:any) {\r\n if (typeof e.data != \"object\") {\r\n try {\r\n this.dataResult = JSON.parse(atob(e.data));\r\n if(this.dataResult.state==\"dimensions\"){\r\n this.messageArrived=true;\r\n this.height=this.dataResult.data.height;\r\n this.hasDimensions.next(this.height);\r\n }\r\n if(this.dataResult.state==\"start\"){\r\n this.initPayment.next();\r\n }\r\n if(this.dataResult.state==\"canceled\"){\r\n this.cancelPayment.next();\r\n }\r\n if (this.dataResult.state == \"ath\") {\r\n this.loadingScreenService.startLoading();\r\n this.service.athPinpadURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.dataResult.data.athURL);\r\n sessionStorage.setItem('paymentId', this.dataResult.data.paymentID);\r\n setTimeout(()=>{\r\n this.loadingScreenService.stopLoading();\r\n }, 3000)\r\n }\r\n if(this.dataResult.state==\"paymentResult\"){\r\n if(this.dataResult.data!=\"\"){\r\n const stringData = this.dataResult.data\r\n const result = JSON.parse(stringData).paymentResult\r\n this.dataResult=JSON.parse(atob(result));\r\n if(this.dataResult.success==true){\r\n this.authorizationNumber = this.dataResult.authorizationNumber;\r\n this.code = this.dataResult.code;\r\n this.date = this.dataResult.date;\r\n this.description = this.dataResult.description;\r\n this.operationId = this.dataResult.operationId;\r\n this.operationType = this.dataResult.operationType;\r\n this.paymentMethod = this.dataResult.paymentMethod;\r\n this.success = this.dataResult.success;\r\n this.provisioning = this.dataResult.provisioning;\r\n this.storedInstrument = this.dataResult.storedInstrument;\r\n this.paymentCard= this.dataResult.paymentCard;\r\n this.result.next(this.dataResult);\r\n }\r\n else{\r\n this.operationId = this.dataResult.operationId;\r\n if(this.dataResult.description!=\"\"){\r\n this.textMessageError=this.dataResult.description;\r\n }\r\n this.code = this.dataResult.code;\r\n this.state='error';\r\n }\r\n }\r\n else{\r\n this.dataResult.description=this.textMessageError;\r\n }\r\n this.result.next(this.dataResult);\r\n }\r\n }\r\n catch (e) {\r\n console.log(e);\r\n }\r\n }\r\n }\r\n constructor(public sanitizer: DomSanitizer, private service: PaymentIframeService, private loadingScreenService: LoadingScreenService) {\r\n this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl('');\r\n }\r\n ngOnInit(): void {\r\n this.init();\r\n }\r\n ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n if(this.messageArrived==false){\r\n this.state='error';\r\n this.errorMessage.next(true);\r\n }\r\n }, this.errorTime);\r\n }\r\n tryAgain(){\r\n this.init();\r\n this.state='';\r\n }\r\n init() {\r\n this.service.getIframe(this.token,this.tokenSSO,this.firstName,this.lastName,this.email,this.transactionType,this.amount,this.selectBan,this.currentSuscriber,this.provision,this.displayConfirmation,this.emailNotification,this.showInstrument,this.stroeInstrument,this.useBanZipCode,\"\",\"\",\"\",\"\").subscribe((data: any) => {\r\n if (data.errorInfo) {\r\n if (data.errorInfo.hasError == false) {\r\n let newURL = data.url.toString().replace('https://solution.claropr.com','http://localhost:4201' ) // test local\r\n this.loadIframe = true;\r\n setTimeout(()=>{\r\n this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(data.url + \"&showAccordion=\"+this.showAccordion+\"&startTime=\"+this.startTime);\r\n // this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(newURL + \"&showAccordion=\"+this.showAccordion+\"&startTime=\"+this.startTime);\r\n }, 2000)\r\n setTimeout(() => {\r\n if(this.messageArrived==false) {\r\n this.state='error';\r\n this.errorMessage.next(true);\r\n }\r\n }, this.errorTime);\r\n }\r\n else {\r\n this.state='error';\r\n this.errorMessage.next(true);\r\n }\r\n }\r\n else{\r\n this.state='error';\r\n this.errorMessage.next(true);\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","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Router } from '@angular/router';\r\nimport { Observable } from 'rxjs/internal/Observable';\r\nexport interface dataCreateOrder {\r\n catalogId: number,\r\n catalogName: string,\r\n errorDesc: string,\r\n errorInter: string,\r\n errorNum: number,\r\n hasError: boolean,\r\n plans: object,\r\n productId: number\r\n}\r\ninterface token {\r\n token: string\r\n}\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class PaymentIframeService {\r\n athPinpadURL: any = \"\"\r\n private urlService: string = \"/api\";\r\n public httpOptions = {\r\n headers: new HttpHeaders({\r\n Authorization: `Bearer `\r\n })\r\n };\r\n constructor(private http: HttpClient, private router: Router) { }\r\n setConfig(token:string,basePath:string) {\r\n const result = new Observable(observer => {\r\n //this.global.basePath=basePath;\r\n if(sessionStorage.getItem(\"token\")!=null && sessionStorage.getItem(\"token\")!=undefined){\r\n //this.global.token=token;\r\n }\r\n this.httpOptions = {\r\n headers: new HttpHeaders({\r\n //Authorization: `Bearer ${this.global.token}`\r\n })\r\n };\r\n observer.next();\r\n observer.complete();\r\n observer.unsubscribe();\r\n });\r\n return result;\r\n }\r\n setToken(token:any){\r\n if(token!=null && token!=undefined){\r\n sessionStorage.setItem(\"token\", token);\r\n this.httpOptions = {\r\n headers: new HttpHeaders({\r\n Authorization: `Bearer ${token}`\r\n })\r\n };\r\n }\r\n }\r\n getIframe(token:string,ssoToken:string,firstName:string,lastName:string,email:string,transactionType:string,amount:string,selectBan:string,currentSuscriber:string,provision:boolean,displayConfirmation:boolean,emailNotification:boolean,showInstrument:boolean,stroeInstrument:boolean,useBanZipCode:boolean\r\n ,locationId:string,invoiceNumber:string,installmentCount:string,paymentItems:string) {\r\n this.setToken(token);\r\n var form = new FormData();\r\n form.append(\"ssoToken\", ssoToken);\r\n form.append(\"firstName\", firstName);\r\n form.append(\"lastName\", lastName);\r\n form.append(\"email\", email);\r\n form.append(\"transactionType\", transactionType);\r\n form.append(\"amount\", amount);\r\n form.append(\"selectBan\", selectBan);\r\n form.append(\"currentSuscriber\", currentSuscriber);\r\n form.append(\"provision\", provision.toString());\r\n form.append(\"displayConfirmation\", displayConfirmation.toString());\r\n form.append(\"emailNotification\", emailNotification.toString());\r\n form.append(\"showInstrument\", showInstrument.toString());\r\n form.append(\"stroeInstrument\", stroeInstrument.toString());\r\n form.append(\"useBanZipCode\", useBanZipCode.toString());\r\n form.append(\"locationId\", locationId);\r\n form.append(\"invoiceNumber\", invoiceNumber);\r\n form.append(\"installmentCount\", installmentCount);\r\n form.append(\"paymentItems\", paymentItems);\r\n return this.http.post\r\n
\r\n","import { Component, EventEmitter, OnInit, Output } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { GlobalService } from 'src/app/core/services/global-services/global.service';\r\nimport { ExecutePaymentService } from 'src/app/core/services/execute-payment/execute-payment.service';\r\nimport { LoadingScreenService } from 'src/app/core/services/loading-screen/loading-screen.service';\r\n\r\n@Component({\r\n selector: 'app-payment-modal',\r\n templateUrl: './payment-modal.component.html',\r\n styleUrls: ['./payment-modal.component.sass']\r\n})\r\nexport class PaymentModalComponent implements OnInit {\r\n \r\n @Output() screenActual = new EventEmitter\r\n
\r\n\r\n ![](\"../../../../assets/images/loading.gif\")
\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 {{this.text}}\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 Actualice Dirección Física
\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 \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 Este campo es obligatorio\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 Regresar\r\n
\r\n Continuar
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { GlobalService } from 'src/app/core/services/global-services/global.service';\r\n\r\n@Component({\r\n selector: 'app-splash',\r\n templateUrl: './splash.component.html',\r\n styleUrls: ['./splash.component.sass']\r\n})\r\nexport class SplashComponent implements OnInit {\r\n\r\n constructor(public global: GlobalService) { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n close(){\r\n this.global.showSplash = false;\r\n }\r\n\r\n goStore(){\r\n const androidUrl = 'https://play.google.com/store/apps/details?id=com.todoclaro.miclaroapp&hl=en&pli=1';\r\n const iosUrl = 'https://apps.apple.com/us/app/mi-claro-pr/id775322054'\r\n const deviceInfo = navigator.userAgent\r\n var selectedUrl = \"\"\r\n \r\n if (deviceInfo.indexOf('Android') !== -1) {\r\n selectedUrl = androidUrl\r\n } else if (deviceInfo.indexOf('iPhone') !== -1) {\r\n selectedUrl = iosUrl\r\n } else {\r\n this.global.showSplash = false;\r\n }\r\n\r\n this.goThen(selectedUrl)\r\n\r\n }\r\n\r\n goThen(url: string) {\r\n if (url) {\r\n window.open(url, '_blank')\r\n this.global.showSplash = false;\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 ![\"\"](\"assets/images/cards/master.png\")
\r\n ![\"\"](\"assets/images/cards/visa.png\")
\r\n ![\"\"](\"assets/images/cards/amex.png\")
\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 * Titular
\r\n\r\n
\r\n \r\n \r\n \r\n Tarjeta Inválida\r\n \r\n \r\n Este campo es obligatorio\r\n \r\n
\r\n * Numero de Tarjeta
\r\n\r\n \r\n \r\n Este campo es obligatorio\r\n \r\n \r\n Intente nuevamente\r\n \r\n
\r\n * CCV
\r\n\r\n
\r\n\r\n \r\n
\r\n * Fecha de Expiración
\r\n\r\n \r\n \r\n {{ item }}\r\n \r\n\r\n \r\n \r\n {{ item }}\r\n \r\n \r\n Tarjeta vencida, verifique información\r\n \r\n
\r\n /
\r\n \r\n \r\n \r\n Zip code invalido\r\n \r\n \r\n Este campo es obligatorio\r\n \r\n
\r\n * Zip Code
\r\n\r\n
\r\n Cancelar\r\n \r\n
\r\n Continuar
\r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.sass']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n\r\n constructor( private router: Router) { }\r\n ngOnInit() {\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 x
\r\n \r\n ![\"\"](\"../../../../assets/images/splash.jpeg\")
\r\n
\r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { GlobalService } from 'src/app/core/services/global-services/global.service';\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.sass']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n\r\n constructor(private router: Router,public global: GlobalService) { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n goHome() {\r\n this.global.setStep(2);\r\n this.global.isStep1 = true;\r\n this.global.isPrepaid = false;\r\n this.global.onPrepaidStep2 = false;\r\n this.global.currentScreen=1;\r\n this.router.navigate(['login']);\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 Todos los derechos reservados, Claro 2021\r\n
\r\n \r\n
\r\n","import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\r\nimport { GlobalService } from '../../../core/services/global-services/global.service';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-step',\r\n templateUrl: './step.component.html',\r\n styleUrls: ['./step.component.sass']\r\n})\r\nexport class StepComponent implements OnInit, OnChanges {\r\n @Input() step;\r\n checkStep: Subscription;\r\n second = '';\r\n third = '';\r\n four = '';\r\n constructor(public global: GlobalService) {\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.setClass(Number(this.step));\r\n this.checkStep = this.global.stepCheck.subscribe((value: number) => {\r\n this.setClass(value);\r\n });\r\n }\r\n\r\n setClass(step) {\r\n this.second = '';\r\n this.third = '';\r\n\r\n if (step === 2) {\r\n this.second = 'on';\r\n this.third = '';\r\n }\r\n if (step === 3) {\r\n this.second = 'on';\r\n this.third = 'on';\r\n }\r\n if (step === 4) {\r\n this.second = 'on';\r\n this.third = 'on';\r\n this.four = 'on';\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 \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","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-collapse',\r\n templateUrl: './collapse.component.html',\r\n styleUrls: ['./collapse.component.sass']\r\n})\r\nexport class CollapseComponent implements OnInit {\r\n @Input() content;\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n updateExpand(index) {\r\n const content: any = this.content;\r\n content.content[index].expand = !content.content[index].expand;\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n \r\n 1\r\n \r\n \r\n Ingrese datos\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 2\r\n \r\n \r\n Monto a pagar\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n Pago\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n 4\r\n \r\n \r\n Confirmación\r\n
\r\n \r\n\r\n
\r\n","import { Component, OnDestroy, OnInit, Input } from '@angular/core';\r\nimport { LoadingScreenService } from '../../../core/services/loading-screen/loading-screen.service';\r\nimport { Subscription } from 'rxjs';\r\n\r\n\r\n@Component({\r\n selector: 'app-loading-screen-min',\r\n templateUrl: './loading-screen-min.component.html',\r\n styleUrls: ['./loading-screen-min.component.sass']\r\n})\r\nexport class LoadingScreenMinComponent implements OnInit, OnDestroy {\r\n\r\n @Input() status: boolean;\r\n @Input() session: number;\r\n @Input() width: string;\r\n @Input() heigth: string;\r\n loadingMin = false;\r\n loadingMin2 = false;\r\n loadingSubscription: Subscription;\r\n loadingSubscription2: Subscription;\r\n\r\n constructor(private loadingScreenService: LoadingScreenService) {}\r\n\r\n ngOnInit() {\r\n\r\n if (this.status != undefined) {\r\n if (this.session == 1) {\r\n this.loadingMin = this.status;\r\n }\r\n if (this.session == 2) {\r\n this.loadingMin2 = this.status;\r\n }\r\n }\r\n\r\n this.loadingSubscription = this.loadingScreenService.loadingMinStatus.subscribe((value: boolean) => {\r\n this.loadingMin = value;\r\n });\r\n this.loadingSubscription2 = this.loadingScreenService.loadingMin2Status.subscribe((value: boolean) => {\r\n this.loadingMin2 = value;\r\n });\r\n\r\n }\r\n ngOnDestroy() {\r\n this.loadingSubscription.unsubscribe();\r\n this.loadingSubscription2.unsubscribe();\r\n }\r\n}\r\n","\r\n
\r\n\r\n {{content.title}}\r\n \r\n \r\n
\r\n 0}\">\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{content.description}}\r\n \r\n
\r\n \r\n \r\n {{content.description}}\r\n \r\n {{content.link1text}}\r\n \r\n {{content.description2}}\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AppComponent } from '../../../app.component';\r\nimport { MatDialog, MatDialogConfig } from '@angular/material';\r\nimport { AlertasComponent } from '../../components/alertas/alertas.component';\r\nimport { GlobalService } from '../../../core/services/global-services/global.service';\r\nimport { Subscription } from 'rxjs';\r\n@Component({\r\n selector: 'app-menu',\r\n templateUrl: './menu.component.html',\r\n styleUrls: ['./menu.component.sass']\r\n})\r\nexport class MenuComponent implements OnInit {\r\n constructor(public global: GlobalService,\r\n public dialog: MatDialog,\r\n private router: Router,\r\n public appComponent: AppComponent) { }\r\n\r\n ngOnInit() {\r\n\r\n }\r\n // tslint:disable-next-line:use-lifecycle-interface\r\n ngAfterViewInit() {\r\n\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { GlobalService } from '../../../core/services/global-services/global.service';\r\n@Component({\r\n selector: 'app-options',\r\n templateUrl: './options.component.html',\r\n styleUrls: ['./options.component.sass']\r\n})\r\nexport class OptionsComponent implements OnInit {\r\n public statusOn = 0;\r\n public statusRadio = [false, false];\r\n constructor(private global: GlobalService) { }\r\n\r\n ngOnInit() {\r\n }\r\n changeType(type: number) {\r\n this.global.validateSession();\r\n this.statusOn = type;\r\n if (type == 1) {\r\n this.statusRadio[0] = true;\r\n this.statusRadio[1] = false;\r\n } else {\r\n this.statusRadio[0] = false;\r\n this.statusRadio[1] = true;\r\n }\r\n }\r\n}\r\n","\r\n\r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SafeHtmlPipe } from 'src/app/components/safe-html/safe-html.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n SafeHtmlPipe\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n SafeHtmlPipe\r\n ]\r\n})\r\nexport class SafeHtmlPipeModule {\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AlertasComponent } from './components/alertas/alertas.component';\r\nimport { CollapseComponent } from './not-used-in-the-project/collapse/collapse.component';\r\nimport { LoadingScreenComponent } from './components/loading-screen/loading-screen.component';\r\nimport { LoadingScreenMinComponent } from './not-used-in-the-project/loading-screen-min/loading-screen-min.component';\r\nimport { OptionsComponent } from './not-used-in-the-project/options/options.component';\r\nimport { PaymentModalComponent } from './components/payment-modal/payment-modal.component';\r\nimport { FooterComponent } from './layout/footer/footer.component';\r\nimport { MenuComponent } from './not-used-in-the-project/menu/menu.component';\r\nimport {\r\n MatButtonModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n MatInputModule,\r\n MatNativeDateModule,\r\n MatRadioModule,\r\n MatTooltipModule,\r\n MatSelectModule,\r\n MatSlideToggleModule } from '@angular/material';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { OnlyAmountDirective } from '../core/directives/only-amount.directive';\r\nimport { OnlyNumberDirective } from '../core/directives/only-number.directive';\r\nimport { ZipCodeDirective } from '../core/directives/zip-code.directive';\r\nimport { HeaderComponent } from './layout/header/header.component';\r\nimport { StepComponent } from './layout/step/step.component';\r\nimport { SplashComponent } from './components/splash/splash.component';\r\nimport { IframePaymentComponent } from './components/iframe-payment/iframe-payment.component';\r\nimport { PaymentDeclinedComponent } from '../core/component/payment-declined/payment-declined.component';\r\nimport { SafeHtmlPipeModule } from './safe-html-pipe/safe-html-pipe.module';\r\nimport { ChatComponent } from '../pages/chat/chat.component';\r\n\r\nconst materialModules = [\r\n MatSelectModule,\r\n MatRadioModule,\r\n MatDatepickerModule,\r\n MatNativeDateModule,\r\n MatFormFieldModule,\r\n MatButtonModule,\r\n MatTooltipModule,\r\n MatInputModule,\r\n MatDialogModule,\r\n MatSlideToggleModule\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n AlertasComponent,\r\n CollapseComponent,\r\n LoadingScreenComponent,\r\n LoadingScreenMinComponent,\r\n OptionsComponent,\r\n PaymentModalComponent,\r\n FooterComponent,\r\n MenuComponent,\r\n OnlyAmountDirective,\r\n OnlyNumberDirective,\r\n ZipCodeDirective,\r\n HeaderComponent,\r\n StepComponent,\r\n SplashComponent,\r\n IframePaymentComponent,\r\n PaymentDeclinedComponent,\r\n ChatComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n SafeHtmlPipeModule,\r\n materialModules,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ],\r\n exports: [\r\n AlertasComponent,\r\n CollapseComponent,\r\n LoadingScreenComponent,\r\n LoadingScreenMinComponent,\r\n OptionsComponent,\r\n PaymentModalComponent,\r\n FooterComponent,\r\n MenuComponent,\r\n OnlyAmountDirective,\r\n OnlyNumberDirective,\r\n ZipCodeDirective,\r\n HeaderComponent,\r\n StepComponent,\r\n SplashComponent,\r\n IframePaymentComponent,\r\n SafeHtmlPipeModule,\r\n PaymentDeclinedComponent,\r\n ChatComponent\r\n ]\r\n})\r\nexport class SharedModule { }\r\n","class chat {\r\n constructor() {\r\n this.serverUrl = 'http://chatqa.com/api/chat/chatUrl';\r\n this.type = '';\r\n this.title = '';\r\n this.token = '';\r\n this.SSOAccessToken = '';\r\n this.region = '';\r\n this.category = '';\r\n this.id = '';\r\n this.origin = '';\r\n this.customerName = '';\r\n this.accountNumber = '';\r\n this.email = '';\r\n this.appType = '';\r\n }\r\n irChatURL() {\r\n const params = new URLSearchParams(window.location.search);\r\n this.type = params.get('type');\r\n this.title = params.get('title');\r\n this.token = params.get('token');\r\n this.SSOAccessToken = params.get('SSOAccessToken');\r\n this.region = params.get('region');\r\n this.category = params.get('category');\r\n this.id = params.get('id');\r\n this.origin = params.get('origin');\r\n this.customerName = params.get('customerName');\r\n this.accountNumber = params.get('accountNumber');\r\n this.email = params.get('email');\r\n this.appType = params.get('appType');\r\n this.getChat();\r\n }\r\n goToChat() {\r\n this.getChat();\r\n }\r\n getChat() {\r\n const datos = {\r\n token: this.SSOAccessToken,\r\n Region: this.region,\r\n Category: this.category,\r\n Id: this.id,\r\n Origin: this.origin,\r\n CustomerName: this.customerName,\r\n AccountNumber: this.accountNumber,\r\n Email: this.email,\r\n AppType: this.appType\r\n };\r\n console.log(datos);\r\n fetch(this.serverUrl, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(datos)\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.hasError == false) {\r\n this.loadChat(data.url, this.title, this.type);\r\n }\r\n else {\r\n alert(data.errorDisplay)\r\n }\r\n })\r\n .catch(error => {\r\n alert('Error durante la solicitud del chat.', error);\r\n });\r\n }\r\n loadChat(url, title = '', type = '') {\r\n if (type == 'pop') {\r\n var wind = window.open(url, title, 'width=400,height=580,scrollbars=NO');\r\n if (wind == null) {\r\n alert('The popup has been blocked please unblock it in the browser settings.');\r\n }\r\n }\r\n else {\r\n window.location.href = url;\r\n }\r\n }\r\n}\r\nexport default chat;","export const environment = {\r\n production: false,\r\n newServiceUrl: 'https://wsloginappqa.claropr.com/api/',\r\n localApi: false,\r\n deployAssetsPath: '',\r\n version: '001'\r\n};\r\n\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n","/* (ignored) */"],"sourceRoot":"webpack:///"}\r\n ![](\"../../assets/images/tlf-m.png\")
Móvil\r\n
\r\n\r\n Móvil\r\n \r\n ![](\"../../assets/images/tlf-f.png\")
Telefonía Fija\r\n
\r\n Telefonía Fija\r\n