\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Your payment attempt has been cancelled. The information was not saved.
\r\n \r\n\r\n \r\n ","import { DatePipe } from '@angular/common';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-contact',\r\n templateUrl: './contact.component.html',\r\n})\r\nexport class ContactComponent implements OnInit {\r\n pagetitle = 'Contact Information';\r\n chaturl = '';\r\n\r\n chatLive!: boolean;\r\n currentTime!: any;\r\n\r\n constructor(private datePipe: DatePipe) {\r\n this.chaturl = CommonSettings.ChatUrl;\r\n }\r\n\r\n ngOnInit(): void {\r\n //console.log(\"CHAT \", this.chaturl)\r\n\r\n this.checkBusinessHours();\r\n }\r\n\r\n openChat() {\r\n window.open('https://home-c29.incontact.com/incontact/chatclient/chatclient.aspx?poc=65d093b4-9dd1-4901-a532-906e2871fa6d&bu=4597186', '', 'width=510, height=900');\r\n }\r\n\r\n checkBusinessHours() {\r\n var businessOpen = new Date();\r\n businessOpen.setHours(9, 0, 0); //8:00AM CST or 9:00AM EST\r\n this.datePipe.transform(businessOpen, 'EEEE h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"BUSINESS OPEN: \", businessOpen)\r\n\r\n var businessClose = new Date();\r\n businessClose.setHours(17, 30, 0); //4:30PM CST or 5:30PM EST\r\n this.datePipe.transform(businessClose, 'h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"BUSINESS CLOSE: \", businessClose)\r\n\r\n var currentTime = new Date();\r\n this.datePipe.transform(currentTime, 'EEEE h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"CURRENT TIME: \", currentTime);\r\n\r\n var currentDay = currentTime.toString().split(' ')[0];\r\n\r\n if (currentDay === \"Sat\" || currentDay === \"Sun\") {\r\n this.chatLive = false;\r\n }\r\n else {\r\n if (currentTime >= businessOpen && currentTime <= businessClose) {\r\n this.chatLive = true;\r\n }\r\n else {\r\n this.chatLive = false;\r\n }\r\n }\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-creditcard-cancel',\r\n templateUrl: './creditcard-cancel.component.html'\r\n})\r\nexport class CreditCardCancelComponent implements OnInit {\r\n pagetitle = \"Credit Card Payment Cancelled\";\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n\r\n\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-creditcard-success',\r\n templateUrl: './creditcard-success.component.html'\r\n})\r\nexport class CreditCardSuccessComponent implements OnInit {\r\n pagetitle = \"Credit Card Payment Success\";\r\n encryptedTransactionId: string;\r\n baseurl = CommonSettings.BaseApi;\r\n clientId = CommonSettings.ClientID;\r\n\r\n constructor(private route: ActivatedRoute) {\r\n this.encryptedTransactionId = '';\r\n }\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe(params => {\r\n this.encryptedTransactionId = params['tid'];\r\n });\r\n }\r\n\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-creditcard',\r\n templateUrl: './creditcard.component.html'\r\n})\r\nexport class CreditCardComponent implements OnInit {\r\n pagetitle = \"New Credit Card Payment\";\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n \r\n","import { DatePipe } from '@angular/common';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'app-employer-faq',\r\n templateUrl: './employer-faq.component.html'\r\n})\r\nexport class EmployerFAQComponent implements OnInit {\r\n chaturl = '';\r\n\r\n chatLive!: boolean;\r\n currentTime!: any;\r\n\r\n constructor(private datePipe: DatePipe) {\r\n this.chaturl = CommonSettings.ChatUrl;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.checkBusinessHours();\r\n }\r\n\r\n openChat() {\r\n window.open(this.chaturl, '', 'width=510, height=900');\r\n }\r\n\r\n checkBusinessHours() {\r\n var businessOpen = new Date();\r\n businessOpen.setHours(9, 0, 0); //8:00AM CST or 9:00AM EST\r\n this.datePipe.transform(businessOpen, 'EEEE h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"BUSINESS OPEN: \", businessOpen)\r\n\r\n var businessClose = new Date();\r\n businessClose.setHours(17, 30, 0); //4:30PM CST or 5:30PM EST\r\n this.datePipe.transform(businessClose, 'h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"BUSINESS CLOSE: \", businessClose)\r\n\r\n var currentTime = new Date();\r\n this.datePipe.transform(currentTime, 'EEEE h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"CURRENT TIME: \", currentTime);\r\n\r\n var currentDay = currentTime.toString().split(' ')[0];\r\n\r\n if (currentDay === \"Sat\" || currentDay === \"Sun\") {\r\n this.chatLive = false;\r\n }\r\n else {\r\n if (currentTime >= businessOpen && currentTime <= businessClose) {\r\n this.chatLive = true;\r\n }\r\n else {\r\n this.chatLive = false;\r\n }\r\n }\r\n }\r\n}\r\n","\r\n \r\n","import { DatePipe } from '@angular/common';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'app-ncp-faq',\r\n templateUrl: './ncp-faq.component.html'\r\n})\r\nexport class NcpFAQComponent implements OnInit {\r\n chaturl = '';\r\n\r\n chatLive!: boolean;\r\n currentTime!: any;\r\n\r\n constructor(private datePipe: DatePipe) {\r\n this.chaturl = CommonSettings.ChatUrl;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.checkBusinessHours();\r\n }\r\n\r\n openChat() {\r\n window.open(this.chaturl, '', 'width=510, height=900');\r\n }\r\n\r\n checkBusinessHours() {\r\n var businessOpen = new Date();\r\n businessOpen.setHours(9, 0, 0); //8:00AM CST or 9:00AM EST\r\n this.datePipe.transform(businessOpen, 'EEEE h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"BUSINESS OPEN: \", businessOpen)\r\n\r\n var businessClose = new Date();\r\n businessClose.setHours(17, 30, 0); //4:30PM CST or 5:30PM EST\r\n this.datePipe.transform(businessClose, 'h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"BUSINESS CLOSE: \", businessClose)\r\n\r\n var currentTime = new Date();\r\n this.datePipe.transform(currentTime, 'EEEE h:mm:ss a zzzz', \"GMT -5\"); // Day Time Timezone\r\n //console.log(\"CURRENT TIME: \", currentTime);\r\n\r\n var currentDay = currentTime.toString().split(' ')[0];\r\n\r\n if (currentDay === \"Sat\" || currentDay === \"Sun\") {\r\n this.chatLive = false;\r\n }\r\n else {\r\n if (currentTime >= businessOpen && currentTime <= businessClose) {\r\n this.chatLive = true;\r\n }\r\n else {\r\n this.chatLive = false;\r\n }\r\n }\r\n }\r\n}\r\n","\r\n \r\n ","import { Component, OnInit } from '@angular/core';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-forgotpassword',\r\n templateUrl: './forgotpassword.component.html',\r\n})\r\nexport class ForgotPasswordComponent implements OnInit {\r\n pagetitle = 'Forgot Password';\r\n baseurl = '';\r\n\r\n constructor() {\r\n this.baseurl = CommonSettings.BaseApi;\r\n }\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n \r\n","import { StepperOrientation } from '@angular/cdk/stepper';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { FormGroup, FormBuilder, AbstractControl, Validators } from '@angular/forms';\r\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { IChallengeQuestion, ErrorHandlerService, ViewportService, RegisterLibraryService } from 'epay-library';\r\nimport { Router } from '@angular/router';\r\nimport { debounceTime } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'forgot-username-common',\r\n templateUrl: './forgot-username-common.component.html'\r\n})\r\nexport class ForgotUsernameCommonComponent implements OnInit {\r\n @Input() baseurl = '';\r\n\r\n isMobile = false;\r\n stepperOrientation: StepperOrientation = 'horizontal';\r\n\r\n errorMessage = '';\r\n userQuestion: any;\r\n loginErrorMessage = '';\r\n emailErrorMessage = '';\r\n accountSuccessMessage = '';\r\n accountErrorMessage = '';\r\n challengeSuccessMessage = '';\r\n challengeErrorMessage = '';\r\n displayUsername = '';\r\n isCheckingLogin = false;\r\n isCheckingAnswer = false;\r\n isValidAccount = false;\r\n isValidAnswer = false;\r\n passwordHide = true;\r\n\r\n questions: IChallengeQuestion[] = [];\r\n passwordFrmGp: FormGroup = new FormGroup({});\r\n securityFrmGp: FormGroup = new FormGroup({});\r\n submitFrmGp: FormGroup = new FormGroup({});\r\n\r\n passwordPattern = /(?=^[A-Za-z!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\\d]{8,12}$)(?=(.*[A-Za-z]){6})(?=(.*[!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~]){1})(?=(.*\\d){2})^.*/;\r\n\r\n loginPattern =\r\n /(?=^[A-Za-z\\d]{8,12}$)(?=(.*[A-Za-z]){6,8})(?=(.*\\d){2,4})^.*/;\r\n\r\n validationPasswordMessages: { [key: string]: string } = {\r\n required: 'Password is required.',\r\n };\r\n\r\n validationEmailMessages: { [key: string]: string } = {\r\n required: 'Email is required.',\r\n email: 'Email format is invalid.',\r\n notFound: 'Account is not found.',\r\n };\r\n\r\n validationChallengeMessages: { [key: string]: string } = {\r\n required: 'Answer is required.',\r\n notVerified: 'Challenge answer is incorrect.',\r\n };\r\n\r\n constructor(\r\n private formbuilder: FormBuilder,\r\n private router: Router,\r\n private errorHandlerService: ErrorHandlerService,\r\n private viewpointService: ViewportService,\r\n private registerService: RegisterLibraryService,\r\n public snackbar: MatSnackBar\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.loadFormGroups();\r\n const passwordCtrl = this.passwordFrmGp.get('password');\r\n const emailCtrl = this.passwordFrmGp.get('email');\r\n const answerCtrl = this.securityFrmGp.get('challengeAnswer');\r\n\r\n this.viewpointService.IsMobile.subscribe(\r\n (ismobile: boolean) => (this.isMobile = ismobile)\r\n );\r\n\r\n this.viewpointService.StepperOrient.subscribe(\r\n (orient) => (this.stepperOrientation = orient)\r\n );\r\n\r\n passwordCtrl!.valueChanges\r\n .pipe(debounceTime(200))\r\n .subscribe((currentPassword) => {\r\n this.resetAccountCheck();\r\n emailCtrl!.setErrors(null);\r\n emailCtrl!.updateValueAndValidity();\r\n if (\r\n (passwordCtrl!.touched || passwordCtrl!.dirty) &&\r\n passwordCtrl!.errors\r\n ) {\r\n this.loginErrorMessage = Object.keys(passwordCtrl!.errors)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n } else if (\r\n (emailCtrl!.touched || emailCtrl!.dirty) &&\r\n emailCtrl!.errors\r\n ) {\r\n this.emailErrorMessage = Object.keys(emailCtrl!.errors)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n } else if (\r\n (emailCtrl!.touched || emailCtrl!.dirty) &&\r\n !emailCtrl!.errors\r\n ) {\r\n this.isCheckingLogin = true;\r\n const user = {\r\n password: currentPassword,\r\n email: this.passwordFrmGp.get('email')!.value,\r\n };\r\n this.registerService\r\n .getUserChallengeQuestion(this.baseurl, user)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.setAccountMessage(passwordCtrl!, emailCtrl!, result);\r\n this.securityFrmGp.patchValue({\r\n challengeQuestion: result.challengeQuestion,\r\n });\r\n this.isCheckingLogin = false;\r\n },\r\n error: (error: any) => {\r\n this.resetAccountCheck();\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n });\r\n\r\n emailCtrl!.valueChanges\r\n .pipe(debounceTime(500))\r\n .subscribe((emailAddress) => {\r\n this.resetAccountCheck();\r\n if ((emailCtrl!.touched || emailCtrl!.dirty) && emailCtrl!.errors) {\r\n this.emailErrorMessage = Object.keys(emailCtrl!.errors)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n return;\r\n } else if (\r\n (passwordCtrl!.touched || passwordCtrl!.dirty) &&\r\n passwordCtrl!.errors\r\n ) {\r\n this.emailErrorMessage = Object.keys(passwordCtrl!.errors)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n return;\r\n } else if (\r\n (passwordCtrl!.touched || passwordCtrl!.dirty) &&\r\n !passwordCtrl!.errors\r\n ) {\r\n this.isCheckingLogin = true;\r\n const user = {\r\n password: this.passwordFrmGp.get('password')!.value,\r\n email: emailAddress,\r\n };\r\n this.registerService\r\n .getUserChallengeQuestion(this.baseurl, user)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.setAccountMessage(passwordCtrl!, emailCtrl!, result);\r\n this.securityFrmGp.patchValue({\r\n challengeQuestion: result.challengeQuestion,\r\n });\r\n this.isCheckingLogin = false;\r\n },\r\n error: (error: any) => {\r\n this.resetAccountCheck();\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n });\r\n\r\n answerCtrl!.valueChanges.pipe(debounceTime(500)).subscribe((answer) => {\r\n if ((answerCtrl!.touched || answerCtrl!.dirty) && answerCtrl!.errors) {\r\n this.emailErrorMessage = Object.keys(answerCtrl!.errors)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n } else {\r\n this.isCheckingAnswer = true;\r\n const answerObj = {\r\n password: this.passwordFrmGp.get('password')!.value,\r\n email: this.passwordFrmGp.get('email')!.value,\r\n answer: this.securityFrmGp.get('challengeAnswer')!.value,\r\n };\r\n this.registerService\r\n .validateChallengeAnswer(this.baseurl, answerObj)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.setChallengeMessage(answerCtrl!, result);\r\n this.isCheckingAnswer = false;\r\n },\r\n error: (error: any) => {\r\n this.resetChallengeCheck();\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n });\r\n }\r\n\r\n togglePasswordHide() {\r\n this.passwordHide = !this.passwordHide;\r\n }\r\n\r\n resetAccountCheck() {\r\n this.isValidAccount = false;\r\n this.isCheckingLogin = false;\r\n this.accountSuccessMessage = '';\r\n this.accountErrorMessage = '';\r\n this.emailErrorMessage = '';\r\n this.loginErrorMessage = '';\r\n this.userQuestion = '';\r\n }\r\n\r\n resetChallengeCheck() {\r\n this.isCheckingAnswer = false;\r\n this.securityFrmGp.patchValue({\r\n challengeAnswer: '',\r\n });\r\n }\r\n\r\n retrieveUsername() {\r\n if (this.securityFrmGp.valid) {\r\n const username = {\r\n validated: true,\r\n emailAddress: this.passwordFrmGp.get('email')!.value,\r\n password: this.passwordFrmGp.get('password')!.value,\r\n challengeAnswer: this.securityFrmGp.get('challengeAnswer')!.value,\r\n };\r\n this.registerService.forgotUsername(this.baseurl, username).subscribe({\r\n next: (result: any) => {\r\n this.displayUsername = result.loginID;\r\n },\r\n error: (error: any) => {\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n }\r\n\r\n setAccountMessage(\r\n passwordControl: AbstractControl,\r\n emailControl: AbstractControl,\r\n result: any\r\n ) {\r\n this.accountErrorMessage = '';\r\n this.accountSuccessMessage = '';\r\n\r\n if (passwordControl.dirty && emailControl.dirty) {\r\n this.isValidAccount = result.challengeQuestionIndex === -1 ? false : true;\r\n if (this.isValidAccount) {\r\n this.accountSuccessMessage = 'Account found.';\r\n } else {\r\n emailControl.setErrors({ notFound: true });\r\n this.accountErrorMessage = Object.keys(emailControl.errors!)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n setChallengeMessage(answerControl: AbstractControl, result: any) {\r\n if (answerControl.dirty || answerControl.touched) {\r\n this.isValidAnswer = result.verified;\r\n if (this.isValidAnswer) {\r\n this.challengeSuccessMessage = 'Correct!';\r\n } else {\r\n answerControl.setErrors({ notVerified: true });\r\n this.challengeErrorMessage = Object.keys(answerControl.errors!)\r\n .map((key) => this.validationChallengeMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n loadFormGroups() {\r\n this.passwordFrmGp = this.formbuilder.group({\r\n email: ['', [Validators.email, Validators.required]],\r\n password: [\r\n '',\r\n [Validators.required\r\n //, Validators.pattern(this.passwordPattern)\r\n ],\r\n ],\r\n });\r\n\r\n this.securityFrmGp = this.formbuilder.group({\r\n challengeQuestion: ['', Validators.required],\r\n challengeAnswer: ['', Validators.required],\r\n });\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n\r\n onSaveComplete() {\r\n this.passwordFrmGp.reset();\r\n this.securityFrmGp.reset();\r\n this.passwordFrmGp.reset();\r\n this.router.navigate(['login']);\r\n }\r\n\r\n goToLogin() {\r\n this.passwordFrmGp.reset();\r\n this.securityFrmGp.reset();\r\n this.passwordFrmGp.reset();\r\n this.router.navigateByUrl('login');\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n console.log(this.errorMessage);\r\n console.log('error', error);\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n\r\n","\r\n \r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService, ErrorHandlerService } from 'epay-library';\r\nimport { CommonSettings } from 'epay-library';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'epay-home',\r\n templateUrl: './home.component.html',\r\n})\r\nexport class HomeComponent implements OnInit {\r\n message1 = '';\r\n message2 = '';\r\n message3 = '';\r\n baseurl: string;\r\n empWebsiteCode: string;\r\n isIE = false;\r\n ieMessage = '';\r\n mobileMessage = '';\r\n deviceInfo: any;\r\n isMobile = false;\r\n isTablet = false;\r\n isDesktop = false;\r\n pagetitle = '';\r\n\r\n constructor(\r\n private router: Router,\r\n private authservice: AuthService,\r\n private errorHandlerService: ErrorHandlerService,\r\n private deviceService: DeviceDetectorService\r\n ) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.empWebsiteCode = CommonSettings.EmpWebsiteCode;\r\n this.pagetitle = 'SMART Missouri Child Support Home';\r\n }\r\n\r\n ngOnInit() {\r\n this.authservice\r\n .getWebsiteMessage(this.baseurl, this.empWebsiteCode)\r\n .subscribe({\r\n next: (message: any) => {\r\n if (message.length) {\r\n if (message[0].isActive === true) {\r\n this.message1 = message[0].messageText1;\r\n this.message2 = message[0].messageText2;\r\n this.message3 = message[0].messageText3;\r\n }\r\n } else {\r\n this.message1 = '';\r\n this.message2 = '';\r\n this.message3 = '';\r\n }\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n this.checkBrowser();\r\n this.checkDevice();\r\n }\r\n\r\n checkBrowser() {\r\n this.isIE = false;\r\n this.ieMessage = '';\r\n\r\n const match = navigator.userAgent.search(/(?:Edge|MSIE|Trident\\/.*; rv:)/);\r\n if (match !== -1) {\r\n this.isIE = true;\r\n }\r\n this.ieMessage = `You are using Internet Explorer.\r\n Some functions and tasks are not supported in this browser.\r\n Please switch to Chrome, Edge, or another modern browser.`;\r\n }\r\n\r\n checkDevice() {\r\n this.deviceInfo = this.deviceService.getDeviceInfo();\r\n this.isMobile = this.deviceService.isMobile();\r\n this.isTablet = this.deviceService.isTablet();\r\n this.isDesktop = this.deviceService.isDesktop();\r\n\r\n if (this.isMobile) {\r\n this.mobileMessage = `You are using a mobile device. Some functions and tasks are not supported\r\n using a mobile device. Please switch to a desktop for use of all functions.`;\r\n }\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n","\r\n \r\n \r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-howtos',\r\n templateUrl: './howtos.component.html'\r\n})\r\nexport class HowTosComponent implements OnInit {\r\n\r\n pagetitle = 'Missouri Child Support Website Help';\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService, ErrorHandlerService, CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-login',\r\n templateUrl: './login.component.html',\r\n})\r\nexport class LoginComponent implements OnInit {\r\n pagetitle = 'Login';\r\n creditCardMessage: string;\r\n loginType: string;\r\n tokenurl: string;\r\n baseurl: string;\r\n timeoutInMins: string;\r\n clientId: string;\r\n\r\n message1 = '';\r\n message2 = '';\r\n message3 = '';\r\n empWebsiteCode = '';\r\n\r\n constructor(\r\n private authservice: AuthService,\r\n private errorHandlerService: ErrorHandlerService\r\n ) {\r\n this.creditCardMessage = '';\r\n this.loginType = '';\r\n this.tokenurl = CommonSettings.TokenApi;\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.timeoutInMins = CommonSettings.TimeOutInMins;\r\n this.clientId = CommonSettings.ClientID;\r\n this.empWebsiteCode = CommonSettings.EmpWebsiteCode;\r\n }\r\n\r\n ngOnInit() {\r\n this.authservice\r\n .getWebsiteMessage(this.baseurl, this.empWebsiteCode)\r\n .subscribe({\r\n next: (message: any) => {\r\n if (message.length) {\r\n if (message[0].isActive === true) {\r\n this.message1 = message[0].messageText1;\r\n this.message2 = message[0].messageText2;\r\n this.message3 = message[0].messageText3;\r\n }\r\n } else {\r\n this.message1 = '';\r\n this.message2 = '';\r\n this.message3 = '';\r\n }\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n if (history.state.creditCardMessage) {\r\n this.creditCardMessage = history.state.creditCardMessage;\r\n } else {\r\n this.creditCardMessage = '';\r\n }\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Location } from '@angular/common';\r\nimport { AuthService, CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-logoutwarning',\r\n templateUrl: './logoutwarning.component.html',\r\n})\r\nexport class LogoutWarningComponent implements OnInit {\r\n pagetitle = '';\r\n\r\n constructor(\r\n private location: Location,\r\n private authservice: AuthService,\r\n public snackbar: MatSnackBar\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.pagetitle = 'Logout Warning';\r\n }\r\n\r\n stayLoggedIn() {\r\n this.location.back();\r\n }\r\n logout() {\r\n this.authservice.logout(CommonSettings.BaseApi);\r\n this.openSnackBar(\r\n 'You have been successfully logged out.',\r\n 3500,\r\n 'snackbar-success'\r\n );\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-privacypolicy',\r\n templateUrl: './privacypolicy.component.html'\r\n})\r\nexport class PrivacyPolicyComponent implements OnInit {\r\n pagetitle = 'Privacy Policy';\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\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\n\r\n@Component({\r\n selector: 'epay-register',\r\n templateUrl: './register.component.html'\r\n})\r\nexport class RegisterComponent implements OnInit {\r\n pagetitle = 'New Account Registration'\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-securitypolicy',\r\n templateUrl: './securitypolicy.component.html'\r\n})\r\nexport class SecurityPolicyComponent implements OnInit {\r\n pagetitle = 'Security Measures';\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { EmployerService } from '../../../employer/services/employer.service';\r\nimport { ViewportService } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-termsandconditions',\r\n templateUrl: './termsandconditions.component.html'\r\n})\r\nexport class TermsAndConditionsComponent implements OnInit {\r\n pagetitle = 'Terms and Conditions'\r\n terms = '';\r\n\r\n isMobile = false;\r\n\r\n constructor(\r\n private employerService: EmployerService,\r\n private viewpointService: ViewportService,) { }\r\n\r\n ngOnInit() {\r\n this.employerService.getEmployerTerms().subscribe(\r\n (result: any) => {\r\n this.terms = result;\r\n }\r\n );\r\n\r\n this.viewpointService.IsMobile.subscribe(\r\n (ismobile: boolean) => this.isMobile = ismobile\r\n );\r\n }\r\n\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-webaccessibility',\r\n templateUrl: './webaccessibility.component.html'\r\n})\r\nexport class WebAccessibilityComponent implements OnInit {\r\n pagetitle = 'Accessibility';\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { EmployerService } from '../../../services/employer.service';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-achd-information',\r\n templateUrl: './achd-information.component.html'\r\n})\r\nexport class EMPACHDInformationComponent implements OnInit {\r\n pagetitle = 'ACH Debit Infomation'\r\n achdInfo = '';\r\n baseurl = '';\r\n\r\n constructor(private employerService: EmployerService) { }\r\n\r\n ngOnInit() {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.employerService.getACHDInfo().subscribe(\r\n result => {\r\n this.achdInfo = result;\r\n }\r\n );\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService, CommonSettings, PhoneHelperService, ViewportService } from 'epay-library';\r\nimport { RegisterLibraryService } from 'epay-library';\r\nimport { ConfirmDialogModel, ConfirmDialogComponent } from 'epay-library';\r\nimport { Router } from '@angular/router';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { PaymentService } from 'epay-library';\r\nimport { DatePipe } from '@angular/common';\r\n\r\nimport { EMPLOYER_PROFILE_SETTINGS_URL } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-achd-landing',\r\n templateUrl: './achd.landing.component.html',\r\n})\r\nexport class EMPACHDLandingComponent implements OnInit {\r\n pagetitle = 'ACH Debit Home';\r\n paymentaccounts: any[] = [];\r\n username = '';\r\n usertype = '';\r\n isManager = '';\r\n numOfUsers = 0;\r\n accountKeys: string[];\r\n isLoggedIn = false;\r\n isLoading = false;\r\n accountAddress = '';\r\n accountCSZ = '';\r\n accountEmail = '';\r\n accountPhone = '';\r\n employerName = '';\r\n baseurl = '';\r\n numOfDaysForPaymentHistory: number;\r\n setupresult = '';\r\n isPaymentAccountSetup = false;\r\n hasSecondaryAccount = false;\r\n isMobile = false;\r\n showParticipantCase = false;\r\n phoneMask = '';\r\n countryId = '';\r\n\r\n confirmationSender = '';\r\n confirmationTitle = '';\r\n confirmationMessage = '';\r\n confirmationNumber = '';\r\n goToPrimary = '';\r\n goToPrimaryUrl = '';\r\n openConfirmation = false;\r\n\r\n profileSettingsUrl = EMPLOYER_PROFILE_SETTINGS_URL;\r\n\r\n constructor(\r\n private authservice: AuthService,\r\n private paymentservice: PaymentService,\r\n private viewpointService: ViewportService,\r\n private dialog: MatDialog,\r\n private datepipe: DatePipe,\r\n private router: Router,\r\n private phoneHelperService: PhoneHelperService\r\n ) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.numOfDaysForPaymentHistory =\r\n +CommonSettings.NumOfDaysForPaymentHistory;\r\n this.accountKeys = [];\r\n this.showParticipantCase = true;\r\n }\r\n\r\n ngOnInit() {\r\n this.authservice.currentUserName.subscribe(\r\n (name: string) => (this.username = name.toUpperCase())\r\n );\r\n this.authservice.currentUserType.subscribe(\r\n (type: string) => (this.usertype = type)\r\n );\r\n this.authservice.currentAccountAddress.subscribe((address: string) => {\r\n this.accountAddress = address;\r\n this.countryId = address.slice(-2);\r\n this.setPhoneMask(this.countryId)!;\r\n console.log(this.countryId + ' ' + this.phoneMask);\r\n });\r\n this.authservice.currentAccountPhone.subscribe(\r\n (phone: string) => (this.accountPhone = phone)\r\n );\r\n this.authservice.currentAccountEmail.subscribe(\r\n (email: string) => (this.accountEmail = email)\r\n );\r\n this.authservice.currentEmployerName.subscribe(\r\n (empName: string) => (this.employerName = empName)\r\n );\r\n this.authservice.currentUserAccountManager.subscribe(\r\n (manager: string) => (this.isManager = manager)\r\n );\r\n this.authservice.currentNumberofAccountUsers.subscribe(\r\n (acctCount: string) => (this.numOfUsers = +acctCount)\r\n );\r\n\r\n this.viewpointService.IsMobile.subscribe(\r\n (mobile: any) => (this.isMobile = mobile)\r\n );\r\n\r\n this.paymentservice\r\n .getPaymentAccounts(this.baseurl)\r\n .subscribe((accounts: any) => {\r\n this.paymentaccounts = this.filterOldAccount(accounts);\r\n if (this.paymentaccounts.length === 0) {\r\n this.isPaymentAccountSetup = false;\r\n setTimeout(() => {\r\n this.setupPaymentAccount();\r\n }, 3000);\r\n } else {\r\n this.isPaymentAccountSetup = true;\r\n }\r\n });\r\n }\r\n\r\n setPhoneMask(regionCode: string) {\r\n this.phoneMask = this.phoneHelperService.getMask(regionCode);\r\n }\r\n\r\n setupPaymentAccount() {\r\n if (sessionStorage.getItem('askForBankAccount') !== 'false') {\r\n const message = `You do not have a Bank Account setup. Would you like to add one now?`;\r\n const acctdetail = '';\r\n const dialogData = new ConfirmDialogModel(\r\n 'Setup Bank Account',\r\n message,\r\n acctdetail,\r\n '',\r\n '',\r\n '',\r\n ''\r\n );\r\n\r\n const dialogRef = this.dialog.open(ConfirmDialogComponent, {\r\n maxWidth: '600px',\r\n data: dialogData,\r\n });\r\n\r\n dialogRef.afterClosed().subscribe({\r\n next: (dialogResult: any) => (this.setupresult = dialogResult),\r\n error: (error: any) => console.log(error),\r\n complete: () => {\r\n if (this.setupresult) {\r\n this.router.navigate(['employer/achd/paymentaccounts']);\r\n } else {\r\n sessionStorage.setItem('askForBankAccount', 'false');\r\n this.router.navigate(['employer/home']);\r\n }\r\n },\r\n });\r\n }\r\n }\r\n\r\n filterOldAccount(accounts: any[]) {\r\n return accounts.filter(\r\n (account) =>\r\n this.datepipe.transform(account.inactiveDate, 'yyyy-MM-dd') ===\r\n '9999-12-31'\r\n );\r\n }\r\n\r\n displayConfirmationPage(result: any) {\r\n if (result.success) {\r\n this.confirmationSender = result.sender;\r\n this.confirmationTitle = 'Success';\r\n this.confirmationMessage = result.message;\r\n this.confirmationNumber = result.confirmationNumber;\r\n this.goToPrimaryUrl = 'employer/home';\r\n this.goToPrimary = 'Home';\r\n this.openConfirmation = true;\r\n }\r\n }\r\n\r\n hideConfirmationPage(result: any) {\r\n this.openConfirmation = !result.hideConfirmation;\r\n }\r\n\r\n // goToProfile() {\r\n // this.router.navigate(['/employer/profile']);\r\n // }\r\n\r\n goToPaymentAccounts() {\r\n this.router.navigate(['employer/paymentaccounts']);\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { PaymentService, AuthService, ErrorHandlerService, ViewportService } from 'epay-library';\r\nimport { IPaymentAccount } from 'epay-library/lib/features/common/models/payment/paymentaccount';\r\nimport { IEMPPaymentHistory } from 'epay-library/lib/features/employer/models/payment/achd/employerPaymentHistory';\r\n\r\n@Component({\r\n selector: 'emp-payment-history-common',\r\n templateUrl: './emppayment-history-common.component.html',\r\n})\r\nexport class EMPPaymentHistoryCommonComponent implements OnInit {\r\n @Input() baseurl = '';\r\n @Input() secondaryIdAlias = '';\r\n @Input() accountKeys: string[] = [];\r\n @Input() numOfDaysForPaymentHistory = 0;\r\n @Input() showParticipantCase = false;\r\n\r\n paymentHistoryHeaders: string[] = [];\r\n payorHistoryHeaders: string[] = [];\r\n paymentaccounts: IPaymentAccount[];\r\n payments: IEMPPaymentHistory[];\r\n errorMessage = '';\r\n isLoggedIn = false;\r\n payorType = '';\r\n isLoadingPaymemtHistory = false;\r\n isMobile = false;\r\n disableExpansion = false;\r\n\r\n constructor(\r\n private paymentService: PaymentService,\r\n private authservice: AuthService,\r\n private errorHandlerService: ErrorHandlerService,\r\n private viewpointService: ViewportService\r\n ) {\r\n this.paymentaccounts = [];\r\n this.payments = [];\r\n this.accountKeys = [];\r\n }\r\n\r\n ngOnInit() {\r\n if (this.showParticipantCase) {\r\n this.payorHistoryHeaders = [\r\n 'Last Name',\r\n 'First Name',\r\n 'Case #',\r\n 'SSN',\r\n 'Amount',\r\n ];\r\n } else {\r\n this.payorHistoryHeaders = ['Last Name', 'First Name', 'SSN', 'Amount'];\r\n }\r\n\r\n if (this.secondaryIdAlias !== '') {\r\n this.payorHistoryHeaders = [\r\n 'Last Name',\r\n 'First Name',\r\n this.secondaryIdAlias,\r\n 'SSN',\r\n 'Amount',\r\n ];\r\n }\r\n\r\n this.authservice.currentUserType\r\n .subscribe((type) => (this.payorType = type))\r\n .unsubscribe();\r\n\r\n this.authservice.isLoggedIn\r\n .subscribe((status) => (this.isLoggedIn = status))\r\n .unsubscribe();\r\n\r\n if (this.isLoggedIn) {\r\n this.isLoadingPaymemtHistory = true;\r\n this.paymentService.getPaymentAccounts(this.baseurl).subscribe({\r\n next: (accounts: any) => {\r\n this.paymentaccounts = accounts;\r\n },\r\n error: (error: any) => {\r\n this.errorMessage = error as any;\r\n this.isLoadingPaymemtHistory = false;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n complete: () => {\r\n this.paymentaccounts.forEach((key) => {\r\n this.paymentService\r\n .getPaymentHistory(\r\n this.baseurl,\r\n key.scheduledPaymentAccountKey,\r\n this.numOfDaysForPaymentHistory\r\n )\r\n .subscribe({\r\n next: (payments: any) => {\r\n\r\n this.payments = this.filterPrenotes(payments);\r\n\r\n // this.payments = this.payments.concat(\r\n // this.filterPrenotes(payments)\r\n // );\r\n\r\n this.isLoadingPaymemtHistory = false;\r\n },\r\n error: (error: any) => {\r\n this.errorMessage = error as any;\r\n this.isLoadingPaymemtHistory = false;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n });\r\n },\r\n });\r\n this.isLoadingPaymemtHistory = false;\r\n }\r\n\r\n this.viewpointService.IsMobile.subscribe((mobile) => {\r\n this.isMobile = mobile;\r\n if (this.isMobile) {\r\n this.paymentHistoryHeaders = ['Date', 'Bank Name', 'Amount'];\r\n } else {\r\n this.paymentHistoryHeaders = [\r\n 'Date',\r\n 'Nickname',\r\n 'Bank Name',\r\n 'Account',\r\n 'Amount',\r\n 'Frequency',\r\n ];\r\n }\r\n });\r\n }\r\n\r\n filterPrenotes(payments: IEMPPaymentHistory[]) {\r\n //return payments.filter((x) => x.scheduleFrequency !== 'PRN');\r\n payments = payments.sort((a, b) =>\r\n a.wiDate > b.wiDate ? -1 : 1\r\n );\r\n return payments;\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n console.log(this.errorMessage);\r\n console.log('error', error);\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-paymentaccountlist',\r\n templateUrl: './paymentaccountlist.component.html'\r\n})\r\nexport class EMPPaymentAccountListComponent implements OnInit {\r\n pagetitle = 'ACH Debit Bank Accounts';\r\n baseurl: string;\r\n routingHelpImage: string;\r\n\r\n constructor() {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.routingHelpImage = '../../../../assets/help/aba.jpg';\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService, PhoneHelperService, ViewportService } from 'epay-library';\r\nimport { CommonSettings } from 'epay-library';\r\nimport { Router } from '@angular/router';\r\n\r\nimport { EMPLOYER_PROFILE_SETTINGS_URL } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-creditcard-landing',\r\n templateUrl: './creditcard.landing.component.html',\r\n})\r\nexport class EMPCreditCardLandingComponent implements OnInit {\r\n pagetitle = 'Employer: Create Credit Card Payment';\r\n baseurl = '';\r\n daysToShowCCHistory: number;\r\n username = '';\r\n usertype = '';\r\n isManager = '';\r\n numOfUsers = 0;\r\n accountKeys: string[] = [];\r\n isLoggedIn = false;\r\n isLoading = false;\r\n accountAddress = '';\r\n accountCSZ = '';\r\n accountEmail = '';\r\n accountPhone = '';\r\n employerName = '';\r\n employerEin = '';\r\n isMobile = false;\r\n profileSettingsUrl = EMPLOYER_PROFILE_SETTINGS_URL;\r\n phoneMask = '';\r\n countryId = '';\r\n\r\n constructor(\r\n private authservice: AuthService,\r\n private router: Router,\r\n private viewpointService: ViewportService,\r\n private phoneHelperService: PhoneHelperService\r\n ) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.daysToShowCCHistory = +CommonSettings.DaysToShowEFTFileHistory;\r\n }\r\n\r\n ngOnInit() {\r\n this.authservice.isLoggedIn.subscribe(\r\n (status: any) => (this.isLoggedIn = status)\r\n );\r\n if (this.isLoggedIn) {\r\n this.authservice.currentUserName.subscribe(\r\n (name: string) => (this.username = name.toUpperCase())\r\n );\r\n this.authservice.currentUserType.subscribe(\r\n (type: string) => (this.usertype = type)\r\n );\r\n this.authservice.currentAccountAddress.subscribe((address: string) => {\r\n this.accountAddress = address;\r\n this.countryId = address.slice(-2);\r\n this.setPhoneMask(this.countryId)!;\r\n console.log(this.countryId + ' ' + this.phoneMask);\r\n });\r\n this.authservice.currentAccountPhone.subscribe(\r\n (phone: string) => (this.accountPhone = phone)\r\n );\r\n this.authservice.currentAccountEmail.subscribe(\r\n (email: string) => (this.accountEmail = email)\r\n );\r\n this.authservice.currentEmployerName.subscribe(\r\n (empName: string) => (this.employerName = empName)\r\n );\r\n this.authservice.currentUserAccountManager.subscribe(\r\n (manager: string) => (this.isManager = manager)\r\n );\r\n this.authservice.currentNumberofAccountUsers.subscribe(\r\n (acctCount: string) => (this.numOfUsers = +acctCount)\r\n );\r\n this.authservice.currentEmployerEIN.subscribe(\r\n (ein: string) => (this.employerEin = ein)\r\n );\r\n }\r\n this.viewpointService.IsMobile.subscribe(\r\n (mobile: any) => (this.isMobile = mobile)\r\n );\r\n }\r\n\r\n goToProfile() {\r\n this.router.navigate([EMPLOYER_PROFILE_SETTINGS_URL]);\r\n }\r\n\r\n setPhoneMask(regionCode: string) {\r\n this.phoneMask = this.phoneHelperService.getMask(regionCode);\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { EmployerService } from '../../../services/employer.service';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-creditcard',\r\n templateUrl: './creditcard.payment.component.html'\r\n})\r\nexport class EMPCreditCardPaymentComponent implements OnInit {\r\n pagetitle = 'Employer: Create Credit Card Payment';\r\n baseurl= '';\r\n clientName= '';\r\n termsContent= '';\r\n creditCardUrl= '';\r\n creditCardOriginKey= '';\r\n validateCaseNumber = false;\r\n allowZeroAmount = false;\r\n isMobile = false;\r\n creditCardVendorId = 0;\r\n creditCardDisclaimer = '';\r\n fortPointStateCode = '';\r\n\r\n constructor(private employerService: EmployerService) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.clientName = CommonSettings.ClientName;\r\n this.validateCaseNumber = true;\r\n this.allowZeroAmount = false;\r\n this.creditCardVendorId = CommonSettings.CreditCardVendorID;\r\n }\r\n\r\n ngOnInit() {\r\n this.employerService.getEmployerTerms().subscribe(\r\n result => {\r\n this.termsContent = result;\r\n }\r\n );\r\n\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { EmployerService } from '../../../../employer/services/employer.service';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-createfile',\r\n templateUrl: './createfile.component.html',\r\n})\r\nexport class EMPEFTCreateFileComponent implements OnInit {\r\n pagetitle = 'Employer: Create ACH Credit File';\r\n baseurl = '';\r\n clientName = '';\r\n termsContent = '';\r\n routingHelpImage = '';\r\n isMobile = false;\r\n\r\n constructor(private employerService: EmployerService) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.clientName = CommonSettings.ClientName;\r\n this.routingHelpImage = '../../../../assets/help/aba.jpg';\r\n }\r\n\r\n ngOnInit() {\r\n this.employerService.getEmployerTerms().subscribe((result) => {\r\n this.termsContent = result;\r\n });\r\n }\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { EmployerService } from '../../../services/employer.service';\r\n\r\n@Component({\r\n selector: 'epay-eft-information',\r\n templateUrl: './eft-information.component.html'\r\n})\r\nexport class EMPEFTInformationComponent implements OnInit {\r\n pagetitle = 'ACH Credit (EFT/EDI)';\r\n eftInfo= '';\r\n\r\n constructor(private employerService: EmployerService) { }\r\n\r\n ngOnInit() {\r\n this.employerService.getEFTInfo().subscribe(\r\n result => {\r\n this.eftInfo = result;\r\n }\r\n );\r\n }\r\n\r\n}\r\n","\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService, PhoneHelperService, ViewportService } from 'epay-library';\r\nimport { Router } from '@angular/router';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { PaymentService } from 'epay-library';\r\nimport { DatePipe } from '@angular/common';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\nimport { EMPLOYER_PROFILE_SETTINGS_URL } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-eft-landing',\r\n templateUrl: './eft.landing.component.html',\r\n})\r\nexport class EMPEFTLandingComponent implements OnInit {\r\n pagetitle = 'ACH Credit EFT/EDI';\r\n paymentaccounts: any[] = [];\r\n username = '';\r\n usertype = '';\r\n isManager = '';\r\n numOfUsers = 0;\r\n accountKeys: string[] = [];\r\n isLoggedIn = false;\r\n isLoading = false;\r\n accountAddress = '';\r\n accountCSZ = '';\r\n accountEmail = '';\r\n accountPhone = '';\r\n employerName = '';\r\n baseurl = '';\r\n daysToShowEFTFileHistory: number;\r\n setupresult = '';\r\n isPaymentAccountSetup = false;\r\n isMobile = false;\r\n phoneMask = '';\r\n countryId = '';\r\n\r\n confirmationTitle = '';\r\n confirmationMessage = '';\r\n confirmationNumber = '';\r\n goToPrimary = '';\r\n goToPrimaryUrl = '';\r\n openConfirmation = false;\r\n\r\n profileSettingsUrl = EMPLOYER_PROFILE_SETTINGS_URL;\r\n\r\n constructor(\r\n private authservice: AuthService,\r\n private paymentservice: PaymentService,\r\n private dialog: MatDialog,\r\n private datepipe: DatePipe,\r\n private router: Router,\r\n private viewpointService: ViewportService,\r\n private phoneHelperService: PhoneHelperService\r\n ) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.daysToShowEFTFileHistory = +CommonSettings.DaysToShowEFTFileHistory;\r\n this.accountKeys = [];\r\n }\r\n\r\n ngOnInit() {\r\n this.authservice.isLoggedIn.subscribe(\r\n (status: any) => (this.isLoggedIn = JSON.parse(status))\r\n );\r\n if (this.isLoggedIn) {\r\n this.authservice.currentUserName.subscribe(\r\n (name: string) => (this.username = name.toUpperCase())\r\n );\r\n this.authservice.currentUserType.subscribe(\r\n (type: string) => (this.usertype = type)\r\n );\r\n this.authservice.currentAccountAddress.subscribe((address: string) => {\r\n this.accountAddress = address;\r\n this.countryId = address.slice(-2);\r\n this.setPhoneMask(this.countryId)!;\r\n console.log(this.countryId + ' ' + this.phoneMask);\r\n });\r\n this.authservice.currentAccountPhone.subscribe(\r\n (phone: string) => (this.accountPhone = phone)\r\n );\r\n this.authservice.currentAccountEmail.subscribe(\r\n (email: string) => (this.accountEmail = email)\r\n );\r\n this.authservice.currentEmployerName.subscribe(\r\n (empName: string) => (this.employerName = empName)\r\n );\r\n this.authservice.currentUserAccountManager.subscribe(\r\n (manager: string) => (this.isManager = manager)\r\n );\r\n this.authservice.currentNumberofAccountUsers.subscribe(\r\n (acctCount: string) => (this.numOfUsers = +acctCount)\r\n );\r\n }\r\n this.viewpointService.IsMobile.subscribe(\r\n (mobile: any) => (this.isMobile = mobile)\r\n );\r\n }\r\n\r\n goToProfile() {\r\n this.router.navigate(['/employer/profile']);\r\n }\r\n\r\n setPhoneMask(regionCode: string) {\r\n this.phoneMask = this.phoneHelperService.getMask(regionCode);\r\n }\r\n}\r\n","\r\n \r\n \r\n\r\n \r\n","import { Component, OnInit } from '@angular/core';\r\nimport { EmployerService } from '../../services/employer.service';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-home',\r\n templateUrl: './home.component.html'\r\n})\r\nexport class EMPHomeComponent implements OnInit {\r\n pagetitle = 'Review Payment Methods';\r\n achdInfo = '';\r\n eftInfo = '';\r\n baseurl = '';\r\n\r\n constructor(private employerService: EmployerService) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n }\r\n\r\n ngOnInit() {\r\n this.employerService.getACHDInfo().subscribe(\r\n result => {\r\n this.achdInfo = result;\r\n }\r\n );\r\n this.employerService.getEFTInfo().subscribe(\r\n result => {\r\n this.eftInfo = result;\r\n }\r\n );\r\n }\r\n}\r\n","\r\n \r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { AbstractControl, FormControl, FormGroupDirective, NgForm, FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { IChallengeQuestion, ErrorHandlerService, AuthService, RegisterLibraryService, ConfirmDialogModel, ConfirmDialogComponent } from 'epay-library';\r\nimport { Router } from '@angular/router';\r\nimport { debounceTime } from 'rxjs';\r\n\r\nfunction passwordMatcher(\r\n c: AbstractControl\r\n): { [key: string]: boolean } | null {\r\n const password1Ctrl = c.get('newPassword1');\r\n const password2Ctrl = c.get('newPassword2');\r\n if (password1Ctrl === null || password2Ctrl === null) {\r\n return null;\r\n }\r\n if (password1Ctrl.pristine || password2Ctrl.pristine) {\r\n return null;\r\n }\r\n if (password1Ctrl.value === password2Ctrl.value) {\r\n return null;\r\n }\r\n return { doNotMatch: true };\r\n}\r\n\r\n/** Error when the parent is invalid */\r\nclass CrossFieldErrorMatcher implements ErrorStateMatcher {\r\n isErrorState(\r\n control: FormControl | null,\r\n form: FormGroupDirective | NgForm | null\r\n ): boolean {\r\n if (control) {\r\n return (control.dirty || control.touched) && control.parent!.invalid;\r\n }\r\n return false;\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'employer-profile-security',\r\n templateUrl: './employer-profile-security.component.html'\r\n})\r\nexport class EmployerProfileSecurityComponent implements OnInit {\r\n @Input() baseurl = '';\r\n @Input() useEmailForLogin: any;\r\n @Output() profileConfirmationEmitter = new EventEmitter<{\r\n success: boolean;\r\n restart: boolean;\r\n message: string;\r\n confirmationNumber: string;\r\n }>();\r\n\r\n @Input() newEmailFromLogin: any;\r\n\r\n errorMatcher = new CrossFieldErrorMatcher();\r\n loginFrmGp: FormGroup = new FormGroup({});\r\n passwordFrmGp: FormGroup = new FormGroup({});\r\n username = '';\r\n email = '';\r\n userNumber = 0;\r\n questions: IChallengeQuestion[] = [];\r\n selectedChallengeQuestion = '';\r\n errorMessage = '';\r\n currentLoginErrorMessage = '';\r\n currentLoginPasswordErrorMessage = '';\r\n currentChangePasswordErrorMessage = '';\r\n newChangePasswordErrorMessage = '';\r\n newChangeConfirmPasswordErrorMessage = '';\r\n newLoginErrorMessage = '';\r\n newLoginSuccessMessage = '';\r\n updateLoginDialogresult = '';\r\n isCheckingLogin = false;\r\n isValidLogin = false;\r\n isValidPassword = false;\r\n currentLoginPasswordHide = true;\r\n currentChangePasswordHide = true;\r\n newChangePasswordHide = true;\r\n newChangeConfirmPasswordHide = true;\r\n\r\n passwordHintMessage =\r\n 'Must contain at least 6 letters, 2 numbers, and one special character with a maximum length of 12 characters.';\r\n\r\n hintMessageUsingEmail = ' Please enter a valid email.';\r\n\r\n passwordPattern = /(?=^[A-Za-z!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\\d]{8,12}$)(?=(.*[A-Za-z]){6})(?=(.*[!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~]){1})(?=(.*\\d){2})^.*/;\r\n\r\n loginPattern =\r\n /(?=^[A-Za-z\\d]{8,12}$)(?=(.*[A-Za-z]){6,8})(?=(.*\\d){2,4})^.*/;\r\n emailPattern = /\\S+@\\S+\\.\\S+/;\r\n\r\n validationLoginIdMessages: { [key: string]: string } = {\r\n required: 'Required.',\r\n pattern: '',\r\n isCurrent: '',\r\n notCurrentLogin: '',\r\n isDuplicate: '',\r\n isNotValid: '',\r\n };\r\n\r\n validationPasswordMessages: { [key: string]: string } = {\r\n required: 'Required.',\r\n pattern:\r\n 'Invalid Password. Must contain at least 6 letters, 2 numbers, and one special character with a maximum length of 12 characters.',\r\n isSameAsLogin: 'Invalid format. Password cannot be same as username.',\r\n isNotValid: 'Username/password combination is invalid',\r\n };\r\n\r\n constructor(\r\n private formbuilder: FormBuilder,\r\n private router: Router,\r\n private errorHandlerService: ErrorHandlerService,\r\n private authService: AuthService,\r\n private registerService: RegisterLibraryService,\r\n public snackbar: MatSnackBar,\r\n public dialog: MatDialog //private accountInfo: EMPLibraryProfileAccountComponent\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.loadFormGroups();\r\n this.getChallengeQuestions();\r\n this.authService.currentLoginId.subscribe(\r\n (username: any) => (this.username = username)\r\n );\r\n this.authService.currentAccountEmail.subscribe(\r\n (email: any) => (this.email = email)\r\n );\r\n this.authService.currentUserNumber.subscribe(\r\n (num) => (this.userNumber = +num)\r\n );\r\n const currentLoginCtrl = this.loginFrmGp.get('currentLoginId');\r\n const newloginCtrl = this.loginFrmGp.get('newLoginId');\r\n const currentLoginPasswordCtrl = this.loginFrmGp.get('currentPassword');\r\n\r\n // Error messages\r\n if (this.useEmailForLogin) {\r\n //this.validationLoginIdMessages[\"required\"] = 'Required.';\r\n this.validationLoginIdMessages['pattern'] =\r\n 'Invalid format. Please enter a valid Email.';\r\n this.validationLoginIdMessages['isCurrent'] =\r\n 'Email is your current username.';\r\n this.validationLoginIdMessages['notCurrentLogin'] =\r\n 'This is not your current Email.';\r\n this.validationLoginIdMessages['isDuplicate'] =\r\n 'Email is NOT available. ';\r\n this.validationLoginIdMessages['isNotValid'] =\r\n 'Email & Password combination is invalid';\r\n } else {\r\n //this.validationLoginIdMessages[\"required\"] = 'Required.';\r\n this.validationLoginIdMessages['pattern'] =\r\n 'Invalid format. Please enter a valid Username.';\r\n this.validationLoginIdMessages['isCurrent'] =\r\n 'Username is your current username.';\r\n this.validationLoginIdMessages['notCurrentLogin'] =\r\n 'This is not your current Username.';\r\n this.validationLoginIdMessages['isDuplicate'] =\r\n 'Username is NOT available. ';\r\n this.validationLoginIdMessages['isNotValid'] =\r\n 'Username & Password combination is invalid';\r\n }\r\n\r\n // Switch validators based on user-type\r\n if (this.useEmailForLogin) {\r\n this.loginFrmGp.clearValidators();\r\n this.loginFrmGp\r\n .get('currentLoginId')\r\n ?.setValidators([\r\n Validators.required,\r\n Validators.pattern(this.emailPattern),\r\n ]);\r\n this.loginFrmGp\r\n .get('newLoginId')\r\n ?.setValidators([\r\n Validators.required,\r\n Validators.pattern(this.emailPattern),\r\n ]);\r\n } else {\r\n this.loginFrmGp.clearValidators();\r\n this.loginFrmGp\r\n .get('currentLoginId')\r\n ?.setValidators([\r\n Validators.required,\r\n Validators.pattern(this.loginPattern),\r\n ]);\r\n this.loginFrmGp\r\n .get('newLoginId')\r\n ?.setValidators([\r\n Validators.required,\r\n Validators.pattern(this.loginPattern),\r\n ]);\r\n }\r\n\r\n this.loginFrmGp.updateValueAndValidity();\r\n\r\n currentLoginCtrl!.valueChanges\r\n .pipe(debounceTime(1000))\r\n .subscribe((currentLogin) =>\r\n this.setCurrentLoginMessage(currentLoginCtrl!, currentLogin)\r\n );\r\n\r\n currentLoginPasswordCtrl!.valueChanges\r\n .pipe(debounceTime(1000))\r\n .subscribe((passwrd) =>\r\n this.setCurrentLoginPasswordMessage(currentLoginPasswordCtrl!)\r\n );\r\n\r\n newloginCtrl!.valueChanges\r\n .pipe(debounceTime(1000))\r\n .subscribe((newlogin) =>\r\n this.setNewLoginMessage(newloginCtrl!, newlogin)\r\n );\r\n }\r\n\r\n updateLogin() {\r\n if (this.loginFrmGp.valid) {\r\n const message = `This action will force a Logout. Are you sure you want to change your username?`;\r\n const acctdetail =\r\n 'New Username: ' + this.loginFrmGp.get('newLoginId')!.value;\r\n const dialogData = new ConfirmDialogModel(\r\n 'Confirm Changing Username',\r\n message,\r\n acctdetail,\r\n '',\r\n '',\r\n '',\r\n ''\r\n );\r\n const dialogRef = this.dialog.open(ConfirmDialogComponent, {\r\n maxWidth: '700px',\r\n data: dialogData,\r\n });\r\n dialogRef.afterClosed().subscribe({\r\n next: (dialogResult: any) => {\r\n this.updateLoginDialogresult = dialogResult;\r\n },\r\n error: (error: any) => {\r\n console.log(error);\r\n },\r\n complete: () => {\r\n if (this.updateLoginDialogresult) {\r\n if (this.loginFrmGp.valid) {\r\n if (this.loginFrmGp.dirty) {\r\n const loginData = {\r\n loginId: this.loginFrmGp.get('newLoginId')!.value,\r\n password: this.loginFrmGp.get('currentPassword')!.value,\r\n };\r\n this.registerService\r\n .changeLoginId(this.baseurl, loginData)\r\n .subscribe({\r\n next: (result: any) => {\r\n if (result.errorMessage) {\r\n const currentLoginPasswordCtrl =\r\n this.loginFrmGp.get('currentPassword');\r\n currentLoginPasswordCtrl!.setErrors({\r\n isNotValid: true,\r\n });\r\n this.setCurrentLoginPasswordMessage(\r\n currentLoginPasswordCtrl!\r\n );\r\n // this.openSnackBar('Incorrect username/password.', 5000, 'snackbar-error');\r\n }\r\n\r\n if (this.loginFrmGp.get('updateEmail')!.value === true) {\r\n // else-if checkbox --> RegisterSerivce.updateUser\r\n const updateAccount = {\r\n firstName: '',\r\n middleName: '',\r\n lastName: '',\r\n address1: '',\r\n address2: '',\r\n city: '',\r\n state: '',\r\n zip5: '',\r\n zip4: '',\r\n countryCode: '',\r\n phone: '',\r\n phoneExt: '',\r\n email: this.loginFrmGp.get('newLoginId')!.value,\r\n };\r\n this.registerService\r\n .updateUserAccount(\r\n this.baseurl,\r\n updateAccount,\r\n this.userNumber\r\n )\r\n .subscribe({\r\n next: (result: any) => {\r\n this.profileConfirmationEmitter.emit({\r\n success: true,\r\n restart: true,\r\n message:\r\n 'Username & Email changed to ' +\r\n loginData.loginId +\r\n '.',\r\n confirmationNumber: result.confirmationNumber,\r\n });\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n } else {\r\n this.profileConfirmationEmitter.emit({\r\n success: true,\r\n restart: true,\r\n message:\r\n 'Username changed to ' + loginData.loginId + '.',\r\n confirmationNumber: result.confirmationNumber,\r\n });\r\n }\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n }\r\n }\r\n },\r\n });\r\n }\r\n }\r\n\r\n updatePassword() {\r\n if (this.passwordFrmGp.valid) {\r\n if (this.passwordFrmGp.dirty) {\r\n const passwrdData = {\r\n oldPassword: this.passwordFrmGp.get('currentPassword')!.value,\r\n newPassword: this.passwordFrmGp.get('newPassword1')!.value,\r\n confirmNewPassword: this.passwordFrmGp.get('newPassword2')!.value,\r\n };\r\n this.registerService\r\n .resetPassword(this.baseurl, passwrdData)\r\n .subscribe({\r\n next: (result: any) => {\r\n if (result.errorMessage) {\r\n this.openSnackBar(\r\n 'Incorrect current password.',\r\n 5000,\r\n 'snackbar-error'\r\n );\r\n } else {\r\n this.profileConfirmationEmitter.emit({\r\n success: true,\r\n restart: false,\r\n message: 'Password has been updated.',\r\n confirmationNumber: result.confirmationNumber,\r\n });\r\n this.onSaveCompletePasswordChange();\r\n }\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n }\r\n }\r\n\r\n getPasswordError(ctrl: any) {\r\n const control = this.passwordFrmGp.get(ctrl);\r\n const passwrd = control!.value;\r\n if ((control!.touched || control!.dirty) && !control!.errors) {\r\n if (passwrd === this.username) {\r\n control!.setErrors({ isSameAsLogin: true });\r\n return Object.keys(control!.errors!)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n }\r\n } else if (control!.errors) {\r\n return Object.keys(control!.errors)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n }\r\n return '';\r\n }\r\n\r\n setCurrentLoginMessage(currentLoginControl: AbstractControl, loginId: any) {\r\n this.loginFrmGp.patchValue({\r\n currentPassword: '',\r\n });\r\n this.currentLoginErrorMessage = '';\r\n if (currentLoginControl.touched || currentLoginControl.dirty) {\r\n if (currentLoginControl.errors) {\r\n this.currentLoginErrorMessage = Object.keys(currentLoginControl.errors)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n } else {\r\n if (loginId.toString() !== this.username) {\r\n currentLoginControl.setErrors({ notCurrentLogin: true });\r\n this.currentLoginErrorMessage = Object.keys(\r\n currentLoginControl.errors!\r\n )\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n }\r\n\r\n setCurrentLoginPasswordMessage(currentLoginPasswordControl: AbstractControl) {\r\n this.currentLoginPasswordErrorMessage = '';\r\n if (\r\n (currentLoginPasswordControl.touched ||\r\n currentLoginPasswordControl.dirty) &&\r\n currentLoginPasswordControl.errors\r\n ) {\r\n this.currentLoginPasswordErrorMessage = Object.keys(\r\n currentLoginPasswordControl.errors\r\n )\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n\r\n setNewLoginMessage(newLoginControl: AbstractControl, newlogin: any) {\r\n this.newLoginErrorMessage = '';\r\n this.newLoginSuccessMessage = '';\r\n this.isValidLogin = false;\r\n\r\n if (newLoginControl.touched || newLoginControl.dirty) {\r\n if (newLoginControl.errors) {\r\n this.newLoginErrorMessage = Object.keys(newLoginControl.errors)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n } else if (newlogin.toString() === this.username) {\r\n newLoginControl.setErrors({ isCurrent: true });\r\n this.newLoginErrorMessage = Object.keys(newLoginControl.errors!)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n } else {\r\n this.isCheckingLogin = true;\r\n this.registerService\r\n .searchDuplicateLogin(this.baseurl, newlogin)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.isValidLogin = !result.isDuplicate;\r\n this.isCheckingLogin = false;\r\n if (this.isValidLogin) {\r\n this.newLoginSuccessMessage = 'Username Available!';\r\n } else {\r\n newLoginControl.setErrors({ isDuplicate: true });\r\n this.newLoginErrorMessage = Object.keys(newLoginControl.errors!)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n }\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n }\r\n }\r\n\r\n toggleLoginPasswordHide() {\r\n this.currentLoginPasswordHide = !this.currentLoginPasswordHide;\r\n }\r\n\r\n toggleChangeCurrentPasswordHide() {\r\n this.currentChangePasswordHide = !this.currentChangePasswordHide;\r\n }\r\n\r\n toggleChangePasswordHide() {\r\n this.newChangePasswordHide = !this.newChangePasswordHide;\r\n }\r\n\r\n toggleChangeConfirmPasswordHide() {\r\n this.newChangeConfirmPasswordHide = !this.newChangeConfirmPasswordHide;\r\n }\r\n\r\n onSaveCompleteLoginChagne() {\r\n this.loginFrmGp.reset();\r\n }\r\n\r\n onSaveCompletePasswordChange() {\r\n this.passwordFrmGp.reset();\r\n }\r\n //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\r\n loadFormGroups() {\r\n this.loginFrmGp = this.formbuilder.group({\r\n //currentLoginId: ['', [Validators.required, Validators.pattern(this.emailPattern)]],\r\n currentLoginId: ['', [Validators.required]],\r\n //newLoginId: ['', [Validators.required, Validators.pattern(this.emailPattern)]],\r\n newLoginId: ['', [Validators.required]],\r\n currentPassword: [\r\n '',\r\n [Validators.required, Validators.pattern(this.passwordPattern)],\r\n ],\r\n updateEmail: [''],\r\n });\r\n\r\n this.passwordFrmGp = this.formbuilder.group(\r\n {\r\n currentPassword: [\r\n '',\r\n [Validators.required, Validators.pattern(this.passwordPattern)],\r\n ],\r\n newPassword1: [\r\n '',\r\n [Validators.required, Validators.pattern(this.passwordPattern)],\r\n ],\r\n newPassword2: ['', Validators.required],\r\n },\r\n { validator: passwordMatcher }\r\n );\r\n\r\n if (this.newEmailFromLogin !== '') {\r\n this.loginFrmGp.patchValue({\r\n newLoginId: this.newEmailFromLogin,\r\n });\r\n }\r\n }\r\n\r\n getChallengeQuestions() {\r\n this.registerService.getChallengeQuestions(this.baseurl).subscribe({\r\n next: (questions: any) => {\r\n this.questions = questions;\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n console.log(this.errorMessage);\r\n console.log('error', error);\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n\r\n","
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n P. O. Box 109006
\r\n Jefferson City, MO 65110-9006
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n Contact Us
\r\nAddress
\r\n MO Family Support Payment Center (MO FSPC)\r\n P. O. Box 109006
\r\n Jefferson City, MO 65110-9006
\r\n
\r\n
Telephone
\r\n 1-888-761-3665\r\n
\r\n\r\n
Fax
\r\n 1-573-761-1628\r\n
\r\n\r\n
\r\n ![](\"../../../../../assets/images/chaticonmid.png\")
\r\n \r\n
\r\n \r\n Live Chat
\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\nSelect Your Account Type
\r\n \r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-faq',\r\n templateUrl: './faq.component.html',\r\n})\r\nexport class FaqComponent implements OnInit {\r\n pagetitle = 'FAQs';\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n Back\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n Employer FAQ
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n How can I obtain information on the EFT/ EDI process? \r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n I recently arranged for a prenote transmission, when can I stop mailing in checks? \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n What should I do if the wrong amount is withheld from an employee’s paycheck? \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n Can I transmit a debit transaction (reversal) if there is a mistake? \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n Download an information packet at this web site or contact the Missouri Family Support Payment Center at 1-888-761-3665.
\r\n \r\n\r\n \r\n
\r\n Five business days are required to validate bank account information that has not been previously verified. \r\n You should continue to remit a check for your employees’ child support withholdings during this five business \r\n day period. You will be notified if the prenote is unsuccessful, at which point you must continue to remit a \r\n check until your bank account information has been successfully verified. \r\n
\r\n \r\n \r\n \r\n
\r\n Contact the child support office that handles the case. \r\n
\r\n \r\n \r\n \r\n
\r\n No, debit transactions are not allowed. \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n Questions about Scheduling a Bank Draft\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Questions about Verification (Prenote) Period\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Questions about Editing or Changing Bank Accounts\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Questions about Unavailable Funds\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n What should I do to have child support payments automatically withdrawn from my bank account?\r\n
\r\n \r\n Click Employer at this web site, register an account, and schedule a payment.\r\n
\r\n \r\n What information is required to register an account on the web site?\r\n
\r\n \r\n • Employer name
\r\n • EIN
\r\n • Contact name
\r\n • Telephone number
\r\n • Valid e-mail address
\r\n • Bank information: bank name, routing number, account number, type of account; checking or savings
\r\n
\r\n \r\n • EIN
\r\n • Contact name
\r\n • Telephone number
\r\n • Valid e-mail address
\r\n • Bank information: bank name, routing number, account number, type of account; checking or savings
\r\n
\r\n Can I schedule more than one payment, for example, a payment on the 15th of the month, as well as one on the 30th?\r\n
\r\n \r\n Yes, however, you will need to schedule each payment separately.\r\n
\r\n \r\n Can I have more than one bank account authorized for a payment?\r\n
\r\n \r\n No, you can only authorize one bank account for a payment.\r\n
\r\n \r\n What day will funds be withdrawn from my bank account?\r\n
\r\n \r\n Funds will be withdrawn on the scheduled payment date. If that date falls on a\r\n Saturday, Sunday, or bank holiday the funds will be withdrawn the next business day.\r\n
\r\n \r\n How long will it take for Child Support Enforcement to receive a child support\r\n payment once it is withdrawn from my bank account?\r\n
\r\n \r\n The payment will be processed on the scheduled date unless there are technical difficulties.\r\n Your employees will receive credit for the payment on the same date.\r\n
\r\n \r\n What happens if my payment is scheduled for a weekend or a holiday?\r\n
\r\n \r\n If a withdrawal falls on a Saturday, Sunday, or bank holiday,\r\n the funds will be withdrawn the next business day. Your\r\n employees will receive credit for the payment on the same date.\r\n
\r\n \r\n What is the earliest date that I can schedule a payment?\r\n
\r\n \r\n Your payment start date must be at least five business days from the date you register your account.\r\n This will allow sufficient time for your bank account information to be verified (prenote).\r\n If your account has been previously verified then the payment must be scheduled at least two business\r\n days prior to its due date.\r\n
\r\n Example: If you register your account on Monday the 1st, you must set your payment\r\n start date no earlier than Tuesday the 9th.\r\n
\r\n \r\n Example: If you register your account on Monday the 1st, you must set your payment\r\n start date no earlier than Tuesday the 9th.\r\n
\r\n I entered a start date and the web site calculated a different date for my first payment. What am I doing wrong?\r\n
\r\n \r\n If you entered a start date that is less than five business days from today's date, your date will be\r\n automatically adjusted to include the five business day verification (prenote) period.\r\n
\r\n Example: Today is January 26 (Monday) and you entered January 30 (Friday) as your payment start date.\r\n The web site calculates the start date as February 3, taking the five business day verification period\r\n into consideration; January 27 - February 2.\r\n
\r\n \r\n Example: Today is January 26 (Monday) and you entered January 30 (Friday) as your payment start date.\r\n The web site calculates the start date as February 3, taking the five business day verification period\r\n into consideration; January 27 - February 2.\r\n
\r\n \r\n
\r\n What happens after I register an account and establish a payment schedule?\r\n
\r\n \r\n If your bank account information has not been previously verified, it will be\r\n submitted to your bank for verification (prenote). If the prenote is successful,\r\n your payments will be withdrawn as scheduled. If the prenote is unsuccessful,\r\n you will be notified by e-mail and no payment will be processed.\r\n
\r\n \r\n Why would a prenote be returned as unsuccessful?\r\n
\r\n \r\n Most prenotes are returned as unsuccessful when the bank account information was entered incorrectly.\r\n
\r\n \r\n I received an e-mail that the prenote was unsuccessful. What should I do now?\r\n
\r\n \r\n Edit your bank account information through this web site and reschedule your payment.\r\n The prenote will be resubmitted. You may want to contact your bank if you need assistance\r\n identifying the routing and account numbers.\r\n
\r\n \r\n \r\n
\r\n I changed my bank account, what should I do?\r\n
\r\n \r\n Submit your new bank account information when you schedule your next payment. A prenote will be sent to \r\n verify the new bank account information. If your payment is due before the end of the five business day \r\n verification (prenote) period, you will need to mail your employees’ withholdings to the Missouri Family \r\n Support Payment Center in order to avoid delinquency on their child support accounts.\r\n
\r\n \r\n I authorized a bank draft and now I want to change it. What do I need to do?\r\n
\r\n \r\n Cancel your payment at this web site. You must allow two business days prior to the payment's \r\n scheduled date to cancel your payment.\r\n
\r\n \r\n \r\n
\r\n What if my bank account does not have sufficient funds to cover a payment?\r\n
\r\n \r\n You must cancel your payment at least two business days prior to its scheduled date.\r\n You can cancel your payment at this web site.\r\n
\r\n \r\n What if I fail to cancel the payment two business days prior to its\r\n scheduled date and there are insufficient funds in my account?\r\n
\r\n \r\n Your account will be placed on hold and your automatic withdrawal will be cancelled. You will be \r\n required to remit all future payments with a guaranteed payment instrument such as a money order, \r\n cashier's check, or certified check. \r\n
\r\n \r\n Why is my bank account on hold?\r\n
\r\n \r\n We attempted to withdraw the funds from your bank account and they were not available. You will be \r\n required to remit all future payments by a guaranteed instrument such as a money order, cashier's check, \r\n or certified check. \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Are employers required to send child support payments electronically?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I tried to register my employer on the web site, but my company name could not be located. What should I do?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Why am I unable to upload or download files with my employees’ payment information?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Employers are not required to remit payments electronically. However,\r\n by submitting electronically, employers can reduce their cost for submitting child support payments.\r\n
\r\n \r\n \r\n
\r\n Contact MO FSPC Customer Service at 1-888-761-3665.\r\n
\r\n \r\n \r\n
\r\n Microsoft Excel must be installed on your device to upload or download files.\r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n I am having trouble creating a user ID or password.\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can my password be the same as my user ID? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Does my password ever expire?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I forgot my password. What should I do?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n If I forget my password and change it but remember it later and want to change it back to the original password can I?\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n Your user ID and password must each consist of at least two numbers, six letters, and not exceed 12 characters \r\n in length. In addition, they cannot contain any special characters. For example, question marks, number signs, \r\n periods.\r\n
\r\n \r\n \r\n
\r\n No, it must be different from your user ID.\r\n
\r\n \r\n \r\n
\r\n No, your password does not expire.\r\n
\r\n \r\n \r\n
\r\n On the login page, click \"Forgot your password?\", enter the required information, and create a new password.\r\n
\r\n \r\n \r\n
\r\n Yes, you can.\r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n It appears there is a problem with the web site. What should I do?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Contact MO FSPC Customer Service at 1-888-761-3665 to report the problem.\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n I believe someone has access to my web site user ID and password. What do I need to do?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Money has been withdrawn from my account without my permission. What should I do?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Change your user ID and password through this web site.\r\n
\r\n \r\n \r\n
\r\n Contact MO FSPC Customer Service at 1-888-761-3665 immediately. You will be asked to submit your claim in writing.\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n P. O. Box 109006
\r\n Jefferson City, MO 65110-9006
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n Address
\r\n MO Family Support Payment Center (MO FSPC)\r\n P. O. Box 109006
\r\n Jefferson City, MO 65110-9006
\r\n
\r\n
Customer Service Telephone Number
\r\n 1-888-761-3665\r\n
\r\n \r\n
Fax
\r\n 1-573-761-1628\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n Live Chat
\r\n \r\n\r\n \r\n \r\n
\r\nSelect Account Type
\r\n\r\n
\r\n \r\n Noncustodial Parent\r\n Employer\r\n\r\n
\r\n \r\n
\r\n","import { StepperOrientation } from '@angular/cdk/stepper';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { AbstractControl, FormControl, FormGroupDirective, NgForm, FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { IChallengeQuestion, ErrorHandlerService, ViewportService, CommonService, RegisterLibraryService } from 'epay-library';\r\nimport { Router } from '@angular/router';\r\nimport { debounceTime } from 'rxjs';\r\n\r\nfunction passwordMatcher(\r\n c: AbstractControl\r\n): { [key: string]: boolean } | null {\r\n const password1Ctrl = c.get('newpassword1');\r\n const password2Ctrl = c.get('newpassword2');\r\n if (password1Ctrl === null || password2Ctrl === null) {\r\n return null;\r\n }\r\n if (password1Ctrl.pristine || password2Ctrl.pristine) {\r\n return null;\r\n }\r\n if (password1Ctrl.value === password2Ctrl.value) {\r\n return null;\r\n }\r\n return { doNotMatch: true };\r\n}\r\n\r\n/** Error when the parent is invalid */\r\nclass CrossFieldErrorMatcher implements ErrorStateMatcher {\r\n isErrorState(\r\n control: FormControl | null,\r\n form: FormGroupDirective | NgForm | null\r\n ): boolean {\r\n if (control) {\r\n return (control.dirty || control.touched) && control.parent!.invalid;\r\n }\r\n return false;\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'forgot-password-common',\r\n templateUrl: './forgot-password-common.component.html'\r\n})\r\nexport class ForgotPasswordCommonComponent implements OnInit {\r\n @Input() baseurl = '';\r\n\r\n isMobile = false;\r\n stepperOrientation: StepperOrientation = 'horizontal';\r\n errorMatcher = new CrossFieldErrorMatcher();\r\n errorMessage = '';\r\n userQuestion: any;\r\n loginErrorMessage = '';\r\n emailErrorMessage = '';\r\n accountSuccessMessage = '';\r\n accountErrorMessage = '';\r\n challengeSuccessMessage = '';\r\n challengeErrorMessage = '';\r\n isCheckingLogin = false;\r\n isCheckingAnswer = false;\r\n isValidAccount = false;\r\n isValidAnswer = false;\r\n isValidLogin = false;\r\n passwordHide = true;\r\n passwordConfirmHide = true;\r\n\r\n openConfirmation = false;\r\n confirmationTitle = '';\r\n confirmationMessage = '';\r\n confirmationEmailAddress = '';\r\n confirmationNumber = '';\r\n goToPrimary = '';\r\n goToPrimaryUrl = '';\r\n\r\n questions: IChallengeQuestion[] = [];\r\n usernameFrmGp: FormGroup = new FormGroup({});\r\n securityFrmGp: FormGroup = new FormGroup({});\r\n passwordFrmGp: FormGroup = new FormGroup({});\r\n\r\n passwordPattern = /(?=^[A-Za-z!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\\d]{8,12}$)(?=(.*[A-Za-z]){6})(?=(.*[!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~]){1})(?=(.*\\d){2})^.*/;\r\n\r\n loginPattern =\r\n /((?=^[A-Za-z\\d]{8,12}$)(?=(.*[A-Za-z]){6,8})(?=(.*\\d){2,4})^.*)/;\r\n\r\n usernamePattern =\r\n /((?=^[A-Za-z\\d]{8,12}$)(?=(.*[A-Za-z]){6,8})(?=(.*\\d){2,4})^.*) || \\S+@\\S+\\.\\S+/;\r\n\r\n passwordErrorMessage = '';\r\n passwordHintMessage = 'Must contain at least 6 letters, 2 numbers, and at least one special character with a maximum length of 12 characters.';\r\n\r\n\r\n validationLoginIdMessages: { [key: string]: string } = {\r\n required: 'Username is required.',\r\n pattern: 'Username must contain 6 letters and 2 numbers.',\r\n };\r\n\r\n validationEmailMessages: { [key: string]: string } = {\r\n required: 'Email is required.',\r\n email: 'Email format is invalid.',\r\n notFound: 'Account is not found.',\r\n };\r\n\r\n validationPasswordMessages: { [key: string]: string } = {\r\n required: 'Password is required.',\r\n pattern:\r\n 'Invalid Password. Must contain at least 6 letters, 2 numbers, and one special character with a maximum length of 12 characters.',\r\n isSameAsLogin: 'Invalid Password. Password cannot be same as username.',\r\n };\r\n\r\n validationChallengeMessages: { [key: string]: string } = {\r\n required: 'Answer is required.',\r\n notverified: 'Challenge answer is incorrect.',\r\n };\r\n\r\n constructor(\r\n private formbuilder: FormBuilder,\r\n private router: Router,\r\n private errorHandlerService: ErrorHandlerService,\r\n private viewpointService: ViewportService,\r\n private commonService: CommonService,\r\n private registerService: RegisterLibraryService,\r\n public snackbar: MatSnackBar\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.loadFormGroups();\r\n const emailCtrl = this.usernameFrmGp.get('email');\r\n const loginIdCtrl = this.usernameFrmGp.get('loginId');\r\n const answerCtrl = this.securityFrmGp.get('challengeAnswer');\r\n const password1Ctrl = this.passwordFrmGp.get('newpassword1');\r\n\r\n this.viewpointService.IsMobile.subscribe(\r\n (ismobile: boolean) => (this.isMobile = ismobile)\r\n );\r\n\r\n this.viewpointService.StepperOrient.subscribe(\r\n (orient) => (this.stepperOrientation = orient)\r\n );\r\n\r\n password1Ctrl!.valueChanges\r\n .pipe(debounceTime(500))\r\n .subscribe((passwrd) => this.setPasswordMessage(password1Ctrl!, passwrd));\r\n\r\n loginIdCtrl!.valueChanges.pipe(debounceTime(500)).subscribe((username) => {\r\n this.resetAccountCheck();\r\n emailCtrl!.setErrors(null);\r\n emailCtrl!.updateValueAndValidity();\r\n\r\n if ((loginIdCtrl!.touched || loginIdCtrl!.dirty) && loginIdCtrl!.errors) {\r\n this.loginErrorMessage = Object.keys(loginIdCtrl!.errors)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n } else if (\r\n (emailCtrl!.touched || emailCtrl!.dirty) &&\r\n emailCtrl!.errors\r\n ) {\r\n this.emailErrorMessage = Object.keys(emailCtrl!.errors)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n } else if (\r\n (emailCtrl!.touched || emailCtrl!.dirty) &&\r\n !emailCtrl!.errors\r\n ) {\r\n this.isCheckingLogin = true;\r\n const user = {\r\n loginId: username,\r\n email: this.usernameFrmGp.get('email')!.value,\r\n };\r\n this.registerService\r\n .getUserChallengeQuestion(this.baseurl, user)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.setAccountMessage(loginIdCtrl!, emailCtrl!, result);\r\n this.securityFrmGp.patchValue({\r\n challengeQuestion: result.challengeQuestion,\r\n });\r\n },\r\n error: (error: any) => {\r\n this.resetAccountCheck();\r\n this.errorMessage = error as any;\r\n this.handleError(error.status);\r\n },\r\n complete: () => (this.isCheckingLogin = false),\r\n });\r\n }\r\n });\r\n\r\n emailCtrl!.valueChanges\r\n .pipe(debounceTime(500))\r\n .subscribe((emailAddress) => {\r\n this.resetAccountCheck();\r\n if ((emailCtrl!.touched || emailCtrl!.dirty) && emailCtrl!.errors) {\r\n this.emailErrorMessage = Object.keys(emailCtrl!.errors)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n } else if (\r\n (loginIdCtrl!.touched || loginIdCtrl!.dirty) &&\r\n loginIdCtrl!.errors\r\n ) {\r\n this.emailErrorMessage = Object.keys(loginIdCtrl!.errors)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n } else if (\r\n (loginIdCtrl!.touched || loginIdCtrl!.dirty) &&\r\n !loginIdCtrl!.errors\r\n ) {\r\n this.isCheckingLogin = true;\r\n const user = {\r\n loginId: this.usernameFrmGp.get('loginId')!.value,\r\n email: emailAddress,\r\n };\r\n this.registerService\r\n .getUserChallengeQuestion(this.baseurl, user)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.setAccountMessage(loginIdCtrl!, emailCtrl!, result);\r\n this.securityFrmGp.patchValue({\r\n challengeQuestion: result.challengeQuestion,\r\n });\r\n },\r\n error: (error: any) => {\r\n this.resetAccountCheck();\r\n this.errorMessage = error as any;\r\n this.handleError(error.status);\r\n },\r\n complete: () => (this.isCheckingLogin = false),\r\n });\r\n }\r\n });\r\n\r\n answerCtrl!.valueChanges.pipe(debounceTime(500)).subscribe((answer) => {\r\n if ((answerCtrl!.touched || answerCtrl!.dirty) && answerCtrl!.errors) {\r\n this.emailErrorMessage = Object.keys(answerCtrl!.errors)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n } else {\r\n this.isCheckingAnswer = true;\r\n const answerObj = {\r\n loginId: this.usernameFrmGp.get('loginId')!.value,\r\n email: this.usernameFrmGp.get('email')!.value,\r\n answer: this.securityFrmGp.get('challengeAnswer')!.value,\r\n };\r\n this.registerService\r\n .validateChallengeAnswer(this.baseurl, answerObj)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.setChallengeMessage(answerCtrl!, result);\r\n },\r\n error: (error: any) => {\r\n this.resetChallengeCheck();\r\n this.errorMessage = error as any;\r\n this.handleError(error.status);\r\n },\r\n complete: () => (this.isCheckingAnswer = false),\r\n });\r\n }\r\n });\r\n }\r\n\r\n resetAccountCheck() {\r\n this.isValidAccount = false;\r\n this.isCheckingLogin = false;\r\n this.accountSuccessMessage = '';\r\n this.accountErrorMessage = '';\r\n this.emailErrorMessage = '';\r\n this.loginErrorMessage = '';\r\n this.userQuestion = '';\r\n }\r\n\r\n resetChallengeCheck() {\r\n this.isCheckingAnswer = false;\r\n this.securityFrmGp.patchValue({\r\n challengeAnswer: '',\r\n });\r\n }\r\n\r\n saveNewPassword() {\r\n const newpassword = {\r\n validated: true,\r\n emailAddress: this.usernameFrmGp.get('email')!.value,\r\n loginID: this.usernameFrmGp.get('loginId')!.value,\r\n challengeAnswer: this.securityFrmGp.get('challengeAnswer')!.value,\r\n newPassword1: this.passwordFrmGp.get('newpassword1')!.value,\r\n newPassword2: this.passwordFrmGp.get('newpassword2')!.value,\r\n };\r\n this.registerService.forgotPassword(this.baseurl, newpassword).subscribe({\r\n next: (result: any) => {\r\n if (result.validated) {\r\n this.onSaveComplete(result.confirmation.confirmationNumber);\r\n } else {\r\n this.handleError(500);\r\n }\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n\r\n setPasswordMessage(passwordControl: AbstractControl, passwrd: any) {\r\n this.passwordErrorMessage = '';\r\n const username = this.usernameFrmGp.get('loginId')!.value;\r\n\r\n if (\r\n (passwordControl.touched || passwordControl.dirty) &&\r\n passwordControl.errors\r\n ) {\r\n this.passwordErrorMessage = Object.keys(passwordControl.errors)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n } else if (\r\n (passwordControl.touched || passwordControl.dirty) &&\r\n !passwordControl.errors\r\n ) {\r\n if (username === passwrd) {\r\n passwordControl.setErrors({ isSameAsLogin: true });\r\n this.passwordErrorMessage = Object.keys(passwordControl.errors!)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n } else {\r\n passwordControl.setErrors(null);\r\n passwordControl.updateValueAndValidity();\r\n }\r\n }\r\n }\r\n\r\n setAccountMessage(\r\n loginControl: AbstractControl,\r\n emailControl: AbstractControl,\r\n result: any\r\n ) {\r\n this.accountErrorMessage = '';\r\n this.accountSuccessMessage = '';\r\n\r\n if (\r\n (loginControl.dirty || loginControl.touched) &&\r\n (emailControl.dirty || emailControl.touched)\r\n ) {\r\n this.isValidAccount = result.challengeQuestionIndex === -1 ? false : true;\r\n if (this.isValidAccount) {\r\n this.accountSuccessMessage = 'Account found.';\r\n } else {\r\n emailControl.setErrors({ notFound: true });\r\n this.accountErrorMessage = Object.keys(emailControl.errors!)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n setChallengeMessage(answerControl: AbstractControl, result: any) {\r\n if (answerControl.dirty || answerControl.touched) {\r\n this.isValidAnswer = result.verified;\r\n if (this.isValidAnswer) {\r\n this.challengeSuccessMessage = 'Correct!';\r\n } else {\r\n answerControl.setErrors({ notverified: true });\r\n this.challengeErrorMessage = Object.keys(answerControl.errors!)\r\n .map((key) => this.validationChallengeMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n togglePasswordHide() {\r\n this.passwordHide = !this.passwordHide;\r\n }\r\n\r\n toggleConfirmPasswordHide() {\r\n this.passwordConfirmHide = !this.passwordConfirmHide;\r\n }\r\n\r\n loadFormGroups() {\r\n this.usernameFrmGp = this.formbuilder.group({\r\n loginId: [\r\n '',\r\n [Validators.required, Validators.pattern(this.usernamePattern)],\r\n ],\r\n email: ['', [Validators.email, Validators.required]],\r\n });\r\n\r\n this.securityFrmGp = this.formbuilder.group({\r\n challengeQuestion: ['', Validators.required],\r\n challengeAnswer: ['', Validators.required],\r\n });\r\n\r\n this.passwordFrmGp = this.formbuilder.group(\r\n {\r\n newpassword1: [\r\n '',\r\n [Validators.required, Validators.pattern(this.passwordPattern)],\r\n ],\r\n newpassword2: ['', Validators.required],\r\n },\r\n { validator: passwordMatcher }\r\n );\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n\r\n onSaveComplete(confirmationNum: string) {\r\n (this.confirmationEmailAddress = this.usernameFrmGp.get('email')!.value),\r\n this.usernameFrmGp.reset();\r\n this.securityFrmGp.reset();\r\n this.passwordFrmGp.reset();\r\n this.confirmationTitle = 'Success';\r\n this.confirmationMessage = `Your password has been changed. `;\r\n this.confirmationNumber = confirmationNum;\r\n this.goToPrimaryUrl = 'login';\r\n this.goToPrimary = 'Login';\r\n this.openConfirmation = true;\r\n }\r\n\r\n goToLogin() {\r\n this.router.navigateByUrl('login');\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n console.log(this.errorMessage);\r\n console.log('error', error);\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n\r\n","\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n Back\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n Noncustodial Parent FAQ
\r\n\r\n Welcome to the MO Child Support Internet Payment Web Site. This site allows child\r\n support payors to initiate bank draft authorizations to satisfy child support court\r\n orders via the web. Although a user may be registered to access MO Child Support case\r\n information, a separate registration is required to submit child support payments\r\n through the MO Child Support Internet Payment Web Site.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Can I have child support payments automatically withdrawn from my bank account if I am under an Income Withholding Order?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n If I elect to have child support payments automatically withdrawn from my bank account, can I pay what I want?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What do I need to do to have child support payments automatically withdrawn from my bank account?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What if I want to use the web site but I don't have an e-mail address?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What information is required to register an account on the web site?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Where can I find my Case/and or Order Number?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What happens if I do not specify a case and/ or order number? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I have more than one bank account authorized for a payment?\r\n \r\n \r\n \r\n
\r\n \r\n Yes, but income withholding will remain in effect and not be terminated.\r\n
\r\n \r\n \r\n
\r\n Yes, however, we encourage you to schedule your payments in an amount equal\r\n to your current child support obligation(s) to avoid delinquency.\r\n
\r\n \r\n \r\n
\r\n Click Non-Custodial Parent at this web site, register an account, and schedule a payment. You must have a valid e-mail address.\r\n
\r\n \r\n \r\n
\r\n A valid e-mail address is required in order for us to communicate with you electronically.\r\n If you do not have an e-mail address we cannot send you information such as a confirmation\r\n of your transactions. Free e-mail accounts are available on the Internet. To locate one,\r\n use any search engine and search for \"free e-mail.\"\r\n
\r\n \r\n \r\n
\r\n If you want to register an account for yourself, the following information is required:\r\n
\r\n\r\n If you want to register an account and make a payment for someone else, you will need to provide the following information for yourself:\r\n
\r\n \r\n
\r\n \r\n
\r\n Contact Information
\r\n- \r\n
- Full Legal Name \r\n
- Social Security Number \r\n
- Address \r\n
- Telephone Number \r\n
- Valid E-mail Address \r\n
\r\n
\r\n Bank Information
\r\n- \r\n
- Bank Name \r\n
- Routing Number \r\n
- Account Number \r\n
- Type of Account: Checking or Savings \r\n
\r\n
\r\n Case Information
\r\n- \r\n
- Case and/or Order Number-- and County of Order \r\n
\r\n\r\n If you want to register an account and make a payment for someone else, you will need to provide the following information for yourself:\r\n
\r\n
\r\n \r\n
\r\n Your Contact Information
\r\n- \r\n
- Full Legal Name \r\n
- Social Security Number \r\n
- Relation To Payor \r\n
- Telephone Number \r\n
- Valid E-mail Address \r\n
\r\n
\r\n Payor Information
\r\n- \r\n
- Full Legal Name \r\n
- Case and/or Order Number-- and County of Order \r\n
- Telephone Number \r\n
\r\n
\r\n Bank Information
\r\n- \r\n
- Bank Name \r\n
- Routing Number \r\n
- Account Number \r\n
- Type of Account: Checking or Savings \r\n
\r\n \r\n
\r\n Your case number is located on your monthly billing statement. You may obtain this \r\n information from your local child support office or the circuit clerk in the county that issued your order.\r\n
\r\n \r\n \r\n
\r\n If the case and/ or order number are not specified, the funds for each payment will be prorated across all your child support cases and orders.\r\n
\r\n \r\n \r\n
\r\n No, you can only authorize one bank account for a payment.\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n What are my payment options?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I schedule more than one payment, for example,\r\n a payment on the 20th of the month, as well as a payment every two weeks on Friday?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What day will funds be withdrawn from my bank account?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n How long will it take for Child Support Enforcement to receive a payment once it is withdrawn from my bank account?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What happens if my payment is scheduled for a weekend or a holiday?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n When may I schedule a payment?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What is the earliest date that I can select for my first payment date?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I entered a start date and the web site calculated a different date for my first payment. What am I doing wrong?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n You may schedule a one-time only (non-recurring) payment or you may schedule recurring payments using one of the following options:\r\n
\r\n
\r\n \r\n
- \r\n
- Weekly: Monday, Tuesday, Wednesday, Thursday, or Friday
- Every two weeks: Monday, Tuesday, Wednesday, Thursday, or Friday
- Semi-Monthly: two payments per month based on the following schedule:\r\n \r\n\r\n\r\n\r\n
\r\n
\r\n\r\n \r\n1st & 16th \r\n6th & 21st \r\n11th & 26th \r\n\r\n \r\n2nd & 17th \r\n7th & 22nd \r\n12th & 27th \r\n\r\n \r\n3rd & 18th \r\n8th & 23rd \r\n13th & 28th \r\n\r\n \r\n4th & 19th \r\n9th & 24th \r\n14th & 29th \r\n\r\n \r\n5th & 20th \r\n10th & 25th \r\n15th & 30th \r\n \r\n - Monthly: 1st-31st
\r\n
\r\n
\r\n
\r\n \r\n
\r\n Yes, however, if the case and/ or order number are not specified, the funds for each payment will \r\n be prorated across all your child support cases and orders.\r\n
\r\n \r\n \r\n
\r\n Funds will be withdrawn on the scheduled payment date. If that date falls on\r\n a Saturday, Sunday, or bank holiday the funds will be withdrawn the next business day.\r\n
\r\n \r\n \r\n
\r\n You will receive credit for the payment on the same date that it is scheduled to be withdrawn from your bank account.\r\n
\r\n \r\n \r\n
\r\n If a withdrawal falls on a Saturday, Sunday, or bank holiday, the funds will be\r\n withdrawn the next business day. Your child support account will be credited\r\n the day the funds are withdrawn from your bank account.\r\n
\r\n \r\n \r\n
\r\n A payment must be scheduled at least two business days prior to its due date,\r\n assuming that your bank account information has been previously verified (prenote).\r\n
\r\n \r\n \r\n
\r\n Your first payment date must be at least five business days from the date you register your account.\r\n This will allow sufficient time for your bank account information to be verified (prenote).\r\n If your account has been previously verified then the payment must be scheduled at least two\r\n business days prior to its due date.\r\n
\r\n Example: If you register your account and establish a payment schedule on Monday the 1st,\r\n you must set your first payment date no earlier than Monday the 8th.\r\n
\r\n \r\n Example: If you register your account and establish a payment schedule on Monday the 1st,\r\n you must set your first payment date no earlier than Monday the 8th.\r\n
\r\n \r\n
\r\n If you entered a start date that is less than five business days from today's date,\r\n your date will be automatically adjusted to include the five business day verification (prenote) process.\r\n
\r\n Example: Today is January 26 (Monday) and a payment frequency of semi-monthly (15th and 30th) is selected.\r\n Friday the 30th is entered as the first payment date. The first payment date is set to February 16.\r\n The 16th is determined by calculating five business days (January 27 - February 2), and then determining if\r\n the 15th is a business day. Since the 15th is on a Sunday your first payment date is set to the 16th.\r\n
\r\n \r\n Example: Today is January 26 (Monday) and a payment frequency of semi-monthly (15th and 30th) is selected.\r\n Friday the 30th is entered as the first payment date. The first payment date is set to February 16.\r\n The 16th is determined by calculating five business days (January 27 - February 2), and then determining if\r\n the 15th is a business day. Since the 15th is on a Sunday your first payment date is set to the 16th.\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n What happens after I register an account and establish a payment schedule?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Why would a prenote be returned as unsuccessful?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I received an e-mail that the prenote was unsuccessful. What should I do now?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n If your bank account information has not been previously verified, it will be\r\n submitted to your bank for verification (prenote). If the prenote is successful,\r\n your payments will be withdrawn as scheduled. If the prenote is unsuccessful,\r\n you will be notified by e-mail and no payment will be processed.\r\n
\r\n \r\n \r\n
\r\n Most prenotes are returned as unsuccessful when the bank account information was entered incorrectly.\r\n
\r\n \r\n \r\n
\r\n Edit your bank account information through this web site and reschedule your payment.\r\n The prenote will be resubmitted. You may want to contact your bank if you need assistance\r\n identifying the routing and account numbers.\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n How do I make a change to my account?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I changed my bank account, what should I do?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n How do I reactivate a bank draft that I previously cancelled?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I authorized a bank draft and now I want to change it. What do I need to do?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Make your changes through this web site.\r\n
\r\n \r\n \r\n
\r\n Edit your bank account information through this web site. A prenote will be sent to\r\n verify the new bank account information. In addition, you will need to establish a\r\n new payment schedule since any existing payment schedule(s) will be cancelled when\r\n you edit your bank account information.\r\n
\r\n If a child support payment is due before the end of the five business day verification (prenote) period, you will\r\n need to mail your payment in order to avoid delinquency.\r\n
\r\n \r\n If a child support payment is due before the end of the five business day verification (prenote) period, you will\r\n need to mail your payment in order to avoid delinquency.\r\n
\r\n \r\n
\r\n Establish another payment schedule through this web site.\r\n
\r\n \r\n \r\n
\r\n Change or cancel your payment through this web site. You must allow two business\r\n days prior to the payment's scheduled date to make your changes.\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n What if my bank account does not have sufficient funds to cover a payment?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What if I fail to cancel the payment two business days prior to its scheduled date and there are insufficient \r\n funds in my account?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Why is my account on hold?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n You must cancel your payment at least two business days prior to its scheduled date. You can cancel your \r\n payment at this web site.\r\n
\r\n \r\n \r\n
\r\n Your account will be placed on hold and your automatic withdrawal will be cancelled. You will then be required \r\n to remit all future payments by a guaranteed payment instrument such as a money order, cashier's check, certified \r\n check, or credit card. \r\n
\r\n \r\n \r\n
\r\n We attempted to withdraw the funds from your bank account, and they were not available. You will be \r\n required to remit all future payments by a guaranteed instrument such as a money order, cashier's \r\n check, certified check, or credit card.\r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Does the Missouri Internet Payment Website collect or store my credit card information?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I charge child support payments to my credit card, if I am under an Income Withholding Order?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n If I elect to charge child support payments to my credit card, can I pay what a want?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What should I do if I don't have an e-mail address?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I split one payment across multiple credit cards?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What information is required to make a credit card payment?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What is the CVV2/ CVC2 security code and where do I find it?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n How can I obtain my case number?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Is there a minimum payment requirement?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What is the maximum payment that I can make? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What is the purpose of the service fee?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Will the service fee be applied to my child support obligation?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I make a payment for a non-custodial parent with my credit card?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n My credit card transaction was declined, what should I do?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n How do I obtain a refund on a credit card payment made through this website?\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n Make a Non-Recurring (One-Time Only) Credit Card Payment\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n What credit cards do you accept?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n No, your credit card information is not collected or stored by the Missouri Internet Payment Website. \r\n For security purposes, your credit card information is collected and stored by our credit card processor.\r\n
\r\n \r\n \r\n
\r\n Yes, but income withholding will remain in effect and not be terminated.\r\n
\r\n \r\n \r\n
\r\n Yes, however, we encourage you to schedule your payments in an amount equal to your current child support obligation(s) to avoid delinquency.\r\n
\r\n \r\n \r\n
\r\n A valid e-mail address is required for us to communicate with you electronically. If you do not have \r\n an e-mail address, we cannot send you information such as a confirmation of your transactions. Free \r\n e-mail accounts are available on the Internet. To locate one, use any search engine and search for \"free e-mail.\"
\r\n \r\n \r\n
\r\n No, you cannot split your payment across multiple credit cards. \r\n
\r\n \r\n \r\n
\r\n The following information is required to make a credit card payment:
\r\n • Non-custodial parent's first and last name
\r\n • Non-custodial parent's social security number
\r\n • Non-custodial parent's case number
\r\n • Credit card holder's name
\r\n • Credit card holder's billing address
\r\n • Valid e-mail address
\r\n • American Express®, Mastercard®, Visa®, Discover®, JCB®, or Maestro® credit card number and expiration date and CVV2/ CVC2 3 or 4-digit security code.
\r\n \r\n
\r\n \r\n • Non-custodial parent's first and last name
\r\n • Non-custodial parent's social security number
\r\n • Non-custodial parent's case number
\r\n • Credit card holder's name
\r\n • Credit card holder's billing address
\r\n • Valid e-mail address
\r\n • American Express®, Mastercard®, Visa®, Discover®, JCB®, or Maestro® credit card number and expiration date and CVV2/ CVC2 3 or 4-digit security code.
\r\n \r\n
\r\n \r\n
\r\n The CVV2/ CVC2 3 or 4-digit security code is an added security measure. It is used to establish that you are \r\n in possession of the credit card. Discover, Mastercard, Visa, and JCB print a 3-digit code on the back of the \r\n card. Maestro uses the last 3 digits of the card number as the security code. American Express prints a 4-digit \r\n code on the front of the card. \r\n
\r\n \r\n \r\n
\r\n Your case number is located on your monthly billing statement. You may obtain this information from your \r\n local child support office or the circuit clerk in the county that issued your order. \r\n
\r\n \r\n \r\n
\r\n Yes, there is a minimum payment requirement of $1.00. \r\n
\r\n \r\n \r\n
\r\n The maximum payment that you can make in one transaction is $9,999.99; assuming your card has that amount \r\n of credit available. Multiple transactions can be made in one day if each transaction does not exceed \r\n $9,999.99, and the appropriate amount of credit is available. \r\n
\r\n \r\n \r\n
\r\n The credit card service fee is a fee to offset the cost of providing credit card service. The service fee \r\n for using this service is 2.5% of the amount of the primary child support payment. This fee is separate from \r\n and in addition to the primary child support payment. \r\n
\r\n \r\n \r\n
\r\n The service fee is separate from your child support obligation and is not applied to it. \r\n
\r\n \r\n \r\n
\r\n Yes, you can use your credit card to make a payment for a non-custodial parent; however, you will need their first and last name, social security number, and case number. \r\n
\r\n \r\n \r\n
\r\n You will need to contact your credit card company to determine why the payment was not authorized. The following are some of the reasons the transaction could have been declined:\r\n\r\n • The credit card number and/ or CVV2/ CVC2 security code was incorrectly entered.\r\n\r\n • There is a discrepancy between the address you entered and the billing address that is on file with the card-issuing bank. You must enter the billing address that appears on your credit card statement.\r\n\r\n • A foreign address (a country other than the US) was entered. The web site is unable to process credit card payments with a foreign address.\r\n\r\n • There is insufficient credit available for the payment amount.\r\n
\r\n \r\n \r\n
\r\n You will need to contact the Missouri Child Support Enforcement office at 1-866-313-9960, option 2.
\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n What credit cards do you accept?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What browsers do you support for e-wallet payments?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I make a credit card payment by phone?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n When will my credit card be charged for my child support payment?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n When will my payment be posted to my child support account?\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n You may use American Express®, Mastercard®, Visa®, Discover®, JCB®, or Maestro® to make a child support payment.\r\n
\r\n If you have your credit/ debit card linked to an e-wallet account such as Apple Pay, Google Pay, PayPal, or Venmo you can make your payment using these alternate payment options.\r\n
\r\n E-wallet options are only available for non-recurring credit card payments.\r\n
\r\n Apple Pay is only available on Apple devices. Venmo is only available on mobile devices.\r\n \r\n
\r\n \r\n If you have your credit/ debit card linked to an e-wallet account such as Apple Pay, Google Pay, PayPal, or Venmo you can make your payment using these alternate payment options.\r\n
\r\n E-wallet options are only available for non-recurring credit card payments.\r\n
\r\n Apple Pay is only available on Apple devices. Venmo is only available on mobile devices.\r\n \r\n
\r\n \r\n
\r\n Apple Pay payments must be made with an Apple device. Google Pay and PayPal payments\r\n may be made with any browser. You must use Safari (iOS) or Chrome (Android) when\r\n making a payment through Venmo.\r\n
\r\n \r\n \r\n
\r\n Yes, you can make a non-recurring payment by calling 1-888-761-3665.\r\n
\r\n \r\n \r\n
\r\n Your credit card is charged at the time you submit the transaction, and your credit card company authorizes it.\r\n
\r\n \r\n \r\n
\r\n Your payment will be applied within two to three business days from the day it was made on the web site.
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n What credit cards do you accept?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I set up a recurring credit card payment schedule without registering for a user account?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I add more than one credit card to my user account?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What are my payment options? \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What is the earliest date that I can select for my first payment date? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I need to make a payment today; can I create a recurring payment schedule that starts today? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I schedule more than one payment, for example, a payment on the 20th of the month, as well as a payment every two weeks on Friday? \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What day will my credit card be charged? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n When will the payment be posted to my child support account? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What happens if my payment is scheduled for a weekend or a holiday? \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n Change a Credit Card or Recurring Payment Schedule \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n Unavailable Credit \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n You may use American Express®, Mastercard®, Visa®, Discover®, JCB®, or Maestro® to make a child support payment.\r\n
\r\n \r\n \r\n
\r\n No, if you want to set up a recurring credit card payment schedule you must register for a user account.\r\n
\r\n \r\n \r\n
\r\n Yes, you can have more than one credit card associated to your user account.
\r\n \r\n \r\n
\r\n You may schedule a one-time only (non-recurring) payment or you may schedule recurring payments using one of the following options:\r\n
\r\n
\r\n \r\n
- \r\n
- Weekly: Monday, Tuesday, Wednesday, Thursday, or Friday
- Every two weeks: Monday, Tuesday, Wednesday, Thursday, or Friday
- Semi-Monthly: two payments per month based on the following schedule:\r\n \r\n\r\n\r\n\r\n
\r\n
\r\n\r\n \r\n1st & 16th \r\n6th & 21st \r\n11th & 26th \r\n\r\n \r\n2nd & 17th \r\n7th & 22nd \r\n12th & 27th \r\n\r\n \r\n3rd & 18th \r\n8th & 23rd \r\n13th & 28th \r\n\r\n \r\n4th & 19th \r\n9th & 24th \r\n14th & 29th \r\n\r\n \r\n5th & 20th \r\n10th & 25th \r\n15th & 30th \r\n \r\n - Monthly: 1st-31st
\r\n
\r\n
\r\n
\r\n \r\n
\r\n Your first payment date can be scheduled for the next day. Recurring credit card payments must be created at least one day in advance. \r\n
\r\n \r\n \r\n
\r\n No, recurring credit card payments must be created at least one day in advance. If you need to make a \r\n payment today, make the payment using the one-time, non-recurring credit card payment method available at \r\n this web site. \r\n
\r\n \r\n \r\n
\r\n Yes, however, you will need to schedule each payment separately. \r\n
\r\n \r\n \r\n
\r\n Your credit card will be charged on the day the payment is scheduled for. If that date falls on a \r\n Saturday, Sunday, or bank holiday the charge will occur the next business day. Completion of a credit \r\n card payment transaction is contingent upon the authorization of payment by your credit card company.
\r\n \r\n \r\n
\r\n Your payment will be applied within two to three business days from the day it was made on the web site.
\r\n \r\n \r\n
\r\n If your scheduled payment date falls on a Saturday, Sunday, or bank holiday the charge will occur on the next business day and will be posted in two to three business days. \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n What is the latest date a scheduled payment can be changed prior to a charge? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What if I fail to cancel the payment one day prior to its scheduled date and there is not enough credit available to cover the charge? \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n A payment can be changed no later than one day prior to its scheduled date. A payment cannot be changed on the day it is scheduled for.\r\n
\r\n \r\n \r\n
\r\n Your payment will not be successful, and your payment schedule will be cancelled. \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n What if my credit card does not have enough credit available to cover a payment? \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n You must cancel your payment at least one day prior to its scheduled date. You can cancel your payment at this web site.
\r\n \r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n What is Pay by Text? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Is Pay by Text a secure way to make my payments?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Which credit and debit cards can I use with Pay by Text?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I change my payment type? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Is there a fee to use Pay by Text? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n When will I receive my payment notification? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Will I receive reminder notifications? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What happens if I don’t respond to a text message? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What if I make my payment twice? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n How do you use my phone number once you have it? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can I use a non-US telephone number? \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Pay by Text is a payment solution that allows you to make your payment via texting on your smartphone. \r\n You can make a one-time only payment or set up recurring payments. The day your payment is scheduled you \r\n will receive a notification via text message. You use secure links to add a credit or debit card and then \r\n authorize the payment. Future payments will only require you to text a code to authorize the payment.\r\n
\r\n \r\n \r\n
\r\n Yes, your information is encrypted and tokenized, keeping you safe from any data breach. \r\n
\r\n \r\n \r\n
\r\n American Express, Discover, Mastercard, Visa, JCB, or Maestro. \r\n
\r\n \r\n \r\n
\r\n Yes, you can click the link in the provided text message and change your payment type.\r\n
\r\n \r\n \r\n
\r\n Standard text messaging rates may apply. If a payment is made by text, there is a 3.5% service fee for \r\n completing a transaction with your credit or debit card.\r\n
\r\n \r\n \r\n
\r\n You will receive a notification (text message) the day your payment is scheduled.\r\n
\r\n \r\n \r\n
\r\n You will receive a reminder notification two business days after the initial notification.\r\n
\r\n \r\n \r\n
\r\n Your credit or debit card will not be charged. However, if you do not respond to three scheduled recurrences, \r\n all future notifications will be cancelled.\r\n
\r\n \r\n \r\n
\r\n We will let you know your payment has been paid and you do not need to submit another payment.\r\n
\r\n \r\n \r\n
\r\n Your phone number is only used to send you payment information. Your number is stored securely so for \r\n each transaction we can validate that you own the number, and your device is still attached to it.\r\n
\r\n \r\n \r\n
\r\n You can use a US or Canadian phone number.\r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n What is an online statement? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Is an online statement the same as an e-mail? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Are online statements free? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Do online statements contain the same information as paper statements?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Will you inform me when my online statement is available? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Is an online statement more secure than a paper statement? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What if I need a paper copy of my statement? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n How do I switch from a paper statement to an online statement? \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n What payment options are available? \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n An online statement is an electronic version of your paper child support statement that you receive at \r\n this web site. It is a convenient and reliable alternative to a paper statement. You can view and pay your \r\n child support obligation at this web site, or you can print a coupon and mail it with your check or money \r\n order to the Missouri Family Support Payment Center.\r\n
\r\n \r\n \r\n
\r\n No, an online statement is an electronic version of your paper statement that you receive at \r\n this web site. However, we will notify you via e-mail when your statement is available. \r\n
\r\n \r\n \r\n
\r\n Yes, online statements are free. \r\n
\r\n \r\n \r\n
\r\n Yes. The only difference is that they are conveniently delivered to this web site, instead of your home mailbox. \r\n
\r\n \r\n \r\n
\r\n Yes, you will receive an e-mail when your statement is available at this web site. We must have \r\n your current e-mail address on file to ensure you receive notification. \r\n
\r\n \r\n \r\n
\r\n It can be. When you avoid receiving the mounds of paper associated with paper statements you also do away \r\n with the need to store and shred statements that may contain confidential information.\r\n
\r\n \r\n \r\n
\r\n The last six months of your online statements are available at this web site. You can always print a copy if you need one.\r\n
\r\n \r\n \r\n
\r\n It’s easy, just register at this web site and select the option to opt-in for online statements. \r\n You will begin receiving your statement online within one to two statement cycles. \r\n
\r\n \r\n \r\n
\r\n You can choose from numerous payment options: automatic bank draft, credit card, or print a coupon and mail \r\n it to the Missouri Family Support Payment Center with your check or money order. You can schedule your bank \r\n draft or credit card payment at this web site and eliminate the need to mail a check or money order.\r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n I am having trouble creating a user ID or password.\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Can my password be the same as my user ID?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Does my password ever expire?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I forgot my password. What do I need to do?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n If I forget my password and change it, but remember it later and want to change it back to the original password can I?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n I tried to register an account on the web site and received the message \"user not found.\" What should I do now?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Your user ID and password must each consist of at least two numbers, six letters,\r\n and not exceed 12 characters in length. In addition, they cannot contain any special\r\n characters. For example, question marks, number signs, periods.\r\n
\r\n \r\n \r\n
\r\n No, it must be different from your user ID.\r\n
\r\n \r\n \r\n
\r\n No, your password does not expire.\r\n
\r\n \r\n \r\n
\r\n On the login page, click \"Forgot your password?\", enter the required information, and create a new password.\r\n
\r\n \r\n \r\n
\r\n Yes, you can.\r\n
\r\n \r\n \r\n
\r\n Contact your local child support office and verify that your name, address, and social security number are correct \r\n in the child support system. \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n It appears there is a problem with the web site. What do I need to do?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Contact MO FSPC Customer Service at 1-888-761-3665 to report the problem. \r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n I believe someone has access to my web site user ID and password. What do I need to do?\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n Money has been withdrawn from my account without my permission. What should I do?\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Change your user ID and password through this web site.\r\n
\r\n \r\n \r\n
\r\n Contact MO FSPC Customer Service at 1-888-761-3665 immediately. You will be asked to submit your claim in writing. \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n P. O. Box 109006
\r\n Jefferson City, MO 65110-9006
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n Address
\r\n MO Family Support Payment Center (MO FSPC)\r\n P. O. Box 109006
\r\n Jefferson City, MO 65110-9006
\r\n
\r\n
Customer Service Telephone Number
\r\n 1-888-761-3665\r\n
\r\n \r\n
Fax
\r\n 1-573-761-1628\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n Live Chat
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \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, Input, OnInit } from '@angular/core';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-forgotusername',\r\n templateUrl: './forgotusername.component.html',\r\n})\r\nexport class ForgotUsernameComponent implements OnInit {\r\n isMobile = false;\r\n baseurl = '';\r\n pagetitle = 'Forgot Username';\r\n\r\n constructor() {\r\n this.baseurl = CommonSettings.BaseApi;\r\n }\r\n\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 Retrieve Username \r\n \r\n \r\n
\r\n \r\n
\r\n Your Username is:
\r\n{{displayUsername}}
\r\n\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {{ieMessage}}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n Welcome to Our New Website
\r\n\r\n Our redesigned website has a fresh new look and is easy to navigate.
\r\n The same options are available as on our previous website.
\r\n A Helpful Links menu is available if you need assistance.\r\n
\r\n
\r\n \r\n
\r\n\r\n This Missouri Child Support Internet Payment Website is dedicated to providing quality\r\n customer service to noncustodial parents and employers who need assistance with the child support payment\r\n process.
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n This Website Does Not Accept Payments Drawn on a Foreign Bank Account
\r\n\r\n
\r\n Note: This website requires that cookies be enabled in your\r\n browser. By accessing this site, you agree to have cookies stored on your computer. You can read more about\r\n how this site uses cookies in our Privacy Policy\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n Helpful Links
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Noncustodial Parent Registration
\r\n\r\n How to Register a New Account (for self)\r\n \r\n
\r\n\r\n How to Register a New Account (for someone else)\r\n \r\n
\r\n\r\n
\r\n Bank Account
\r\n \r\n\r\n
\r\n ACHD Payments
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Employer Registration
\r\n \r\n\r\n
\r\n Bank Account
\r\n \r\n\r\n
\r\n ACHD Payments
\r\n \r\n\r\n
\r\n EFT/EDI
\r\n \r\n\r\n
\r\n \r\n {{creditCardMessage}}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n Your session is about to expire.
\r\n \r\n \r\n\r\n You've been inactive for a while. For your security, we'll automatically sign you out\r\n in approximately 30 seconds. You may choose \"Stay Signed In\" to continue or \"Sign Out\" if you're done.\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n SMI Pay LLC, (“MO Child Support Internet Payment Website”, “we”, “us”, or “our” as applicable) \r\n respects and protects the privacy of visitors to our website and users of our internet payment services. This Privacy Policy describes our information handling \r\n practices when you access our website or use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE to make a payment. Capitalized terms used herein and not defined are defined \r\n in our Terms and Conditions.
\r\n
\r\n\r\n Please take a moment to read this Privacy Policy carefully. If you have any questions about this Privacy Policy, please submit your request by calling 1-888-761-3665 \r\n during customer service hours. The hours are Monday-Friday, 8:00 a.m. to 5:00 p.m., Central Standard Time (CST), excluding state \r\n and federal holidays. By accessing and using our website or MO CHILD SUPPORT INTERNET PAYMENT WEBSITE to make a payment, you signify acceptance to the terms of this \r\n Privacy Policy. Where we require your consent to process your personal information, we will ask for your consent to the collection, use, and disclosure of your \r\n personal information as described further below.
\r\n
\r\n \r\n If you do not agree with or you are not comfortable with any aspect of this Privacy Policy, you should immediately discontinue using MO CHILD SUPPORT INTERNET PAYMENT \r\n WEBSITE and accessing our website.
\r\n
\r\n \r\n Please note that while we have taken reasonable steps to safeguard the integrity of the information that we collect and store, along with preventing unauthorized \r\n access to information maintained by us, given the inherent nature of technology and the internet, no security measures can ever be assumed to be 100% fail-safe.
\r\n
\r\n\r\n We may provide you with additional disclosures about the information processing practices of specific services. These notices may supplement or clarify our \r\n privacy practices or may provide you with additional choices about how we process your information. To keep up with changing legislation, best practice and changes \r\n in how we process personal information, we reserve the right to amend this Privacy Policy at any time without notice by posting a revised version on our website. To \r\n stay up to date on any changes, check back periodically.
\r\n
\r\n\r\n 1.\tInformation we may collect or receive\r\n
\r\n\r\n Personal information is data that identifies an individual or relates to an identifiable individual. This includes information you provide to us, information which \r\n is collected about you automatically, and information we obtain from third parties. The definition of personal information depends on the applicable law based on \r\n your physical location. Only the definition that applies to your physical location will apply to you under this Privacy Policy.
\r\n
\r\n\r\n 1.1\tInformation you provide to us \r\n
\r\n\r\n You may give us information about you when you sign up to use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE. This also includes information you provide tbrough your \r\n continued use of MO CHILD SUPPORT INTERNET PAYMENT WEBSITE, such as how you use our website, and information you provide when you report a problem related to a \r\n Payment Instruction or our services. We may collect the following types of information from you:
\r\n
\r\n\r\n
\r\n\r\n If you provide to us the personal information of any individual other than yourself during your use of our services, you certify that you have obtained consent \r\n from such individual to disclose such information to us, as well his/her consent to our collection, use and disclosure of such personal information, for the \r\n purposes set out in this Privacy Policy.
\r\n
\r\n\r\n 1.2\tOther information we may collect \r\n
\r\n\r\n To the extent permitted under the applicable law, we may collect certain types of information automatically, such as information about when you interact with our \r\n website or use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE (e.g., the date and time and the web pages or services you accessed during your visit). We may also use \r\n identifiers to recognize you when you access our websites via an external link, such as a link appearing on a third-party website. This type of information helps \r\n us address customer support issues, improve the performance of our websites, and provide you with a streamlined and personalized experience. Information collected \r\n automatically includes:
\r\n
\r\n\r\n
\r\n\r\n 1.3\tInformation we may receive from other sources \r\n
\r\n\r\n From time to time, we may obtain information about you from third party sources as required or permitted by applicable law. These sources may include:
\r\n
\r\n\r\n
\r\n\r\n 2.\tUses made of information we collect or receive \r\n
\r\n\r\n Our primary purpose in collecting personal information is to provide you with our services in a secure, smooth manner. We may use this information in \r\n the following ways:
\r\n
\r\n\r\n 2.1\tTo provide MO CHILD SUPPORT INTERNET PAYMENT WEBSITE’s services to you\r\n
\r\n\r\n We process your personal information to provide payment services to you. Third parties such as Payment Service Providers may also access and/or collect \r\n your personal information when providing fraud prevention or other services. We cannot provide you with services without such information.
\r\n
\r\n\r\n 2.2\tTo provide service-related communications\r\n
\r\n\r\n We send administrative or payment and account-related information to you to keep you updated about our Services, inform you of relevant security issues or \r\n updates, or provide other transaction-related information. You may not opt-out of receiving critical service communications, such as emails or mobile \r\n notifications sent for legal or security purposes.
\r\n
\r\n\r\n 2.3\tTo provide customer support\r\n
\r\n\r\n We process your personal information when you contact us to resolve any questions or to troubleshoot problems. Without processing your personal information for \r\n such purposes, we cannot respond to your questions and ensure your uninterrupted use of our services.
\r\n
\r\n\r\n 2.4\tTo ensure network and information security and quality control\r\n
\r\n\r\n We process your personal information in order to enhance security, monitor and verify identity or service access, combat spam or other malware or security \r\n risks and to comply with applicable security laws and regulations. We also process your personal information for quality control and staff training. If we \r\n do not process personal information for quality control purposes, you may experience issues with the services and/or we may not be able to ensure the security \r\n of our services.
\r\n
\r\n\r\n 2.5\tFor research and development purposes and to enhance your experience\r\n
\r\n\r\n We process your personal information to better understand the way you use and interact with MO CHILD SUPPORT INTERNET PAYMENT WEBSITE. Without such processing, \r\n we cannot ensure your smooth use of MO CHILD SUPPORT INTERNET PAYMENT WEBSITE functionality.
\r\n
\r\n\r\n 2.6\tTo engage in marketing activities\r\n
\r\n\r\n Based on your communication preferences, we may send you marketing communications (e.g., emails) to inform you about our services. Our marketing will be \r\n conducted in accordance with your advertising marketing preferences and as permitted by applicable law.
\r\n
\r\n\r\n 2.7\tTo maintain legal and regulatory compliance\r\n
\r\n\r\n Some of our services or services provided by Payment Service Providers are subject to laws and regulations requiring us to collect, use, and store your personal \r\n information in certain ways. When you seek debit your Bank Account or use a Card, we may require you to provide additional information which we may use in collaboration \r\n with Payment Service Providers to verify your identity or address, and/or to manage risk as required under applicable law. The consequences of not processing your \r\n personal information for such purposes is the termination of your ability to use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE.
\r\n
\r\n\r\n 2.8\tTo enforce our terms in our user agreement and other agreements\r\n
\r\n\r\n We monitor to prevent any prohibited or illegal activities on our website, enforce our agreements with third parties, and/or prevent and detect violations of our Terms \r\n and Conditions. We collect information about your usage and closely monitor your interactions with us. We may use any of your personal information collected for these \r\n purposes. The consequences of not processing your personal information for such purposes is the termination of your ability to use MO CHILD SUPPORT INTERNET PAYMENT \r\n WEBSITE.
\r\n
\r\n\r\n 2.9\tFor any purpose\r\n
\r\n\r\n We may disclose your personal information for any purpose you consent to.
\r\n
\r\n\r\n The following chart summarizes how we use the categories of personal information we collect from you:
\r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n\r\n We will not use your personal information for purposes other than those purposes we have disclosed to you, without your permission.
\r\n
\r\n\r\n 3.\tDisclosure of your information\r\n
\r\n\r\n It is our policy to treat all personal and transaction information as confidential. This means that we will not sell or rent your personal information to third \r\n parties without your consent. However, we may disclose information to third parties about you and/or the transactions you make, in the following situations:
\r\n
\r\n\r\n 3.1 Where it is necessary for completing transactions, such as to Payment Service Providers or other financial institutions with which we partner \r\n to process payments you have authorized.\r\n
\r\n\r\n
\r\n\r\n 3.2 Where required by law;\r\n
\r\n\r\n 3.3 With professional advisors who provide banking, legal, compliance, insurance, accounting, or other consulting services in order to complete \r\n third party financial, technical, compliance and legal audits of our operations or otherwise comply with our obligations;\r\n
\r\n\r\n 3.4\tWith service providers under contract with us who help with parts of our business operations. Our contracts require these service providers to \r\n only use your information in connection with the services they perform for us and prohibit them from selling your information to anyone else. Examples include our cloud \r\n storage providers, customer support providers, network infrastructure and security providers; and\r\n
\r\n\r\n 3.5\tIf you give us your written permission.\r\n
\r\n\r\n The personal information that you submit, to us may become part of the child support file, however, all child support files are confidential.
\r\n
\r\n\r\n 4.\tRetention of Personal Information\r\n
\r\n\r\n We will only retain your personal information for as long as necessary to fulfil the purposes for which we collected it, including for the purposes of \r\n satisfying any legal, accounting, or reporting obligations or to resolve disputes. We generally store information for up to 7 years.
\r\n
\r\n\r\n 5.\tCookies\r\n
\r\n\r\n MO CHILD SUPPORT INTERNET PAYMENT WEBSITE may use cookies on its website to distinguish you from other users. This helps us to provide you with a good experience \r\n and also allows us to improve our services. Cookies are files with a small amount of data, which may include an anonymous unique identifier. Cookies are sent to \r\n your browser from a website and transferred to your device. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. The \r\n “Help” feature on most browsers provides information on how to accept cookies, disable cookies or to notify you when receiving a new cookie.
\r\n
\r\n\r\n Other\r\n
\r\n\r\n This PRIVACY NOTICE IS FOR CALIFORNIA RESIDENTS ONLY and supplements the Privacy Policy above.
\r\n Effective January 1, 2020, the California Consumer Act of 2018 (the “CCPA”) permits consumers who are California residents to ask businesses covered under the \r\n CCPA about personal information it has collected about the consumer, submit an access or deletion request, and opt-out of the sale of personal information, if applicable.
\r\n
\r\n\r\n
\r\n\r\n If you have any questions or comments about this notice, our Privacy Policy, the ways in which we collect and use your personal information, your choices and rights \r\n regarding such use, or wish to exercise your rights under California law, please do not hesitate to contact us at 1-888-761-3665\r\n during customer service hours. The hours are Monday-Friday, 8:00 a.m. to 5:00 p.m., Central Standard Time (CST), excluding state and federal holidays. Or by mail at MO \r\n State Disbursement Unit, P. O. Box 109006, Jefferson City, MO 65110-9006. We will not discriminate against you for exercising any of your CCPA rights.
\r\n\r\n\r\n \r\n\r\n\r\n
\r\n Privacy Statement
\r\n Last Updated: 01/10/2023\r\n\r\n\r\n SMI Pay LLC, (“MO Child Support Internet Payment Website”, “we”, “us”, or “our” as applicable) \r\n respects and protects the privacy of visitors to our website and users of our internet payment services. This Privacy Policy describes our information handling \r\n practices when you access our website or use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE to make a payment. Capitalized terms used herein and not defined are defined \r\n in our Terms and Conditions.
\r\n
\r\n\r\n Please take a moment to read this Privacy Policy carefully. If you have any questions about this Privacy Policy, please submit your request by calling 1-888-761-3665 \r\n during customer service hours. The hours are Monday-Friday, 8:00 a.m. to 5:00 p.m., Central Standard Time (CST), excluding state \r\n and federal holidays. By accessing and using our website or MO CHILD SUPPORT INTERNET PAYMENT WEBSITE to make a payment, you signify acceptance to the terms of this \r\n Privacy Policy. Where we require your consent to process your personal information, we will ask for your consent to the collection, use, and disclosure of your \r\n personal information as described further below.
\r\n
\r\n \r\n If you do not agree with or you are not comfortable with any aspect of this Privacy Policy, you should immediately discontinue using MO CHILD SUPPORT INTERNET PAYMENT \r\n WEBSITE and accessing our website.
\r\n
\r\n \r\n Please note that while we have taken reasonable steps to safeguard the integrity of the information that we collect and store, along with preventing unauthorized \r\n access to information maintained by us, given the inherent nature of technology and the internet, no security measures can ever be assumed to be 100% fail-safe.
\r\n
\r\n\r\n We may provide you with additional disclosures about the information processing practices of specific services. These notices may supplement or clarify our \r\n privacy practices or may provide you with additional choices about how we process your information. To keep up with changing legislation, best practice and changes \r\n in how we process personal information, we reserve the right to amend this Privacy Policy at any time without notice by posting a revised version on our website. To \r\n stay up to date on any changes, check back periodically.
\r\n
\r\n\r\n 1.\tInformation we may collect or receive\r\n
\r\n\r\n Personal information is data that identifies an individual or relates to an identifiable individual. This includes information you provide to us, information which \r\n is collected about you automatically, and information we obtain from third parties. The definition of personal information depends on the applicable law based on \r\n your physical location. Only the definition that applies to your physical location will apply to you under this Privacy Policy.
\r\n
\r\n\r\n 1.1\tInformation you provide to us \r\n
\r\n\r\n You may give us information about you when you sign up to use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE. This also includes information you provide tbrough your \r\n continued use of MO CHILD SUPPORT INTERNET PAYMENT WEBSITE, such as how you use our website, and information you provide when you report a problem related to a \r\n Payment Instruction or our services. We may collect the following types of information from you:
\r\n
\r\n\r\n
- \r\n
- \r\n Personal Identification Information: such as your full name, date of birth, geographic location information, phone number, home address, \r\n and/or email.
\r\n \r\n\r\n - \r\n Financial Information: such as Bank Account information (savings or checking number and routing number), Card account number and related \r\n details.
\r\n \r\n\r\n - \r\n Transaction/Child Support File Information: such as information about the transactions you make using our website, such as your name, the \r\n amount, and/or timestamp, as well as the relevant Child Support file, associated with your Payment Instruction.
\r\n \r\n\r\n - \r\n Correspondence: such as information provided to our Customer Service team.\r\n \r\n
\r\n\r\n If you provide to us the personal information of any individual other than yourself during your use of our services, you certify that you have obtained consent \r\n from such individual to disclose such information to us, as well his/her consent to our collection, use and disclosure of such personal information, for the \r\n purposes set out in this Privacy Policy.
\r\n
\r\n\r\n 1.2\tOther information we may collect \r\n
\r\n\r\n To the extent permitted under the applicable law, we may collect certain types of information automatically, such as information about when you interact with our \r\n website or use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE (e.g., the date and time and the web pages or services you accessed during your visit). We may also use \r\n identifiers to recognize you when you access our websites via an external link, such as a link appearing on a third-party website. This type of information helps \r\n us address customer support issues, improve the performance of our websites, and provide you with a streamlined and personalized experience. Information collected \r\n automatically includes:
\r\n
\r\n\r\n
- \r\n
- \r\n Online Identifiers: Geo location/tracking details, browser fingerprint, operating system, browser name and version, and/or your IP addresses.\r\n \r\n\r\n
- \r\n Usage Data: Authentication data, security questions, click-stream data, and other data collected via cookies and similar technologies. Please read about Cookies in Section 5 below for more information.\r\n \r\n\r\n
- \r\n Customer Service: Calls may be recorded.\r\n \r\n
\r\n\r\n 1.3\tInformation we may receive from other sources \r\n
\r\n\r\n From time to time, we may obtain information about you from third party sources as required or permitted by applicable law. These sources may include:
\r\n
\r\n\r\n
- \r\n
- \r\n Public Databases\r\n \r\n\r\n
- \r\n Payment Service Providers\r\n \r\n\r\n
- \r\n Advertising Networks & Analytics Providers\r\n \r\n\r\n
- \r\n Government Agencies with information such as a case number or social security number\r\n \r\n\r\n
\r\n\r\n 2.\tUses made of information we collect or receive \r\n
\r\n\r\n Our primary purpose in collecting personal information is to provide you with our services in a secure, smooth manner. We may use this information in \r\n the following ways:
\r\n
\r\n\r\n 2.1\tTo provide MO CHILD SUPPORT INTERNET PAYMENT WEBSITE’s services to you\r\n
\r\n\r\n We process your personal information to provide payment services to you. Third parties such as Payment Service Providers may also access and/or collect \r\n your personal information when providing fraud prevention or other services. We cannot provide you with services without such information.
\r\n
\r\n\r\n 2.2\tTo provide service-related communications\r\n
\r\n\r\n We send administrative or payment and account-related information to you to keep you updated about our Services, inform you of relevant security issues or \r\n updates, or provide other transaction-related information. You may not opt-out of receiving critical service communications, such as emails or mobile \r\n notifications sent for legal or security purposes.
\r\n
\r\n\r\n 2.3\tTo provide customer support\r\n
\r\n\r\n We process your personal information when you contact us to resolve any questions or to troubleshoot problems. Without processing your personal information for \r\n such purposes, we cannot respond to your questions and ensure your uninterrupted use of our services.
\r\n
\r\n\r\n 2.4\tTo ensure network and information security and quality control\r\n
\r\n\r\n We process your personal information in order to enhance security, monitor and verify identity or service access, combat spam or other malware or security \r\n risks and to comply with applicable security laws and regulations. We also process your personal information for quality control and staff training. If we \r\n do not process personal information for quality control purposes, you may experience issues with the services and/or we may not be able to ensure the security \r\n of our services.
\r\n
\r\n\r\n 2.5\tFor research and development purposes and to enhance your experience\r\n
\r\n\r\n We process your personal information to better understand the way you use and interact with MO CHILD SUPPORT INTERNET PAYMENT WEBSITE. Without such processing, \r\n we cannot ensure your smooth use of MO CHILD SUPPORT INTERNET PAYMENT WEBSITE functionality.
\r\n
\r\n\r\n 2.6\tTo engage in marketing activities\r\n
\r\n\r\n Based on your communication preferences, we may send you marketing communications (e.g., emails) to inform you about our services. Our marketing will be \r\n conducted in accordance with your advertising marketing preferences and as permitted by applicable law.
\r\n
\r\n\r\n 2.7\tTo maintain legal and regulatory compliance\r\n
\r\n\r\n Some of our services or services provided by Payment Service Providers are subject to laws and regulations requiring us to collect, use, and store your personal \r\n information in certain ways. When you seek debit your Bank Account or use a Card, we may require you to provide additional information which we may use in collaboration \r\n with Payment Service Providers to verify your identity or address, and/or to manage risk as required under applicable law. The consequences of not processing your \r\n personal information for such purposes is the termination of your ability to use MO CHILD SUPPORT INTERNET PAYMENT WEBSITE.
\r\n
\r\n\r\n 2.8\tTo enforce our terms in our user agreement and other agreements\r\n
\r\n\r\n We monitor to prevent any prohibited or illegal activities on our website, enforce our agreements with third parties, and/or prevent and detect violations of our Terms \r\n and Conditions. We collect information about your usage and closely monitor your interactions with us. We may use any of your personal information collected for these \r\n purposes. The consequences of not processing your personal information for such purposes is the termination of your ability to use MO CHILD SUPPORT INTERNET PAYMENT \r\n WEBSITE.
\r\n
\r\n\r\n 2.9\tFor any purpose\r\n
\r\n\r\n We may disclose your personal information for any purpose you consent to.
\r\n
\r\n\r\n The following chart summarizes how we use the categories of personal information we collect from you:
\r\n
\r\n\r\n
| Personal Information Category, as described above | \r\nSources of Such Personal Information | \r\nPurpose of Collection of Such Personal Information | \r\nDisclosure of Personal Information | \r\n
|---|---|---|---|
| (A) Identifiers such as Personal Identification Information | \r\nInformation you provide us; Information collected from third parties | \r\nSection 2.1, 2.2, 2.3, 2.4, 2.5, 2.6, 2.7, and 2.8 above | \r\n\r\n
| \r\n
| (B) Customer records such as signature | \r\nInformation you provide us; Information collected from third parties | \r\nSection 2.2, 2.3, 2.5, 2.7 and 2.8 above | \r\n\r\n
| \r\n
| C) Protected classifications under California and federal law, such as age | \r\nInformation you provide us; Information collected from third parties | \r\nSection 2.7 and 2.8 above | \r\n\r\n
| \r\n
| (D) Commercial information such as records of services purchased, obtained, or considered | \r\nInformation you provide us; Information we collect from you automatically; | \r\nSection 2.1, 2.2, 2.3, 2.4, 2.5, 2.6 and 2.8 above | \r\n\r\n
| \r\n
| (E) Biometric information | \r\nNot Applicable | \r\nNot Applicable | \r\nNot Applicable | \r\n
| (F) Usage Data | \r\nInformation we collect from you automatically | \r\nSection 2.3, 2.4, 2.5, 2.6, 2.7 and 2.8 above | \r\n\r\n
| \r\n
| (G) Online Identifiers | \r\nInformation we collect from you automatically | \r\nSection 2.1, 2.5, 2.7 and 2.8 above | \r\n\r\n
| \r\n
| (H) Sensory data, such as audio, electronic, visual information | \r\nInformation you provide us; Information we collect from you automatically | \r\nSection 2.1, 2.2, 2.3, 2.4, 2.5 and 2.8 above | \r\n\r\n
|
| (I) Professional or employment-related information | \r\nNot collected | \r\nNot Applicable | \r\nNot Applicable | \r\n
| (J) Inferences about preferences, characteristics, predispositions, etc. | \r\nNot collected | \r\nNot Applicable | \r\nNot Applicable | \r\n
\r\n\r\n We will not use your personal information for purposes other than those purposes we have disclosed to you, without your permission.
\r\n
\r\n\r\n 3.\tDisclosure of your information\r\n
\r\n\r\n It is our policy to treat all personal and transaction information as confidential. This means that we will not sell or rent your personal information to third \r\n parties without your consent. However, we may disclose information to third parties about you and/or the transactions you make, in the following situations:
\r\n
\r\n\r\n 3.1 Where it is necessary for completing transactions, such as to Payment Service Providers or other financial institutions with which we partner \r\n to process payments you have authorized.\r\n
\r\n\r\n
- \r\n
- \r\n Your Card information, if you use such methods to make payments on our website, is securely transferred and hosted off-site by Payment Service Providers \r\n and is held in compliance with Payment Card Industry Data Security Standards (PCI DSS).
\r\n \r\n\r\n - \r\n When using MO CHILD SUPPORT INTERNET PAYMENT WEBSITE online you may be linked to other websites, such as those of other Payment Service Providers, and other \r\n third parties that are not operated by us. We strongly advise you to review the Privacy Policy of every such party. We have no control over, and assume no \r\n responsibility for the content, privacy policies or practices of any third-party websites or services;
\r\n \r\n
\r\n\r\n 3.2 Where required by law;\r\n
\r\n\r\n 3.3 With professional advisors who provide banking, legal, compliance, insurance, accounting, or other consulting services in order to complete \r\n third party financial, technical, compliance and legal audits of our operations or otherwise comply with our obligations;\r\n
\r\n\r\n 3.4\tWith service providers under contract with us who help with parts of our business operations. Our contracts require these service providers to \r\n only use your information in connection with the services they perform for us and prohibit them from selling your information to anyone else. Examples include our cloud \r\n storage providers, customer support providers, network infrastructure and security providers; and\r\n
\r\n\r\n 3.5\tIf you give us your written permission.\r\n
\r\n\r\n The personal information that you submit, to us may become part of the child support file, however, all child support files are confidential.
\r\n
\r\n\r\n 4.\tRetention of Personal Information\r\n
\r\n\r\n We will only retain your personal information for as long as necessary to fulfil the purposes for which we collected it, including for the purposes of \r\n satisfying any legal, accounting, or reporting obligations or to resolve disputes. We generally store information for up to 7 years.
\r\n
\r\n\r\n 5.\tCookies\r\n
\r\n\r\n MO CHILD SUPPORT INTERNET PAYMENT WEBSITE may use cookies on its website to distinguish you from other users. This helps us to provide you with a good experience \r\n and also allows us to improve our services. Cookies are files with a small amount of data, which may include an anonymous unique identifier. Cookies are sent to \r\n your browser from a website and transferred to your device. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. The \r\n “Help” feature on most browsers provides information on how to accept cookies, disable cookies or to notify you when receiving a new cookie.
\r\n
\r\n\r\n Other\r\n
\r\n\r\n This PRIVACY NOTICE IS FOR CALIFORNIA RESIDENTS ONLY and supplements the Privacy Policy above.
\r\n Effective January 1, 2020, the California Consumer Act of 2018 (the “CCPA”) permits consumers who are California residents to ask businesses covered under the \r\n CCPA about personal information it has collected about the consumer, submit an access or deletion request, and opt-out of the sale of personal information, if applicable.
\r\n
\r\n\r\n
- \r\n
- \r\n You have the right to request that we disclose certain information to you about our collection and use of your personal information over the past 12 months. \r\n We have not sold any of your personal information in the last 12 months.
\r\n \r\n\r\n - \r\n You have the right to request access to or that we delete any of your personal information that we collected from you and retained, subject to certain exceptions. \r\n Once we receive and confirm your verifiable consumer request, we will delete (and direct our service providers to delete) your personal information from our \r\n records or provide it to you, as applicable, unless an exception applies.
\r\n \r\n
\r\n\r\n If you have any questions or comments about this notice, our Privacy Policy, the ways in which we collect and use your personal information, your choices and rights \r\n regarding such use, or wish to exercise your rights under California law, please do not hesitate to contact us at 1-888-761-3665\r\n during customer service hours. The hours are Monday-Friday, 8:00 a.m. to 5:00 p.m., Central Standard Time (CST), excluding state and federal holidays. Or by mail at MO \r\n State Disbursement Unit, P. O. Box 109006, Jefferson City, MO 65110-9006. We will not discriminate against you for exercising any of your CCPA rights.
\r\n\r\n\r\n \r\n\r\n\r\n
\r\n
\r\nSelect New Account Type
\r\n\r\n Noncustodial Parent\r\n Employer\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n Security Statement
\r\nEvery time you use this web site, the data transmitted to or from your PC is sent encrypted\r\n over a 128 bit secure socket layer (SSL). SSL encrypts all information exchanged between this\r\n web site and your PC, such as credit card numbers and other personal data, using a unique\r\n session key. Each session key is used only once, during a single session (which may include\r\n one or more transactions) with a single user. These layers of privacy protection ensure that\r\n information cannot be viewed if it is intercepted by unauthorized parties. When a message is\r\n sent, the sending and receiving computers each generate a code based on the message content.\r\n If even a single character in the message content is altered en route, the receiving computer\r\n will generate a different code, and then alert the recipient that the message is not legitimate.\r\n With message integrity, both parties involved in the transaction know that what they’re seeing is\r\n exactly what the other party sent.
\r\nA trusted third party certificate authority issues this site’s certificate so you can be\r\n assured this web site is authentic and belongs to the Missouri E-Commerce Solution.
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n Accessibility Statement
\r\n\r\n This site has been evaluated for compliance with existing accessibility guidelines,\r\n including Section 508 of the US Rehabilitation Act and the W3C’s Web Content\r\n Accessibility Guidelines (WCAG).\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Scheduled Payments\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n Add\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Payment History \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n My Account \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{username}} {{isManager && '(Manager)'}}\r\n
\r\n \r\n {{accountAddress}} {{accountCSZ}}\r\n \r\n- \r\n
- Employer \r\n
- {{employerName}} \r\n
- Phone \r\n
- {{accountPhone | mask: phoneMask}} \r\n
- {{accountEmail}} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n No additional user found.
\r\n Click HERE to add an additional user.\r\n
\r\n \r\n Click
\r\n
\r\n Profile and Settings\r\n
\r\n \r\n \r\n \r\n {{col}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{payment.wiDate | validDate}}\r\n {{payment.nickName}}\r\n {{payment.bankName}}\r\n {{payment.accountNumberMasked }}\r\n {{payment.amount | currency}}\r\n {{payment.scheduleFrequencyName}}\r\n \r\n \r\n \r\n
\r\n ","import { DatePipe } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { Router } from '@angular/router';\r\nimport { PaymentService, AuthService, ViewportService, ErrorHandlerService, ConfirmDialogModel, ConfirmDialogComponent } from 'epay-library';\r\nimport { IPaymentAccount } from 'epay-library/lib/features/common/models/payment/paymentaccount';\r\nimport { IEMPPaymentList } from 'epay-library/lib/features/employer/models/payment/achd/employerPaymentList';\r\nimport { IEMPPaymentCollection } from 'epay-library/lib/features/employer/models/payment/employerPaymentCollection';\r\n\r\n\r\n@Component({\r\n selector: 'emp-payment-list-common',\r\n templateUrl: './emppayment-list-common.component.html',\r\n})\r\nexport class EMPPaymentListCommonComponent implements OnInit {\r\n @Input() baseurl = '';\r\n @Input() secondaryIdAlias = '';\r\n @Output() deletePaymentEmitter = new EventEmitter<{\r\n sender: string;\r\n success: boolean;\r\n message: string;\r\n confirmationNumber: string;\r\n }>();\r\n\r\n isLoggedIn = false;\r\n\r\n scheduledpaymentheader: string[] = [\r\n 'Next Payment Date',\r\n 'Nickname',\r\n 'Bank Name',\r\n 'Account',\r\n 'Amount',\r\n 'Frequency',\r\n 'Day',\r\n 'Start Date',\r\n 'Action',\r\n ];\r\n paymentheader: string[] = ['Full Name', 'Case #', 'SSN', 'Amount'];\r\n paymentaccounts: IPaymentAccount[];\r\n paymentCollection: IEMPPaymentCollection[];\r\n scheduledpayments: IEMPPaymentList[];\r\n accountKeys: string[];\r\n usernumber: number;\r\n selectedAccountKey = '';\r\n errorMessage = '';\r\n message = '';\r\n deleteresult = '';\r\n isLoadingPayments = false;\r\n isMobile = false;\r\n\r\n confirmationTitle = '';\r\n confirmationMessage = '';\r\n confirmationNumber = '';\r\n goToPrimary = '';\r\n goToPrimaryUrl = '';\r\n openConfirmation = false;\r\n\r\n constructor(\r\n private paymentService: PaymentService,\r\n private authService: AuthService,\r\n private viewpointService: ViewportService,\r\n private errorHandlerService: ErrorHandlerService,\r\n private router: Router,\r\n public dialog: MatDialog,\r\n private datePipe: DatePipe,\r\n public snackbar: MatSnackBar,\r\n public toolip: MatTooltipModule\r\n ) {\r\n this.paymentaccounts = [];\r\n this.paymentCollection = [];\r\n this.scheduledpayments = [];\r\n this.accountKeys = [];\r\n this.usernumber = 0;\r\n this.message = '';\r\n this.deleteresult = '';\r\n }\r\n\r\n ngOnInit() {\r\n this.getPaymentList();\r\n\r\n this.viewpointService.IsMobile.subscribe((mobile) => {\r\n this.isMobile = mobile;\r\n if (this.isMobile) {\r\n this.scheduledpaymentheader = ['Date', 'Bank Name', 'Amount', 'Action'];\r\n } else\r\n this.scheduledpaymentheader = [\r\n 'Next Payment Date',\r\n 'Nickname',\r\n 'Bank Name',\r\n 'Account',\r\n 'Amount',\r\n 'Frequency',\r\n 'Day',\r\n 'Start Date',\r\n 'Action',\r\n ];\r\n });\r\n\r\n if (this.secondaryIdAlias !== '') {\r\n this.paymentheader = [\r\n 'Full Name',\r\n this.secondaryIdAlias,\r\n 'SSN',\r\n 'Amount',\r\n ];\r\n } else {\r\n this.secondaryIdAlias = 'Case Number';\r\n }\r\n }\r\n\r\n getPaymentList() {\r\n const today: any = new Date();\r\n this.isLoadingPayments = true;\r\n this.paymentService.getPaymentAccounts(this.baseurl).subscribe({\r\n next: (accounts: any) => {\r\n if (accounts.length) {\r\n this.paymentaccounts = this.filterOldAccount(accounts);\r\n this.paymentaccounts.forEach((account) => {\r\n this.accountKeys.push(account.scheduledPaymentAccountKey);\r\n this.paymentService\r\n .getPayments(\r\n this.baseurl,\r\n account.scheduledPaymentAccountKey,\r\n false\r\n )\r\n .subscribe(\r\n (payments) => {\r\n if (payments.length > 0) {\r\n payments.forEach((sp) => {\r\n const scheduledDate: any = new Date(sp.nextScheduledDate);\r\n const diffDays = Math.floor(\r\n (today - scheduledDate) / (1000 * 60 * 60 * 24)\r\n );\r\n if (Math.abs(diffDays) <= 2) {\r\n sp.canDelete = false;\r\n } else {\r\n sp.canDelete = true;\r\n }\r\n });\r\n this.scheduledpayments =\r\n this.scheduledpayments.concat(payments);\r\n }\r\n this.scheduledpayments = this.scheduledpayments.sort((a, b) =>\r\n a.scheduleStartDate > b.scheduleStartDate ? -1 : 1\r\n );\r\n },\r\n (error) => {\r\n this.isLoadingPayments = false;\r\n this.errorMessage = error as any;\r\n if (error.status !== 404) {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n }\r\n }\r\n );\r\n });\r\n }\r\n },\r\n error: (error: any) => {\r\n this.isLoadingPayments = false;\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n complete: () => {\r\n this.isLoadingPayments = false;\r\n },\r\n });\r\n }\r\n\r\n filterOldAccount(accounts: IPaymentAccount[]) {\r\n return accounts.filter(\r\n (account) =>\r\n this.datePipe.transform(account.inactiveDate, 'yyyy-MM-dd') ===\r\n '9999-12-31'\r\n );\r\n }\r\n\r\n editpayment(payment: IEMPPaymentList) {\r\n this.router.navigateByUrl('employer/achd/payment', { state: payment });\r\n }\r\n\r\n deletepayment(payment: IEMPPaymentList) {\r\n const message = `Are you sure you want to delete this scheduled payment?`;\r\n const paymentName =\r\n payment.scheduleNickName.length > 0 ? payment.scheduleNickName : '';\r\n const paymentAmt = payment.amount;\r\n const paymentDate = this.datePipe.transform(\r\n payment.nextScheduledDate,\r\n 'yyyy-MM-dd'\r\n )!;\r\n const paymentAcct = payment.accountNumberMasked;\r\n const dialogData = new ConfirmDialogModel(\r\n 'Confirm Deleting Scheduled Payment',\r\n message,\r\n '',\r\n paymentAcct,\r\n paymentAmt,\r\n paymentDate,\r\n paymentName\r\n );\r\n\r\n const dialogRef = this.dialog.open(ConfirmDialogComponent, {\r\n maxWidth: '600px',\r\n data: dialogData,\r\n });\r\n\r\n dialogRef.afterClosed().subscribe({\r\n next: (dialogResult: any) => (this.deleteresult = dialogResult),\r\n error: (error: any) => console.log(error),\r\n complete: () => {\r\n if (this.deleteresult) {\r\n this.paymentService.deletePayment(this.baseurl, payment).subscribe({\r\n next: (success: any) => {\r\n for (let i = 0; i < this.scheduledpayments.length; i++) {\r\n if (\r\n this.scheduledpayments[i].scheduledPaymentId ===\r\n payment.scheduledPaymentId\r\n ) {\r\n this.scheduledpayments.splice(i, 1);\r\n }\r\n }\r\n this.deletePaymentEmitter.emit({\r\n sender: 'ACHD Home',\r\n success: true,\r\n message: 'Your scheduled payment has been DELETED.',\r\n confirmationNumber: success.confirmationNumber,\r\n });\r\n },\r\n error: (error: any) => {\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n },\r\n });\r\n }\r\n\r\n onDeleteComplete(confirmationNum: string) {\r\n this.confirmationNumber = confirmationNum;\r\n this.goToPrimaryUrl = 'employer/landing';\r\n this.goToPrimary = 'Home';\r\n this.openConfirmation = true;\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n\r\n","\r\n \r\n \r\n
\r\n
\r\n | {{col}} | \r\n||||
|---|---|---|---|---|
| {{par.lastName }} | \r\n{{par.firstName}} | \r\n{{par.secondaryId}} | \r\n{{par.ssn | maskdata: 4}} | \r\n{{par.amount | currency}} | \r\n
\r\n \r\n \r\n {{col}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{payment.nextScheduledDate | validDate}}\r\n {{payment.scheduleNickName}}\r\n {{payment.bankName}}\r\n {{payment.accountNumberMasked}}\r\n {{payment.amount | currency}}\r\n {{payment.scheduleFrequencyText}}\r\n {{payment.scheduleDayText}}\r\n {{payment.scheduleStartDate | validDate}}\r\n \r\n \r\n \r\n \r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { EmployerService } from '../../../services/employer.service';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-payment',\r\n templateUrl: './payment.component.html',\r\n})\r\nexport class EMPPaymentComponent implements OnInit {\r\n pagetitle = 'Employer: Create ACHD Debit Payment';\r\n baseurl = '';\r\n clientName = '';\r\n termsContent = '';\r\n validateCaseNumber: boolean = false;\r\n saveEmployees: boolean = false;\r\n\r\n constructor(private employerService: EmployerService) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.clientName = CommonSettings.ClientName;\r\n this.validateCaseNumber = CommonSettings.EmployerUseCaseNumberForPayments;\r\n this.saveEmployees = CommonSettings.SaveEmployeesForPayments;\r\n }\r\n\r\n ngOnInit() {\r\n this.employerService.getEmployerTerms().subscribe((result) => {\r\n this.termsContent = result;\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {{col}} | \r\n|||
|---|---|---|---|
| {{par.firstName}} {{par.lastName}} | \r\n{{par.secondaryId}} | \r\n{{par.ssn | maskdata: 4}} | \r\n{{par.amount | 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
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Credit Card Payment History \r\n \r\n \r\n
\r\n\r\n \r\n Add\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n My Account \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{username}} {{isManager && '(Manager)'}}\r\n
\r\n \r\n {{accountAddress}} {{accountCSZ}}\r\n \r\n- \r\n
- Employer \r\n
- {{employerName}} \r\n
- Phone \r\n
- {{accountPhone | mask: phoneMask}} \r\n
- {{accountEmail}} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n No additional user found.
\r\n Click HERE to add an additional user.\r\n
\r\n \r\n Click
\r\n
\r\n Profile and Settings\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n File History \r\n \r\n \r\n
\r\n\r\n \r\n Add\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n My Account \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{username}} {{isManager && '(Manager)'}}\r\n
\r\n \r\n {{accountAddress}} {{accountCSZ}}\r\n \r\n- \r\n
- Employer \r\n
- {{employerName}} \r\n
- Phone \r\n
- {{accountPhone | mask: phoneMask}} \r\n
- {{accountEmail}} \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n No additional user found.
\r\n Click HERE to add an additional user.\r\n
\r\n \r\n Click
\r\n
\r\n Profile and Settings\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \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, EventEmitter, Output, ViewChild } from '@angular/core';\r\nimport {\r\n FormBuilder,\r\n FormGroup,\r\n Validators,\r\n AbstractControl,\r\n ValidatorFn,\r\n} from '@angular/forms';\r\nimport {\r\n FormControl,\r\n ValidationErrors,\r\n FormGroupDirective,\r\n NgForm,\r\n} from '@angular/forms';\r\nimport {\r\n StepperOrientation,\r\n STEPPER_GLOBAL_OPTIONS,\r\n} from '@angular/cdk/stepper';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { Router } from '@angular/router';\r\nimport PhoneNumber from 'awesome-phonenumber';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { MatStepper } from '@angular/material/stepper';\r\nimport { IEmpSearchResults, ErrorHandlerService, CommonService, \r\n RegisterLibraryService, PhoneHelperService, ViewportService, HelperDialogModel, HelperDialogComponent, IChallengeQuestion, ICountry, IState, CommonSettings } from 'epay-library';\r\nimport { IEmployer } from 'epay-library/lib/features/employer/models/employer/employer';\r\nimport { IEmpBankAccount } from 'epay-library/lib/features/employer/models/employer/employerBackAccount';\r\nimport { IEmpLogin } from 'epay-library/lib/features/employer/models/user/employerLogin';\r\nimport { IEmpPerson } from 'epay-library/lib/features/employer/models/user/employerPerson';\r\nimport { IEmpUser } from 'epay-library/lib/features/employer/models/user/employerUser';\r\nimport { EmployerService } from '../../services/employer.service';\r\nimport { Location } from '@angular/common';\r\nimport { ErrorDialogComponent, ErrorHandlerDialogModel } from 'src/app/helpers/components/error-dialog/error-dialog.component';\r\n\r\n@Component({\r\n selector: 'epay-employer-register',\r\n templateUrl: './employer.register.component.html',\r\n})\r\nexport class EMPRegisterComponent implements OnInit {\r\n @Input() baseurl = '';\r\n @Input() termsContent = '';\r\n @Input() loginHelp = '';\r\n @Input() canCreateNewEmployer = false;\r\n @Input() useEmailForLogin = false;\r\n @Input() allowEINSearch = false;\r\n\r\n @ViewChild('stepper') myStepper!: MatStepper;\r\n\r\n pagetitle = \"Employer: Create Account\";\r\n\r\n useEmailAsUsername = false;\r\n validatingEmployer = false;\r\n empOnHold = false;\r\n empSelected = false;\r\n\r\n isMobile = false;\r\n\r\n stepperOrientation: StepperOrientation = 'horizontal';\r\n\r\n errorMatcher = new CrossFieldErrorMatcher();\r\n termsFrmGp: FormGroup = new FormGroup({});\r\n searchFrmGrp: FormGroup = new FormGroup({});\r\n selectedEmployerFrmGp: FormGroup = new FormGroup({});\r\n createEmployerFrmGp: FormGroup = new FormGroup({});\r\n demographicFrmGp: FormGroup = new FormGroup({});\r\n loginFrmGp: FormGroup = new FormGroup({});\r\n reviewFrmGrp: FormGroup = new FormGroup({});\r\n employer: IEmployer = {} as IEmployer;\r\n empuser: IEmpUser = {} as IEmpUser;\r\n emplogin: IEmpLogin = {} as IEmpLogin;\r\n empperson: IEmpPerson = {} as IEmpPerson;\r\n emppaymentaccount: IEmpBankAccount = {} as IEmpBankAccount;\r\n countries: ICountry[];\r\n selectedCountry = '';\r\n states: IState[];\r\n selectedState = '';\r\n empsearchresults: IEmpSearchResults[];\r\n selectedEmployer: IEmpSearchResults = {} as IEmpSearchResults;\r\n questions: IChallengeQuestion[];\r\n errorMessage = '';\r\n searchErrorMessage = '';\r\n displayedColumns = ['Select', 'Name', 'Address', 'City', 'State', 'Zip'];\r\n phonePattern = /^((\\\\+91-?)|0)?[0-9]{10}$/;\r\n loginPattern =\r\n /(?=^[A-Za-z\\d]{8,12}$)(?=(.*[A-Za-z]){6,8})(?=(.*\\d){2,4})^.*/;\r\n // loginPattern = /^[a-zA-Z0-9.@]*$/;\r\n\r\n passwordPattern = /(?=^[A-Za-z!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\\d]{8,12}$)(?=(.*[A-Za-z]){6})(?=(.*[!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~]){1})(?=(.*\\d){2})^.*/;\r\n\r\n zipPattern = /^[0-9]{5}$/;\r\n emailPattern = /\\S+@\\S+\\.\\S+/;\r\n // einPattern =\r\n // /^([07][1-7]|1[0-6]|2[0-7]|[35][0-9]|[468][0-8]|9[0-589])-?\\d{7}$/;\r\n einPattern = /^[0-9]{9}$/\r\n\r\n empsearchname = '';\r\n empsearchein = '';\r\n selectedEmployerId = '';\r\n selectedEmployerDataSource = '';\r\n emailErrorMessage = '';\r\n emailSuccessMessage = '';\r\n einErrorMessage = '';\r\n einSuccessMessage = '';\r\n loginErrorMessage = '';\r\n loginSuccessMessage = '';\r\n selectedUsername = '';\r\n passwordErrorMessage = '';\r\n password2ErrorMessage = '';\r\n selectedPassword = '';\r\n loginHintMessage =\r\n 'Must contain at least 6 letters and 2 numbers with no special characters, with a maximum length of 12 characters.';\r\n\r\n passwordHintMessage = 'Must contain at least 6 letters, 2 numbers, and at least one special character with a maximum length of 12 characters.';\r\n selectedChallengeQuestion = '';\r\n\r\n isTermsContentRead = false;\r\n isValidEmail = false;\r\n isCheckingEmail = false;\r\n isValidLogin = false;\r\n isCheckingLogin = false;\r\n isValidEin = false;\r\n isCheckingEin = false;\r\n passwordHide = true;\r\n confirmpasswordHide = true;\r\n isSearching = false;\r\n hasSearched = false;\r\n isTermsSubmitted = false;\r\n isEmpSearchSubmitted = false;\r\n showCreateEmp = false;\r\n employerCreatedSuccessfully = false;\r\n displayAddEmployerButton = true;\r\n employerCreatedMessage = '';\r\n\r\n confirmationTitle = '';\r\n confirmationMessage = '';\r\n confirmationEmailAddress = '';\r\n confirmationNumber = '';\r\n goToPrimary = '';\r\n goToPrimaryUrl = '';\r\n openConfirmation = false;\r\n\r\n showDialogHelp = false;\r\n\r\n phoneExample = '';\r\n phoneMask = '';\r\n cellExample = '';\r\n cellMask = '';\r\n\r\n searchMessage = '';\r\n\r\n dialogData: any;\r\n dialogRef: any;\r\n deleteResult = '';\r\n\r\n validationEmailMessages: { [key: string]: string } = {\r\n required: 'Required.',\r\n pattern: 'Please enter a valid email address.',\r\n isDuplicate: 'Registration already exist for this email.',\r\n };\r\n\r\n validationEinMessages: { [key: string]: string } = {\r\n required: 'Required.',\r\n pattern: 'Please enter a valid EIN.',\r\n isDuplicate: 'Registration already exist for this EIN.',\r\n };\r\n\r\n // validationLoginIdMessages: { [key: string]: string } = {\r\n // required: 'Username is required.',\r\n // pattern:\r\n // 'Invalid Username. Must contain at least 6 letters and 2 numbers with no special characters or must match the provided email (in previous step) if using email.',\r\n // minlength: 'Invalid Username. Must contain at least 8 characters.',\r\n // isDuplicate: 'Username is not available for use.',\r\n // isSameAsPassword: 'Invalid Username. Username cannot be same as password.',\r\n // emailMismatch: 'Username must match the provided email (in previous step) if using email format.'\r\n // };\r\n\r\n validationLoginIdMessages: { [key: string]: string } = {\r\n required: 'Username is required.',\r\n minlength: 'Invalid Username. Must contain at least 8 characters.',\r\n pattern:\r\n 'Invalid Username. Must contain at least 6 letters and 2 numbers with no special characters, with a maximum length of 12 characters.',\r\n isDuplicate: 'Username is not available for use.',\r\n isSameAsPassword: 'Invalid Username. Username cannot be same as password.',\r\n };\r\n\r\n validationPasswordMessages: { [key: string]: string } = {\r\n required: 'Password is required.',\r\n pattern:\r\n 'Invalid Password. Must contain at least 6 letters, 2 numbers, and one special character with a maximum length of 12 characters.',\r\n isSameAsLogin: 'Invalid Password. Password cannot be same as username.',\r\n };\r\n\r\n validationMessages: { [key: string]: string } = {\r\n required: 'Required',\r\n pattern: 'Invalid format.',\r\n };\r\n\r\n constructor(\r\n private formbuilder: FormBuilder,\r\n private router: Router,\r\n private errorHandlerService: ErrorHandlerService,\r\n private commonService: CommonService,\r\n private registerService: RegisterLibraryService,\r\n public snackbar: MatSnackBar,\r\n public dialog: MatDialog,\r\n private phoneHelperService: PhoneHelperService,\r\n private viewpointService: ViewportService,\r\n private employerService: EmployerService,\r\n private location: Location\r\n ) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.canCreateNewEmployer = CommonSettings.CanCreateNewEmployer;\r\n this.useEmailForLogin = CommonSettings.UseEmailForLogin;\r\n this.allowEINSearch = CommonSettings.AllowEINSearch;\r\n\r\n this.states = [];\r\n this.countries = [];\r\n this.questions = [];\r\n this.empsearchresults = [];\r\n this.selectedCountry = 'US';\r\n }\r\n\r\n ngOnInit() {\r\n this.employerService.getEmployerTerms().subscribe((result: any) => {\r\n this.termsContent = result;\r\n });\r\n this.employerService.getLoginHelp().subscribe((result: any) => {\r\n this.loginHelp = result;\r\n });\r\n\r\n this.viewpointService.IsMobile.subscribe(\r\n (ismobile: boolean) => this.isMobile = ismobile\r\n );\r\n\r\n this.loadFormGroups();\r\n this.getCountries();\r\n this.getStates();\r\n this.getChallengeQuestions();\r\n this.empsearchname = '';\r\n this.empsearchein = '';\r\n this.selectedEmployerId = '';\r\n this.selectedEmployerDataSource = '';\r\n\r\n this.searchMessage = this.allowEINSearch\r\n ? 'Please enter your employer name or EIN number to search for your company.'\r\n : 'Please enter your employer name to search for your company.';\r\n\r\n this.viewpointService.StepperOrient.subscribe(\r\n (orient) => (this.stepperOrientation = orient)\r\n );\r\n\r\n const emailCtrl = this.demographicFrmGp.get('email')!;\r\n const phoneCtrl = this.demographicFrmGp.get('phoneGp.phoneNumber')!;\r\n const cellCtrl = this.demographicFrmGp.get('cellGp.cellNumber')!;\r\n const countryCtrl = this.demographicFrmGp.get('country')!;\r\n const loginCtrl = this.loginFrmGp.get('loginId')!;\r\n const passwrd1Ctrl = this.loginFrmGp.get('passwordGp.password1')!;\r\n const einCtrl = this.createEmployerFrmGp.get('ein')!;\r\n\r\n einCtrl.valueChanges\r\n .pipe(debounceTime(500))\r\n .subscribe((ein: any) => this.setEinMessage(einCtrl, ein));\r\n\r\n emailCtrl.valueChanges\r\n .pipe(debounceTime(500))\r\n .subscribe((email: any) => this.setEmailMessage(emailCtrl, email));\r\n\r\n loginCtrl.valueChanges\r\n .pipe(debounceTime(500))\r\n .subscribe((username: any) => {\r\n this.setLoginMessage(loginCtrl, username);\r\n });\r\n\r\n passwrd1Ctrl.valueChanges\r\n .pipe(debounceTime(500))\r\n .subscribe((passwrd: any) =>\r\n this.setPasswordMessage(passwrd1Ctrl, passwrd)\r\n );\r\n\r\n phoneCtrl.valueChanges.pipe(debounceTime(500)).subscribe((value: any) => {\r\n if (value) {\r\n const pn = new PhoneNumber(\r\n value,\r\n this.demographicFrmGp.get('phoneGp.regionCode')!.value\r\n );\r\n this.demographicFrmGp.get('phoneGp')!.patchValue({\r\n isValid: pn.isPossible(),\r\n });\r\n }\r\n });\r\n\r\n cellCtrl.valueChanges.pipe(debounceTime(500)).subscribe((value: any) => {\r\n if (value) {\r\n const pn = new PhoneNumber(\r\n value,\r\n this.demographicFrmGp.get('cellGp.regionCode')!.value\r\n );\r\n this.demographicFrmGp.get('cellGp')!.patchValue({\r\n isValid: pn.isPossible(),\r\n });\r\n }\r\n });\r\n\r\n countryCtrl.valueChanges.subscribe((value: any) => {\r\n if (value) {\r\n this.setMaskAndExample(value);\r\n this.demographicFrmGp.get('phoneGp')!.patchValue({\r\n regionCode: value,\r\n countryCode:\r\n this.phoneHelperService.getCountryCodeForRegionCode(value),\r\n phoneNumber: '',\r\n isValid: false,\r\n });\r\n this.demographicFrmGp.get('cellGp')!.patchValue({\r\n regionCode: value,\r\n countryCode:\r\n this.phoneHelperService.getCountryCodeForRegionCode(value),\r\n cellNumber: '',\r\n isValid: false,\r\n });\r\n this.demographicFrmGp.patchValue({\r\n state: '',\r\n zip5: '',\r\n });\r\n if (value === 'US') {\r\n this.demographicFrmGp\r\n .get('zip5')!\r\n .setValidators([\r\n Validators.required,\r\n Validators.pattern(this.zipPattern),\r\n ]);\r\n this.demographicFrmGp.get('zip5')!.updateValueAndValidity();\r\n this.createEmployerFrmGp\r\n .get('zip5')!\r\n .setValidators([\r\n Validators.required,\r\n Validators.pattern(this.zipPattern),\r\n ]);\r\n this.createEmployerFrmGp.get('zip5')!.updateValueAndValidity();\r\n } else {\r\n this.demographicFrmGp\r\n .get('zip5')!\r\n .setValidators([Validators.required, Validators.maxLength(6)]);\r\n this.demographicFrmGp.get('zip5')!.updateValueAndValidity();\r\n this.createEmployerFrmGp\r\n .get('zip5')!\r\n .setValidators([Validators.required, Validators.maxLength(6)]);\r\n this.createEmployerFrmGp.get('zip5')!.updateValueAndValidity();\r\n }\r\n if (value === 'US' || value === 'MX' || value === 'CA') {\r\n this.selectedCountry = value;\r\n this.demographicFrmGp.get('state')!.enable();\r\n this.demographicFrmGp.get('state')!.setErrors({ required: true });\r\n this.demographicFrmGp.updateValueAndValidity();\r\n this.getStates();\r\n } else {\r\n this.demographicFrmGp.get('state')!.disable();\r\n this.demographicFrmGp.get('state')!.setErrors({ required: false });\r\n this.demographicFrmGp.updateValueAndValidity();\r\n }\r\n }\r\n });\r\n }\r\n\r\n stringify(json: any): string {\r\n return JSON.stringify(json, null, 2);\r\n }\r\n\r\n updateUsernameValidation(loginId: any) {\r\n var username = loginId.target.value\r\n\r\n this.loginFrmGp.get('loginId')!.clearValidators();\r\n this.loginFrmGp.get('loginId')!.updateValueAndValidity();\r\n\r\n if (username.indexOf('@') !== -1 || username.indexOf('.') !== -1) {\r\n //console.log(\"USERNAME IS EMAIL FORMAT\");\r\n this.useEmailAsUsername = true;\r\n\r\n this.loginFrmGp.get('loginId')!.clearValidators();\r\n this.loginFrmGp.get('loginId')!.setValidators([\r\n Validators.required,\r\n Validators.minLength(8),\r\n Validators.pattern(this.emailPattern),\r\n ]);\r\n this.loginFrmGp.get('loginId')!.updateValueAndValidity();\r\n }\r\n else {\r\n //console.log(\"USERNAME IS LOGIN FORMAT\");\r\n this.useEmailAsUsername = false;\r\n\r\n this.loginFrmGp.get('loginId')!.clearValidators();\r\n this.loginFrmGp.get('loginId')!.setValidators([\r\n Validators.required,\r\n Validators.minLength(8),\r\n Validators.maxLength(12),\r\n Validators.pattern(this.loginPattern),\r\n ]);\r\n this.loginFrmGp.get('loginId')!.updateValueAndValidity();\r\n }\r\n }\r\n\r\n Search() {\r\n this.searchErrorMessage = '';\r\n this.selectedEmployerId = '';\r\n this.selectedEmployerDataSource = '';\r\n this.selectedEmployer = {} as IEmpSearchResults;\r\n this.selectedEmployerFrmGp.patchValue({ empselected: '' });\r\n this.selectedEmployerFrmGp\r\n .get('empselected')!\r\n .setValidators(Validators.requiredTrue);\r\n this.selectedEmployerFrmGp.get('empselected')!.updateValueAndValidity();\r\n this.isSearching = true;\r\n\r\n this.employerService\r\n .getEmployers(\r\n this.baseurl,\r\n this.searchFrmGrp.get('empname')!.value,\r\n this.searchFrmGrp.get('empein')!.value,\r\n false,\r\n false\r\n )\r\n .subscribe({\r\n next: (employers) => {\r\n this.empsearchresults = employers;\r\n this.hasSearched = true;\r\n if (\r\n this.empsearchresults.length === 0 &&\r\n !this.canCreateNewEmployer\r\n ) {\r\n this.searchErrorMessage = `No results found. Please review and minimize search criteria to broaden search results.\r\n If you cannot find your business, please contact the state.`;\r\n } else if (\r\n this.empsearchresults.length === 0 &&\r\n this.canCreateNewEmployer\r\n ) {\r\n this.searchErrorMessage = `No results found. Please review and minimize search criteria to broaden search results.\r\n If you cannot find your business, see the link below to Register a New Company.`;\r\n }\r\n },\r\n error: (error: any) => {\r\n this.hasSearched = false;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n complete: () => {\r\n this.isSearching = false;\r\n this.hasSearched = true;\r\n },\r\n });\r\n }\r\n\r\n ClearSearch() {\r\n this.searchFrmGrp.get('empein')!.reset()\r\n\r\n this.hasSearched = false;\r\n this.selectedEmployerId = '';\r\n this.selectedEmployerDataSource = '';\r\n this.selectedEmployer = {} as IEmpSearchResults;\r\n this.empsearchresults = [];\r\n this.searchErrorMessage = '';\r\n this.searchFrmGrp.patchValue({\r\n empein: '',\r\n empname: '',\r\n });\r\n this.selectedEmployerFrmGp.patchValue({\r\n empselected: '',\r\n });\r\n }\r\n\r\n displayCreateEmployer(stepper: MatStepper) {\r\n this.selectedEmployerFrmGp.patchValue({ empselected: '' });\r\n this.selectedEmployerFrmGp.get('empselected')!.clearValidators();\r\n this.selectedEmployerFrmGp.get('empselected')!.updateValueAndValidity();\r\n this.showCreateEmp = true;\r\n stepper.next();\r\n }\r\n\r\n createNewEmployer() {\r\n if (this.createEmployerFrmGp.valid) {\r\n if (this.createEmployerFrmGp.dirty) {\r\n this.employer.employerName =\r\n this.createEmployerFrmGp.get('empName')!.value;\r\n this.employer.ein = this.createEmployerFrmGp.get('ein')!.value;\r\n this.employer.addressLine1 =\r\n this.createEmployerFrmGp.get('address1')!.value;\r\n this.employer.addressLine2 =\r\n this.createEmployerFrmGp.get('address2')!.value;\r\n this.employer.city = this.createEmployerFrmGp.get('city')!.value;\r\n this.employer.state = this.createEmployerFrmGp.get('state')!.value;\r\n this.employer.zip5 = this.createEmployerFrmGp.get('zip5')!.value;\r\n this.employer.country = this.createEmployerFrmGp.get('country')!.value;\r\n }\r\n }\r\n this.registerService.addNewEmployer(this.baseurl, this.employer).subscribe(\r\n (response: any) => {\r\n //console.log(\"RES \", response)\r\n\r\n this.selectedEmployer.addressCity = this.employer.city;\r\n this.selectedEmployer.addressLine1 = this.employer.addressLine1;\r\n this.selectedEmployer.addressLine2 = this.employer.addressLine2;\r\n this.selectedEmployer.addressState = this.employer.state;\r\n this.selectedEmployer.addressZip5 = this.employer.zip5;\r\n this.selectedEmployer.hasAccount = false;\r\n this.selectedEmployer.hasHold = false;\r\n this.selectedEmployer.isSelected = true;\r\n\r\n this.selectedEmployer.thirdPartyID = response.thirdPartyId;\r\n this.selectedEmployer.thirdPartyName = this.employer.employerName;\r\n\r\n this.selectedEmployerId = response.thirdPartyId;\r\n this.selectedEmployerDataSource = response.thirdPartyDataSource;\r\n\r\n this.employer.thirdPartyId = response.thirdPartyId;\r\n this.employer.thirdPartyDataSource = response.thirdPartyDataSource;\r\n this.employer.ein = response.ein;\r\n\r\n this.employerCreatedSuccessfully = true;\r\n this.employerCreatedMessage =\r\n 'New employer created! Click Next to continue.';\r\n this.displayAddEmployerButton = false;\r\n },\r\n (error: any) => {\r\n this.displayAddEmployerButton = true;\r\n this.employerCreatedSuccessfully = false;\r\n this.employerCreatedMessage = '';\r\n this.logError(error);\r\n this.handleError(error.status);\r\n }\r\n );\r\n }\r\n\r\n createAccount() {\r\n let demoData;\r\n let loginData;\r\n\r\n if (this.demographicFrmGp.valid) {\r\n if (this.demographicFrmGp.dirty) {\r\n this.empperson.thirdPartyId = this.selectedEmployerId;\r\n this.empperson.thirdPartyDataSource = this.selectedEmployerDataSource;\r\n this.empperson.isElectronicStatement = false;\r\n demoData = { ...this.empperson, ...this.demographicFrmGp.value };\r\n if (demoData.state === undefined || demoData.state === null) {\r\n demoData.state = '';\r\n }\r\n demoData.phone = this.demographicFrmGp.get(\r\n 'phoneGp.phoneNumber'\r\n )!.value;\r\n if (this.demographicFrmGp.get('cellGp.cellNumber')!.value.length > 0) {\r\n demoData.cell = this.demographicFrmGp.get('cellGp.cellNumber')!.value;\r\n } else {\r\n demoData.cell = '';\r\n }\r\n this.empuser.empStep1Validated = true;\r\n }\r\n }\r\n\r\n if (this.loginFrmGp.valid) {\r\n if (this.loginFrmGp.dirty) {\r\n loginData = { ...this.emplogin, ...this.loginFrmGp.value };\r\n loginData.loginId = this.useEmailForLogin\r\n ? this.demographicFrmGp.get('email')!.value\r\n : this.loginFrmGp.get('loginId')!.value;\r\n loginData.password1 = this.loginFrmGp.get(\r\n 'passwordGp.password1'\r\n )!.value;\r\n loginData.password2 = this.loginFrmGp.get(\r\n 'passwordGp.password2'\r\n )!.value;\r\n this.empuser.empStep2Validated = true;\r\n }\r\n }\r\n this.emppaymentaccount.account1 = '';\r\n this.emppaymentaccount.account2 = '';\r\n this.emppaymentaccount.routing1 = '';\r\n this.emppaymentaccount.routing2 = '';\r\n this.emppaymentaccount.bankName = '';\r\n this.emppaymentaccount.accountType = '';\r\n this.emppaymentaccount.bankNickName = '';\r\n this.emppaymentaccount.phone = '';\r\n this.emppaymentaccount.doNotProvide = true;\r\n\r\n this.empuser.empStep1Validated = true;\r\n this.empuser.empStep2Validated = true;\r\n this.empuser.empStep3Validated = true;\r\n\r\n this.empuser.empStep1 = demoData;\r\n this.empuser.empStep2 = loginData;\r\n this.empuser.empStep3 = this.emppaymentaccount;\r\n\r\n this.registerService.addEmpAccount(this.baseurl, this.empuser).subscribe(\r\n (response: any) => {\r\n //console.log(\"RES: \", response)\r\n\r\n this.confirmationTitle = 'Success';\r\n this.confirmationMessage =\r\n 'Account for ' +\r\n this.empuser.empStep1.firstName +\r\n ' ' +\r\n this.empuser.empStep1.lastName +\r\n ' has been created.';\r\n this.confirmationEmailAddress = this.empuser.empStep1.email;\r\n this.confirmationNumber = response.confirmation.confirmationNumber;\r\n this.goToPrimaryUrl = 'login';\r\n this.goToPrimary = 'Login';\r\n this.openConfirmation = true;\r\n this.onSaveComplete();\r\n },\r\n (error: any) => {\r\n //console.log(\"ERR: \", error)\r\n\r\n if (!error.error.empStep1Validated || !error.error.empStep2Validated || !error.error.empStep3Validated) {\r\n var errTitle = '';\r\n var errMsg = '';\r\n if (!error.error.empStep1Validated) {\r\n errTitle += error.error.errors.step1[0].errorCode + ' (Employer Search) ';\r\n errMsg += error.error.errors.step1[0].errorMessage + ' ';\r\n }\r\n if (!error.error.empStep2Validated) {\r\n errTitle += error.error.errors.step2[0].errorCode + ' (Contact Information) ';\r\n errMsg += error.error.errors.step2[0].errorMessage + ' ';\r\n }\r\n if (!error.error.empStep3Validated) {\r\n errTitle += error.error.errors.step3[0].errorCode + ' (Login Information) ';\r\n errMsg += error.error.errors.step3[0].errorMessage + ' ';\r\n }\r\n\r\n this.dialogData = new ErrorHandlerDialogModel(\r\n \"Error Occurred: Internal Error Occurred\",\r\n \"Error Code: \" + errTitle,\r\n errMsg,\r\n '',\r\n '',\r\n '',\r\n true\r\n );\r\n \r\n this.dialogRef = this.dialog.open(ErrorDialogComponent, {\r\n maxWidth: '800px',\r\n data: this.dialogData,\r\n });\r\n\r\n this.dialogRef.afterClosed().subscribe((dialogResult: string) => {\r\n this.deleteResult = dialogResult;\r\n if (this.deleteResult) {\r\n //this.location.back();\r\n }\r\n });\r\n }\r\n else {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n }\r\n\r\n }\r\n );\r\n }\r\n\r\n onSaveComplete() {\r\n this.demographicFrmGp.reset();\r\n this.loginFrmGp.reset();\r\n this.termsFrmGp.reset();\r\n this.searchFrmGrp.reset();\r\n this.reviewFrmGrp.reset();\r\n }\r\n\r\n addRemoveEmployer(event: any, i: number) {\r\n this.validatingEmployer = false;\r\n //this.isEmpSearchSubmitted = false;\r\n this.empSelected = false;\r\n this.empOnHold = false;\r\n\r\n this.selectedEmployerId = '';\r\n this.selectedEmployerDataSource = '';\r\n if (this.canCreateNewEmployer) {\r\n this.showCreateEmp = false;\r\n }\r\n this.empsearchresults.forEach((emp) => {\r\n emp.isSelected = false;\r\n });\r\n\r\n if (event.target.checked) {\r\n this.validatingEmployer = true;\r\n this.empSelected = true;\r\n\r\n this.selectedEmployerFrmGp\r\n .get('empselected')!\r\n .setValidators(Validators.requiredTrue);\r\n this.selectedEmployerFrmGp.get('empselected')!.updateValueAndValidity();\r\n this.empsearchresults[i].isSelected = true;\r\n this.selectedEmployer = {\r\n thirdPartyName: this.empsearchresults[i].thirdPartyName,\r\n thirdPartyID: this.empsearchresults[i].thirdPartyID,\r\n dataSource: this.empsearchresults[i].dataSource,\r\n addressLine1: this.empsearchresults[i].addressLine1,\r\n addressLine2: this.empsearchresults[i].addressLine2,\r\n addressCity: this.empsearchresults[i].addressCity,\r\n addressState: this.empsearchresults[i].addressState,\r\n addressZip5: this.empsearchresults[i].addressZip5,\r\n isSelected: true,\r\n hasAccount: this.empsearchresults[i].hasAccount,\r\n hasHold: this.empsearchresults[i].hasHold,\r\n primaryEmailAddress: this.empsearchresults[i].primaryEmailAddress,\r\n };\r\n this.selectedEmployerId = this.empsearchresults[i].thirdPartyID;\r\n this.selectedEmployerDataSource = this.empsearchresults[i].dataSource;\r\n if (this.selectedEmployer.hasAccount) {\r\n this.selectedEmployerFrmGp\r\n .get('empselected')!\r\n .setErrors({ hasAccount: true });\r\n }\r\n if (this.selectedEmployer.hasHold) {\r\n this.selectedEmployerFrmGp\r\n .get('empselected')!\r\n .setErrors({ hasHold: true });\r\n }\r\n } else {\r\n this.empsearchresults[i].isSelected = false;\r\n this.selectedEmployer.isSelected = false;\r\n this.selectedEmployerFrmGp\r\n .get('empselected')!\r\n .setErrors({ hasAccount: false });\r\n this.selectedEmployerFrmGp\r\n .get('empselected')!\r\n .setErrors({ hasHold: false });\r\n }\r\n\r\n this.employerService\r\n .getEmployers(\r\n this.baseurl,\r\n this.selectedEmployer.thirdPartyName,\r\n this.searchFrmGrp.get('empein')!.value,\r\n true,\r\n true\r\n ).subscribe({\r\n next: (res: any) => { \r\n console.log(\"RES: \", res)\r\n this.validatingEmployer = false;\r\n this.isEmpSearchSubmitted = true;\r\n\r\n console.log(\"1 \", this.selectedEmployer?.hasAccount)\r\n console.log(\"2 \", this.selectedEmployer?.isSelected)\r\n console.log(\"3 \", this.isEmpSearchSubmitted)\r\n console.log(\"4 \", this.empOnHold)\r\n\r\n if (res.length !== 0) {\r\n if (!res[0].hasHold) {\r\n console.log(\"NOT ON HOLD\")\r\n this.empOnHold = false;\r\n }\r\n else{\r\n console.log(\"HAS HOLD\")\r\n this.empOnHold = true;\r\n }\r\n }\r\n },\r\n error: (error: any) => {\r\n this.hasSearched = false;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n\r\n challengeQuestionChangeEvent() {\r\n const q: IChallengeQuestion[] = this.questions.filter(\r\n (question) =>\r\n question.index ===\r\n this.loginFrmGp.get('authenticationQuestionIndex')!.value\r\n );\r\n this.selectedChallengeQuestion = q[0].name;\r\n }\r\n\r\n getChallengeQuestions() {\r\n this.registerService.getChallengeQuestions(this.baseurl).subscribe({\r\n next: (questions) => (this.questions = questions),\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n\r\n getCountries() {\r\n this.commonService.getCountries(this.baseurl).subscribe({\r\n next: (countries: any) => {\r\n this.countries = countries;\r\n this.countries = this.countries.sort((a, b) =>\r\n a.countryName < b.countryName ? 1 : -1\r\n );\r\n this.countries.push({\r\n country: 'MX',\r\n countryName: 'Mexico',\r\n alpha3IsoCode: 'MEX',\r\n numeric3IsoCode: '484',\r\n });\r\n this.countries.push({\r\n country: 'CA',\r\n countryName: 'Canada',\r\n alpha3IsoCode: 'CAN',\r\n numeric3IsoCode: '124',\r\n });\r\n this.countries.push({\r\n country: 'US',\r\n countryName: 'United States',\r\n alpha3IsoCode: 'USA',\r\n numeric3IsoCode: '840',\r\n });\r\n this.countries.reverse();\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n\r\n getStates() {\r\n this.selectedCountry = this.demographicFrmGp.get('country')!.value;\r\n this.commonService.getStates(this.baseurl, this.selectedCountry).subscribe({\r\n next: (states) => (this.states = states),\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n\r\n loadFormGroups() {\r\n this.termsFrmGp = this.formbuilder.group({\r\n accepted: ['', Validators.requiredTrue],\r\n });\r\n\r\n this.searchFrmGrp = this.formbuilder.group({\r\n empname: '',\r\n empein: '',\r\n });\r\n\r\n this.selectedEmployerFrmGp = this.formbuilder.group({\r\n empselected: ['', Validators.requiredTrue],\r\n });\r\n\r\n this.searchFrmGrp.setValidators([\r\n this.oneOfControlRequired(\r\n this.searchFrmGrp.get('empname')!,\r\n this.searchFrmGrp.get('empein')!\r\n ),\r\n ]);\r\n\r\n this.createEmployerFrmGp = this.formbuilder.group({\r\n empName: ['', Validators.required],\r\n ein: ['', [Validators.required, Validators.pattern(this.einPattern)]],\r\n address1: ['', Validators.required],\r\n address2: [''],\r\n city: ['', Validators.required],\r\n state: ['', Validators.required],\r\n zip5: ['', [Validators.required, Validators.pattern(this.zipPattern)]],\r\n country: ['', Validators.required],\r\n });\r\n\r\n this.demographicFrmGp = this.formbuilder.group({\r\n firstName: ['', Validators.required],\r\n middleName: '',\r\n lastName: ['', Validators.required],\r\n title: '',\r\n suffix: '',\r\n address1: ['', Validators.required],\r\n address2: '',\r\n address3: '',\r\n address4: '',\r\n city: ['', Validators.required],\r\n state: ['', Validators.required],\r\n zip5: ['', [Validators.required, Validators.pattern(this.zipPattern)]],\r\n zip4: '',\r\n country: ['', Validators.required],\r\n phoneExtension: '',\r\n email: ['', [Validators.required, Validators.pattern(this.emailPattern)]],\r\n county: '',\r\n fax: '',\r\n ein: '',\r\n sein: '',\r\n relationId: '',\r\n phoneGp: this.formbuilder.group({\r\n regionCode: 'US',\r\n phoneNumber: ['', [Validators.required]],\r\n countryCode: '1',\r\n isValid: [false, Validators.requiredTrue],\r\n }),\r\n cellGp: this.formbuilder.group({\r\n regionCode: 'US',\r\n cellNumber: [''],\r\n countryCode: '1',\r\n isValid: false,\r\n }),\r\n });\r\n\r\n this.setMaskAndExample('US');\r\n // set default country to US\r\n this.demographicFrmGp.patchValue({\r\n country: 'US',\r\n });\r\n\r\n this.loginFrmGp = this.formbuilder.group({\r\n loginId: [\r\n '',\r\n this.useEmailForLogin\r\n ? ''\r\n : [\r\n Validators.required,\r\n Validators.minLength(8),\r\n Validators.maxLength(12),\r\n Validators.pattern(this.loginPattern),\r\n ],\r\n ],\r\n userName: '',\r\n passwordGp: this.formbuilder.group(\r\n {\r\n password1: [\r\n '',\r\n [Validators.required, Validators.pattern(this.passwordPattern)],\r\n ],\r\n password2: [\r\n '',\r\n [Validators.required],\r\n ],\r\n },\r\n { validators: passwordMatcher }\r\n ),\r\n challengeAnswer: ['', Validators.required],\r\n authenticationQuestionIndex: ['', Validators.required],\r\n authenticationCaption: '',\r\n authenticationImageIndex: 0,\r\n });\r\n\r\n this.reviewFrmGrp = this.formbuilder.group({});\r\n }\r\n\r\n checkReading() {}\r\n\r\n submitTerms() {\r\n this.isTermsSubmitted = true;\r\n }\r\n\r\n submitEmployer() {\r\n console.log(\"SUBMIT EMP HIT\");\r\n\r\n this.validatingEmployer = true;\r\n\r\n this.employerService\r\n .getEmployers(\r\n this.baseurl,\r\n this.selectedEmployer.thirdPartyName,\r\n this.searchFrmGrp.get('empein')!.value,\r\n true,\r\n true\r\n ).subscribe((res: any) => {\r\n console.log(\"2nd search res: \", res)\r\n this.validatingEmployer = false;\r\n\r\n if (res.length !== 0) {\r\n if (!res[0].hasHold) {\r\n console.log(\"DOESNT HAVE HOLD\")\r\n this.isEmpSearchSubmitted = true;\r\n this.empOnHold = false;\r\n }\r\n else{\r\n console.log(\"HAS HOLD\")\r\n this.isEmpSearchSubmitted = false;\r\n this.empOnHold = true;\r\n }\r\n \r\n }\r\n });\r\n \r\n }\r\n\r\n oneOfControlRequired(...controls: AbstractControl[]): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n for (const aControl of controls) {\r\n if (!Validators.required(aControl)) {\r\n return null;\r\n }\r\n }\r\n return { oneOfRequired: true };\r\n };\r\n }\r\n\r\n setEmailMessage(emailControl: AbstractControl, email: any): void {\r\n this.resetEmailCheck();\r\n if (emailControl.touched || emailControl.dirty) {\r\n if (!emailControl.errors) {\r\n this.isCheckingEmail = true;\r\n this.registerService\r\n .searchDuplicateEmail(this.baseurl, email)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.isValidEmail = !result.isDuplicate;\r\n if (this.isValidEmail) {\r\n this.emailSuccessMessage = 'Email is available!';\r\n } else {\r\n emailControl.setErrors({ isDuplicate: true });\r\n this.emailErrorMessage = Object.keys(emailControl.errors!)\r\n .map((key: any) => this.validationEmailMessages[key])\r\n .join(' ');\r\n this.demographicFrmGp.updateValueAndValidity();\r\n }\r\n this.isCheckingEmail = false;\r\n },\r\n error: (error: any) => {\r\n this.resetEmailCheck();\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n } else {\r\n this.emailErrorMessage = Object.keys(emailControl.errors)\r\n .map((key) => this.validationEmailMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n setLoginMessage(loginControl: AbstractControl, loginId: any): void {\r\n this.resetLoginCheck();\r\n if (loginControl.touched || loginControl.dirty) {\r\n if (!loginControl.errors) {\r\n if (loginId === this.selectedPassword) {\r\n loginControl.setErrors({ isSameAsPassword: true });\r\n this.loginErrorMessage = Object.keys(loginControl.errors!)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n } else {\r\n this.isCheckingLogin = true;\r\n this.registerService\r\n .searchDuplicateLogin(this.baseurl, loginId)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.isValidLogin = !result.isDuplicate;\r\n if (this.isValidLogin) {\r\n this.loginSuccessMessage = 'Username is available!';\r\n this.selectedUsername = loginId;\r\n } else {\r\n loginControl.setErrors({ isDuplicate: true });\r\n this.loginErrorMessage = Object.keys(loginControl.errors!)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n this.loginFrmGp.updateValueAndValidity();\r\n }\r\n this.isCheckingLogin = false;\r\n },\r\n error: (error: any) => {\r\n this.resetLoginCheck();\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n } else {\r\n this.loginErrorMessage = Object.keys(loginControl.errors)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n setPasswordMessage(passwordControl: AbstractControl, passwrd: any): void {\r\n this.passwordErrorMessage = '';\r\n if (\r\n passwordControl.touched ||\r\n passwordControl.dirty ||\r\n this.loginFrmGp.invalid\r\n ) {\r\n if (!passwordControl.errors) {\r\n if (this.selectedUsername === passwrd) {\r\n passwordControl.setErrors({ isSameAsLogin: true });\r\n this.passwordErrorMessage = Object.keys(passwordControl.errors!)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n }\r\n } else {\r\n this.passwordErrorMessage = Object.keys(passwordControl.errors)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n setEinMessage(einControl: AbstractControl, ein: any): void {\r\n this.resetEinCheck();\r\n if (einControl.touched || einControl.dirty) {\r\n if (!einControl.errors) {\r\n this.isCheckingEin = true;\r\n this.registerService.searchDuplicateEin(this.baseurl, ein).subscribe({\r\n next: (result: any) => {\r\n this.isValidEin = !result.isDuplicate;\r\n if (this.isValidEin) {\r\n this.einSuccessMessage = 'EIN is valid!';\r\n } else {\r\n einControl.setErrors({ isDuplicate: true });\r\n this.einErrorMessage = Object.keys(einControl.errors!)\r\n .map((key) => this.validationEinMessages[key])\r\n .join(' ');\r\n this.createEmployerFrmGp.updateValueAndValidity();\r\n }\r\n this.isCheckingEin = false;\r\n },\r\n error: (error: any) => {\r\n this.resetEinCheck();\r\n this.errorMessage = error as any;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n } else {\r\n this.einErrorMessage = Object.keys(einControl.errors)\r\n .map((key) => this.validationEinMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n getNewEmpErrorMessage(name: any): string {\r\n let message = '';\r\n const fieldControl = this.createEmployerFrmGp.get(name);\r\n if (\r\n fieldControl!.touched ||\r\n fieldControl!.dirty ||\r\n this.demographicFrmGp.invalid\r\n ) {\r\n if (fieldControl!.hasError('required')) {\r\n message = 'Required';\r\n } else {\r\n message = 'Invalid Format';\r\n }\r\n }\r\n return message;\r\n }\r\n\r\n getDemographicErrorMessage(name: any): string {\r\n let message = '';\r\n const fieldControl = this.demographicFrmGp.get(name);\r\n if (\r\n fieldControl!.touched ||\r\n fieldControl!.dirty ||\r\n this.demographicFrmGp.invalid\r\n ) {\r\n if (fieldControl!.hasError('required')) {\r\n message = 'Required';\r\n } else {\r\n message = 'Invalid Format';\r\n }\r\n }\r\n return message;\r\n }\r\n\r\n togglePasswordHide() {\r\n this.passwordHide = !this.passwordHide;\r\n }\r\n\r\n toggleConfirmPasswordHide() {\r\n this.confirmpasswordHide = !this.confirmpasswordHide;\r\n }\r\n\r\n resetEmailCheck() {\r\n this.isValidEmail = false;\r\n this.isCheckingEmail = false;\r\n this.emailSuccessMessage = '';\r\n this.emailErrorMessage = '';\r\n }\r\n\r\n resetEinCheck() {\r\n this.isValidEmail = false;\r\n this.isCheckingEmail = false;\r\n this.emailSuccessMessage = '';\r\n this.emailErrorMessage = '';\r\n }\r\n\r\n resetLoginCheck() {\r\n this.isValidLogin = false;\r\n this.isCheckingLogin = false;\r\n this.loginSuccessMessage = '';\r\n this.loginErrorMessage = '';\r\n this.selectedUsername = '';\r\n }\r\n\r\n setMaskAndExample(regionCode: string) {\r\n this.phoneExample = this.phoneHelperService.getExample(regionCode);\r\n this.phoneMask = this.phoneHelperService.getMask(regionCode);\r\n this.cellExample = this.phoneHelperService.getExample(regionCode);\r\n this.cellMask = this.phoneHelperService.getMask(regionCode);\r\n }\r\n\r\n goToMainHome() {\r\n this.router.navigate(['home']);\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n\r\n displayLoginHelp() {\r\n const imagePath = '';\r\n const dialogData = new HelperDialogModel(\r\n 'Login Information Help',\r\n this.loginHelp,\r\n imagePath\r\n );\r\n\r\n const dialogRef = this.dialog.open(HelperDialogComponent, {\r\n maxWidth: '1000px',\r\n data: dialogData,\r\n });\r\n\r\n dialogRef.afterClosed().subscribe({\r\n next: (dialogResult) => (this.showDialogHelp = false),\r\n });\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n console.log(this.errorMessage);\r\n console.log('error', error);\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n\r\nfunction passwordMatcher(\r\n c: AbstractControl\r\n): { [key: string]: boolean } | null {\r\n const password1Ctrl = c.get('password1');\r\n const password2Ctrl = c.get('password2');\r\n if (password1Ctrl === null || password2Ctrl === null) {\r\n return null;\r\n }\r\n if (password1Ctrl.pristine || password2Ctrl.pristine) {\r\n return null;\r\n }\r\n if (password1Ctrl.value === password2Ctrl.value) {\r\n return null;\r\n }\r\n return { doNotMatch: true };\r\n}\r\n\r\n/** Error when the parent is invalid */\r\nclass CrossFieldErrorMatcher implements ErrorStateMatcher {\r\n isErrorState(\r\n control: FormControl | null,\r\n form: FormGroupDirective | NgForm | null\r\n ): boolean {\r\n if (control) {\r\n return (control.dirty || control.touched) && control.parent!.invalid;\r\n }\r\n return false;\r\n }\r\n}\r\nfunction next(value: IEmpSearchResults[]): void {\r\n throw new Error('Function not implemented.');\r\n}\r\n\r\n","\r\n \r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { AbstractControl, FormControl, FormGroupDirective, NgForm, FormGroup, FormBuilder, Validators } from '@angular/forms';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { IChallengeQuestion, ErrorHandlerService, RegisterLibraryService } from 'epay-library';\r\nimport { IEmpLogin } from 'epay-library/lib/features/employer/models/user/employerLogin';\r\nimport { Router } from '@angular/router';\r\nimport { debounceTime } from 'rxjs';\r\n\r\nfunction passwordMatcher(\r\n c: AbstractControl\r\n): { [key: string]: boolean } | null {\r\n const password1Ctrl = c.get('password1');\r\n const password2Ctrl = c.get('password2');\r\n if (password1Ctrl === null || password2Ctrl === null) {\r\n return null;\r\n }\r\n if (password1Ctrl.pristine || password2Ctrl.pristine) {\r\n return null;\r\n }\r\n if (password1Ctrl.value === password2Ctrl.value) {\r\n return null;\r\n }\r\n return { doNotMatch: true };\r\n}\r\n\r\n/** Error when the parent is invalid */\r\nclass CrossFieldErrorMatcher implements ErrorStateMatcher {\r\n isErrorState(\r\n control: FormControl | null,\r\n form: FormGroupDirective | NgForm | null\r\n ): boolean {\r\n if (control) {\r\n return (control.dirty || control.touched) && control.parent!.invalid;\r\n }\r\n return false;\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'employer-secondary-registration',\r\n templateUrl: './employer-secondary-registration.component.html'\r\n})\r\n\r\nexport class EmployerSecondaryRegistrationComponent implements OnInit {\r\n @Input() baseurl = '';\r\n @Input() userEmailForLogin = false;\r\n\r\n errorMatcher = new CrossFieldErrorMatcher();\r\n loginFrmGp: FormGroup = new FormGroup({});\r\n emplogin: IEmpLogin = {} as IEmpLogin;\r\n questions: IChallengeQuestion[] = [];\r\n selectedChallengeQuestion = '';\r\n errorMessage = '';\r\n loginErrorMessage = '';\r\n loginSuccessMessage = '';\r\n isCheckingLogin = false;\r\n isValidLogin = false;\r\n passwordHide = true;\r\n confirmpasswordHide = true;\r\n passwordErrorMessage = '';\r\n selectedUsername = '';\r\n\r\n confirmationTitle = '';\r\n confirmationMessage = '';\r\n confirmationEmailAddress = '';\r\n confirmationNumber = '';\r\n goToPrimary = '';\r\n goToPrimaryUrl = '';\r\n showConfirmationEmail = false;\r\n openConfirmation = true;\r\n\r\n loginPattern = /^[a-zA-Z0-9.@]*$/;\r\n // loginPattern =\r\n // /(?=^[A-Za-z\\d]{8,12}$)(?=(.*[A-Za-z]){6,8})(?=(.*\\d){2,4})^.*/;\r\n\r\n passwordPattern = /(?=^[A-Za-z!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\\d]{8,12}$)(?=(.*[A-Za-z]){6})(?=(.*[!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~]){1})(?=(.*\\d){2})^.*/;\r\n\r\n loginHintMessage =\r\n 'Must contain at least 6 letters and 2 numbers with no special characters.';\r\n\r\n passwordHintMessage = 'Must contain at least 6 letters, 2 numbers, and at least one special character with a maximum length of 12 characters.';\r\n\r\n validationLoginIdMessages: { [key: string]: string } = {\r\n required: 'Username is required.',\r\n pattern:\r\n 'Invalid Username. Must contain at least 6 letters and 2 numbers with no special characters.',\r\n minlength: 'Invalid Username. Must contain at least 8 characters.',\r\n isNotReady: 'Username is not available for registration.',\r\n isDuplicate: 'Username is not available for use.',\r\n isExpired: 'Username has expired. Contact account manager.',\r\n isSameAsPassword: 'Invalid Username. Username cannot be same as password.',\r\n };\r\n\r\n // validationEmailLoginMessages: { [key: string]: string } = {\r\n // required: 'Username is required.',\r\n // pattern: 'Invalid username. Must be in email format.',\r\n // isNotReady: 'Username is not available for registation.',\r\n // isExpired: 'Username has expired. Contact account manager.',\r\n // };\r\n\r\n validationPasswordMessages: { [key: string]: string } = {\r\n required: 'Password is required.',\r\n pattern:\r\n 'Invalid Password. Must contain at least 6 letters, 2 numbers, and one special character with a maximum length of 12 characters.',\r\n isSameAsLogin: 'Invalid Password. Password cannot be same as username.',\r\n };\r\n\r\n constructor(\r\n private formbuilder: FormBuilder,\r\n private router: Router,\r\n private errorHandlerService: ErrorHandlerService,\r\n private registerService: RegisterLibraryService,\r\n public snackbar: MatSnackBar\r\n ) {}\r\n\r\n ngOnInit() {\r\n // if (!this.userEmailForLogin) {\r\n // this.loginHintMessage =\r\n // 'Must contain at least 6 letters and 2 numbers with no special characters.';\r\n // } else {\r\n // this.loginHintMessage =\r\n // 'Your username is the email address used for initial registration.';\r\n // }\r\n this.loadFormGroups();\r\n this.getChallengeQuestions();\r\n const loginCtrl= this.loginFrmGp.get('loginId');\r\n const passwrd1Ctrl = this.loginFrmGp.get('passwordGp.password1');\r\n\r\n this.openConfirmation = false;\r\n\r\n loginCtrl!.valueChanges.pipe(debounceTime(1000)).subscribe((loginId) => {\r\n if (\r\n (loginCtrl!.touched || loginCtrl!.dirty) &&\r\n loginCtrl!.errors\r\n ) {\r\n // if (this.userEmailForLogin) {\r\n // this.loginErrorMessage = Object.keys(loginCtrl!.errors)\r\n // .map((key) => this.validationEmailLoginMessages[key])\r\n // .join(' ');\r\n // } else {\r\n this.loginErrorMessage = Object.keys(loginCtrl!.errors)\r\n .map((key) => this.validationLoginIdMessages[key])\r\n .join(' ');\r\n // }\r\n this.isValidLogin = false;\r\n } else {\r\n this.isCheckingLogin = true;\r\n this.registerService\r\n .searchPendingRegistration(this.baseurl, loginId)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.setLoginMessage(loginCtrl!, result, loginId);\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n });\r\n\r\n passwrd1Ctrl!.valueChanges\r\n .pipe(debounceTime(1000))\r\n .subscribe((passwrd) => this.setPasswordMessage(passwrd1Ctrl!, passwrd));\r\n }\r\n\r\n completeRegistration() {\r\n if (this.loginFrmGp.valid) {\r\n if (this.loginFrmGp.dirty) {\r\n const loginData = {\r\n loginId: this.loginFrmGp.get('loginId')!.value,\r\n password: this.loginFrmGp.get('passwordGp.password1')!.value,\r\n confirmPassword: this.loginFrmGp.get('passwordGp.password2')!.value,\r\n challengeQuestion: this.loginFrmGp.get('challengeQuestion')!.value,\r\n challengeAnswer: this.loginFrmGp.get('challengeAnswer')!.value,\r\n };\r\n\r\n this.registerService\r\n .completeSecondaryRegistration(this.baseurl, loginData)\r\n .subscribe({\r\n next: (result: any) => {\r\n this.confirmationTitle = 'Success';\r\n this.confirmationMessage =\r\n 'Account for ' +\r\n result.firstName +\r\n ' ' +\r\n result.lastName +\r\n ' has been created.';\r\n this.confirmationEmailAddress = result.email;\r\n this.confirmationNumber = result.confirmationNumber;\r\n this.goToPrimaryUrl = 'login';\r\n this.goToPrimary = 'Login';\r\n this.showConfirmationEmail = true;\r\n this.openConfirmation = true;\r\n },\r\n error: (error: any) => {\r\n this.openConfirmation = false;\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n }\r\n }\r\n\r\n setLoginMessage(loginCtrl: AbstractControl, result: any, loginId: string) {\r\n this.loginErrorMessage = '';\r\n this.loginSuccessMessage = '';\r\n this.isValidLogin = false;\r\n\r\n if (loginCtrl.touched || loginCtrl.dirty) {\r\n if (result.isPending && !result.isExpired) {\r\n this.isValidLogin = true;\r\n } else if (result.isExpired) {\r\n loginCtrl.setErrors({ isExpired: true });\r\n } else if (!result.isPending) {\r\n loginCtrl.setErrors({ isNotReady: true });\r\n }\r\n\r\n if (this.isValidLogin) {\r\n this.loginSuccessMessage = 'Complete login information below!';\r\n this.selectedUsername = loginId;\r\n this.isCheckingLogin = false;\r\n } else {\r\n // if (this.userEmailForLogin) {\r\n // this.loginErrorMessage = Object.keys(loginCtrl.errors!)\r\n // .map((key) => this.validationEmailLoginMessages[key])\r\n // .join(' ');\r\n // } else {\r\n this.loginErrorMessage = Object.keys(loginCtrl.errors!)\r\n .map((key) => {\r\n //console.log(\"KEY: \", key)\r\n this.validationLoginIdMessages[key]\r\n })\r\n .join(' ');\r\n // }\r\n }\r\n\r\n this.isCheckingLogin = false;\r\n }\r\n }\r\n\r\n setPasswordMessage(passwordControl: AbstractControl, passwrd: any): void {\r\n this.passwordErrorMessage = '';\r\n if (passwordControl.touched || passwordControl.dirty) {\r\n if (!passwordControl.errors) {\r\n if (this.selectedUsername === passwrd) {\r\n passwordControl.setErrors({ isSameAsLogin: true });\r\n this.passwordErrorMessage = Object.keys(passwordControl.errors!)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n }\r\n } else {\r\n this.passwordErrorMessage = Object.keys(passwordControl.errors)\r\n .map((key) => this.validationPasswordMessages[key])\r\n .join(' ');\r\n }\r\n }\r\n }\r\n\r\n resetLoginCheck() {\r\n this.isValidLogin = false;\r\n this.isCheckingLogin = false;\r\n this.loginSuccessMessage = '';\r\n this.loginErrorMessage = '';\r\n this.selectedUsername = '';\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n\r\n onSaveComplete() {\r\n this.loginFrmGp.reset();\r\n this.router.navigate(['login']);\r\n }\r\n\r\n loadFormGroups() {\r\n this.loginFrmGp = this.formbuilder.group({\r\n loginId: [\r\n '',\r\n [\r\n Validators.required,\r\n Validators.minLength(8),\r\n //Validators.maxLength(12),\r\n Validators.pattern(this.loginPattern),\r\n ],\r\n ],\r\n userName: '',\r\n passwordGp: this.formbuilder.group(\r\n {\r\n password1: [\r\n '',\r\n [Validators.required, Validators.pattern(this.passwordPattern)],\r\n ],\r\n password2: ['', Validators.required],\r\n },\r\n { validators: passwordMatcher }\r\n ),\r\n challengeAnswer: ['', Validators.required],\r\n challengeQuestion: ['', Validators.required],\r\n });\r\n }\r\n\r\n togglePasswordHide() {\r\n this.passwordHide = !this.passwordHide;\r\n }\r\n\r\n toggleConfirmPasswordHide() {\r\n this.confirmpasswordHide = !this.confirmpasswordHide;\r\n }\r\n getChallengeQuestions() {\r\n this.registerService.getChallengeQuestions(this.baseurl).subscribe({\r\n next: (questions: any) => {\r\n this.questions = questions;\r\n },\r\n error: (error: any) => {\r\n this.logError(error);\r\n this.handleError(error.status);\r\n },\r\n });\r\n }\r\n\r\n logError(error: Error) {\r\n this.errorHandlerService.logError(error);\r\n }\r\n\r\n handleError(error: number) {\r\n console.log(this.errorMessage);\r\n console.log('error', error);\r\n this.errorHandlerService.handleErrorMessage(error, this.baseurl);\r\n }\r\n}\r\n","\r\n \r\n ","import { Component, OnInit } from '@angular/core';\r\nimport { CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-secondary-registration',\r\n templateUrl: './secondary-registration.component.html'\r\n})\r\nexport class EMPSecondaryRegistrationComponent implements OnInit {\r\n pagetitle = 'Employer: Complete Secondary Account Registration';\r\n baseurl: string;\r\n userEmailForLogin: boolean;\r\n\r\n constructor() {\r\n this.baseurl = CommonSettings.BaseApi;\r\n this.userEmailForLogin = CommonSettings.UseEmailForLogin;\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","\r\n \r\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { AuthGuardService } from 'epay-library';\r\nimport { EMPACHDInformationComponent } from './components/achd/information/achd-information.component';\r\nimport { EMPACHDLandingComponent } from './components/achd/landing/achd.landing.component';\r\nimport { EMPPaymentComponent } from './components/achd/payment/payment.component';\r\nimport { EMPPaymentAccountListComponent } from './components/achd/paymentaccount/paymentaccountlist.component';\r\nimport { EMPCreditCardLandingComponent } from './components/creditcard/landing/creditcard.landing.component';\r\nimport { EMPCreditCardPaymentComponent } from './components/creditcard/payment/creditcard.payment.component';\r\nimport { EMPEFTCreateFileComponent } from './components/eft/createfile/createfile.component';\r\nimport { EMPEFTInformationComponent } from './components/eft/information/eft-information.component';\r\nimport { EMPEFTLandingComponent } from './components/eft/landing/eft.landing.component';\r\nimport { EMPHomeComponent } from './components/home/home.component';\r\nimport { EMPProfileComponent } from './components/profile/profile.component';\r\nimport { EMPRegisterComponent } from './components/register/employer.register.component';\r\nimport { EMPSecondaryRegistrationComponent } from './components/register/secondary-registration/secondary-registration.component';\r\nimport { EmployerModuleComponent } from './employer.module.component';\r\n\r\nconst routes: Routes = [\r\n { path: '', component: EmployerModuleComponent },\r\n { path: 'register', component: EMPRegisterComponent },\r\n {\r\n path: 'completeregistration',\r\n component: EMPSecondaryRegistrationComponent,\r\n },\r\n\r\n {\r\n path: 'home',\r\n canActivate: [AuthGuardService],\r\n component: EMPHomeComponent,\r\n },\r\n\r\n // {\r\n // path: 'creditcard/payment',\r\n // canActivate: [AuthGuardService],\r\n // component: EMPCreditCardPaymentComponent,\r\n // },\r\n // {\r\n // path: 'creditcard/landing',\r\n // canActivate: [AuthGuardService],\r\n // component: EMPCreditCardLandingComponent,\r\n // },\r\n\r\n {\r\n path: 'profile',\r\n canActivate: [AuthGuardService],\r\n component: EMPProfileComponent,\r\n },\r\n {\r\n path: 'profile/settings',\r\n canActivate: [AuthGuardService],\r\n component: EMPProfileComponent,\r\n },\r\n\r\n {\r\n path: 'achd/landing',\r\n canActivate: [AuthGuardService],\r\n component: EMPACHDLandingComponent,\r\n },\r\n { path: 'achd/information', component: EMPACHDInformationComponent },\r\n {\r\n path: 'achd/payment',\r\n canActivate: [AuthGuardService],\r\n component: EMPPaymentComponent,\r\n },\r\n {\r\n path: 'achd/paymentaccounts',\r\n canActivate: [AuthGuardService],\r\n component: EMPPaymentAccountListComponent,\r\n },\r\n\r\n {\r\n path: 'eft/landing',\r\n canActivate: [AuthGuardService],\r\n component: EMPEFTLandingComponent,\r\n },\r\n { path: 'eft/information', component: EMPEFTInformationComponent },\r\n {\r\n path: 'eft/createfile',\r\n canActivate: [AuthGuardService],\r\n component: EMPEFTCreateFileComponent,\r\n },\r\n\r\n { path: '**', component: EMPHomeComponent },\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule],\r\n})\r\nexport class EmployerRoutingModule {}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-employer.module',\r\n templateUrl: './employer.module.component.html'\r\n})\r\nexport class EmployerModuleComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n"," {\r\n const apiCmd = 'searchEmployer';\r\n const gateway = 'EPayGateway/EPay/api/v1/Registration:';\r\n this.HttpOptions.params = new HttpParams()\r\n .set('thirdPartyName', employerName)\r\n .set('ein', employerEIN === null ? '' : employerEIN)\r\n .set('includeAllEmployers', includeAllEmployers) // false = don't show inactive accounts\r\n .set('includeHasHold', includeHasHold); // false = bypass has hold check\r\n\r\n return this.http\r\n .get(baseurl + gateway + apiCmd, this.HttpOptions)\r\n .pipe(catchError(this.handleError));\r\n }\r\n\r\n private handleError(err: HttpErrorResponse) {\r\n let errorMessage = '';\r\n if (err.error instanceof ErrorEvent) {\r\n errorMessage = `An error occurred: ${err.error.message}`;\r\n } else {\r\n errorMessage = `Server returned code: ${err.status}, error message is: ${err.message}`;\r\n }\r\n console.log(errorMessage);\r\n return throwError(() => err);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GlobalNavComponent } from './global-nav/global-nav.component';\r\nimport { PageContentComponent } from './page-content/page-content.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@NgModule({\r\n declarations: [GlobalNavComponent, PageContentComponent],\r\n imports: [CommonModule, RouterModule, NgbModule],\r\n exports: [GlobalNavComponent, PageContentComponent],\r\n})\r\nexport class BaseLayoutModule {}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from 'epay-library';\r\nimport { Observable, of } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'epay-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss'],\r\n})\r\nexport class FooterComponent implements OnInit {\r\n username$: Observable = of('');\r\n usertype$: Observable = of('');\r\n isLoggedIn$: Observable = of(false);\r\n\r\n constructor(private authservice: AuthService) {}\r\n\r\n ngOnInit() {\r\n this.isLoggedIn$ = this.authservice.isLoggedIn;\r\n this.username$ = this.authservice.currentUserName;\r\n this.usertype$ = this.authservice.currentUserType;\r\n }\r\n}\r\n","","import {\r\n Component,\r\n Input,\r\n ChangeDetectionStrategy,\r\n ViewChild,\r\n ElementRef,\r\n HostListener,\r\n OnChanges,\r\n SimpleChanges,\r\n OnDestroy,\r\n OnInit,\r\n} from '@angular/core';\r\nimport { MatSnackBarConfig } from '@angular/material/snack-bar';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Router, NavigationEnd } from '@angular/router';\r\nimport {\r\n AuthService,\r\n EMPLOYER_PROFILE_SETTINGS_URL,\r\n NCP_PROFILE_SETTINGS_URL,\r\n CommonSettings\r\n} from 'epay-library';\r\nimport { Observable, of } from 'rxjs';\r\nimport { Subscription } from 'rxjs';\r\nimport { filter } from 'rxjs/operators';\r\nimport { EpayExtendedServiceService } from 'src/app/helpers/services/epay-extended-service.service';\r\n\r\n@Component({\r\n selector: 'epay-global-nav',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n templateUrl: './global-nav.component.html',\r\n styleUrls: ['./global-nav.component.scss'],\r\n})\r\nexport class GlobalNavComponent implements OnInit, OnChanges, OnDestroy {\r\n sessionTimeout: string;\r\n isGlobalNavOpen: boolean = false;\r\n routerNavEndSubscription: Subscription;\r\n employerProfileUrl = EMPLOYER_PROFILE_SETTINGS_URL;\r\n ncpProfileUrl = NCP_PROFILE_SETTINGS_URL;\r\n\r\n @Input() isMobile = false;\r\n @Input() baseurl = '';\r\n\r\n username$: Observable = of('');\r\n usertype$: Observable = of('');\r\n isLoggedIn$: Observable = of(false);\r\n\r\n @ViewChild('globalNavBlock', { static: true }) globalNavBlock:\r\n | ElementRef\r\n | undefined;\r\n @ViewChild('mobileNavToggleBtn', { static: true })\r\n mobileNavToggleBtn: ElementRef | undefined;\r\n\r\n @HostListener('window:click', ['$event'])\r\n onClickOutside(event: PointerEvent) {\r\n const clickedEl = event.target;\r\n const hasClickedOutsideNav =\r\n !this.globalNavBlock!.nativeElement.contains(clickedEl) &&\r\n !this.mobileNavToggleBtn!.nativeElement.contains(clickedEl);\r\n if (hasClickedOutsideNav && this.isGlobalNavOpen) {\r\n this.isGlobalNavOpen = false;\r\n }\r\n }\r\n\r\n @HostListener('window:keyup', ['$event'])\r\n onEscKey(event: KeyboardEvent) {\r\n const whichKey = event.key;\r\n if (this.isGlobalNavOpen && whichKey === 'Escape') {\r\n this.isGlobalNavOpen = false;\r\n }\r\n }\r\n\r\n constructor(\r\n private authservice: AuthService,\r\n private router: Router,\r\n public snackbar: MatSnackBar,\r\n private epayExtendedService: EpayExtendedServiceService\r\n ) {\r\n this.sessionTimeout = CommonSettings.TimeOutInMins;\r\n this.routerNavEndSubscription = this.router.events\r\n .pipe(filter((ev) => ev instanceof NavigationEnd))\r\n .subscribe(() => {\r\n this.isGlobalNavOpen = false;\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n this.isLoggedIn$ = this.authservice.isLoggedIn;\r\n this.username$ = this.authservice.currentUserName;\r\n this.usertype$ = this.authservice.currentUserType;\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes['isMobile'] && !this.isMobile) {\r\n this.isGlobalNavOpen = false;\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this.routerNavEndSubscription.unsubscribe();\r\n }\r\n\r\n getOnlineStatementsStatus() {\r\n // Hook up to API\r\n }\r\n\r\n logout() {\r\n this.authservice.logout(this.baseurl);\r\n // this.isLoggedIn = false;\r\n // this.usertype = '';\r\n // this.username = '';\r\n this.openSnackBar(\r\n 'You have been successfully logged out.',\r\n 3500,\r\n 'snackbar-success'\r\n );\r\n }\r\n\r\n openSnackBar(message: string, time: number, style: string) {\r\n const config = new MatSnackBarConfig();\r\n config.horizontalPosition = 'center';\r\n config.verticalPosition = 'top';\r\n config.duration = time;\r\n config.panelClass = style;\r\n this.snackbar.open(message, '', config);\r\n }\r\n\r\n toggleGlobalNav(event: any): void {\r\n this.isGlobalNavOpen = !this.isGlobalNavOpen;\r\n }\r\n}\r\n","\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'epay-page-content',\r\n templateUrl: './page-content.component.html',\r\n styleUrls: ['./page-content.component.scss'],\r\n})\r\nexport class PageContentComponent implements OnInit {\r\n @Input() pagetitle = '';\r\n\r\n constructor() {}\r\n\r\n ngOnInit() {}\r\n}\r\n","\r\n\r\n\r\n \r\n ","import { Component, HostListener, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';import { AuthService } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'recurring-cc-add-success',\r\n templateUrl: './recurring-ccadd-success.component.html'\r\n})\r\nexport class RecurringCCAddSuccessComponent implements OnInit {\r\n\r\n\r\n pagetitle = 'Recurring Credit Card: Add Credit Card Success';\r\n\r\n confirmation = '';\r\n optOut = false;\r\n\r\n confirmationEmailAddress = '';\r\n\r\n sender = \"Manage Credit Cards\";\r\n\r\n constructor( \r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private authservice: AuthService, ) { }\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe((params: any) => {\r\n this.confirmation = params['confirmation'];\r\n });\r\n\r\n this.authservice.currentAccountEmail.subscribe(\r\n (email: string) => (this.confirmationEmailAddress = email)\r\n );\r\n\r\n if (this.router.url.includes('opt-out')) {\r\n this.optOut = true;\r\n this.pagetitle = 'Online Statements: Opt Out Successful'\r\n }\r\n }\r\n\r\n @HostListener('document:keydown', ['$event'])\r\n handleKeyboardEvent(keyboardEvent: KeyboardEvent): void {\r\n\r\n // Swap default Print shortcut for print method\r\n switch (keyboardEvent.key) {\r\n case 'p': {\r\n if (keyboardEvent.ctrlKey) {\r\n keyboardEvent.preventDefault();\r\n //this.print();\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n goToOptIn() {\r\n this.router.navigate(['/ncp/online-statements/settings']);\r\n }\r\n\r\n goToOptOut() {\r\n this.router.navigate(['/ncp/online-statements/settings']);\r\n }\r\n\r\n goHome() {\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n goBack() {\r\n this.router.navigate(['/ncp/online-statements/settings']);\r\n }\r\n\r\n}\r\n","\r\n\r\n \r\n ","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-error-dialog',\r\n templateUrl: './error-dialog.component.html'\r\n})\r\nexport class ErrorDialogComponent implements OnInit {\r\n title: string;\r\n message: string;\r\n message2: string;\r\n message3: string;\r\n startTime: string;\r\n endTime: string;\r\n showDialogButton: boolean;\r\n acctdetail: string;\r\n\r\n constructor( \r\n public dialogRef: MatDialogRef,\r\n @Inject(MAT_DIALOG_DATA) public data: ErrorHandlerDialogModel) { \r\n // Update view with given values\r\n this.title = data.title;\r\n this.message = data.message;\r\n this.message2 = data.message2;\r\n this.message3 = data.message3;\r\n this.startTime = data.startTime;\r\n this.endTime = data.endTime;\r\n this.acctdetail = '';\r\n this.showDialogButton = data.showDialogButton;\r\n dialogRef.disableClose = true;\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n onDismiss(): void {\r\n this.dialogRef.close(true);\r\n }\r\n\r\n}\r\n/**\r\n * Class to represent error handler dialog model.\r\n *\r\n * It has been kept here to keep it as part of helper components.\r\n */\r\nexport class ErrorHandlerDialogModel {\r\n constructor(\r\n public title: string,\r\n public message: string,\r\n public message2: string,\r\n public message3: string,\r\n public startTime: string,\r\n public endTime: string,\r\n public showDialogButton: boolean\r\n ) {}\r\n}\r\n",", next: HttpHandler): Observable> {\r\n const msg = req.method === 'GET' ? 'Loading ...' : 'Saving ...';\r\n if (!this.blockUIExcept(req.url.toString())) {\r\n this.busyService.increment(msg);\r\n return next.handle(req).pipe(\r\n finalize(() => {\r\n this.busyService.decrement();\r\n })\r\n );\r\n } else {\r\n return next.handle(req).pipe(\r\n finalize(() => {\r\n this.busyService.staystill();\r\n })\r\n );\r\n }\r\n }\r\n\r\n blockUIExcept(url: string): boolean {\r\n let block = false;\r\n for (const api of this.excludeAPIs) {\r\n if (url.toLowerCase().includes(api.toLowerCase())) {\r\n block = true;\r\n break;\r\n } else {\r\n block = false;\r\n }\r\n }\r\n return block;\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';\r\n\r\nimport { Observable } from 'rxjs';\r\nimport { Guid } from 'guid-typescript';\r\n\r\n@Injectable()\r\nexport class RequestInterceptor implements HttpInterceptor {\r\n\r\n requestId = '';\r\n constructor() {}\r\n\r\n intercept(req: HttpRequest, next: HttpHandler): Observable> {\r\n\r\n let request;\r\n let guid = Guid.create().toString();\r\n\r\n request = req.clone({\r\n params: req.params.set(\"requestId\", guid)\r\n });\r\n\r\n return next.handle(request) as any;\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport {\r\n HttpRequest,\r\n HttpHandler,\r\n HttpEvent,\r\n HttpInterceptor,\r\n} from '@angular/common/http';\r\n\r\nimport { Observable, of } from 'rxjs';\r\nimport { CommonSettings } from 'epay-library';\r\nimport { AuthService } from 'epay-library';\r\nimport { environment } from '../../../environments/environment';\r\n\r\n@Injectable()\r\nexport class TokenInterceptor implements HttpInterceptor {\r\n token = '';\r\n excludeConfig: string[] = [];\r\n\r\n constructor(private authservice: AuthService) {\r\n this.excludeConfig.push('/assets/config/config.json');\r\n this.excludeConfig.push('EPay/api/v1/Parameters');\r\n }\r\n\r\n intercept(\r\n req: HttpRequest,\r\n next: HttpHandler\r\n ): Observable> {\r\n this.authservice.currentUserToken.subscribe({\r\n next: (result: any) => (this.token = result),\r\n });\r\n let request;\r\n\r\n if (this.skipConfig(req.url.toString())) {\r\n request = req.clone({\r\n setHeaders: {\r\n Client: environment.clientID,\r\n },\r\n });\r\n return next.handle(request) as any;\r\n } else {\r\n if (this.token !== null) {\r\n if (this.token.startsWith('\"')) {\r\n this.token = this.token.substring(1, this.token.length - 1);\r\n }\r\n }\r\n\r\n if (this.token !== null && this.token !== undefined) {\r\n request = req.clone({\r\n setHeaders: {\r\n Authorization: `Bearer ${this.token}`,\r\n Environment: CommonSettings.Environment,\r\n Client: CommonSettings.ClientID,\r\n ClientName: CommonSettings.ClientName,\r\n },\r\n });\r\n } else {\r\n request = req.clone({\r\n setHeaders: {\r\n Environment:\r\n CommonSettings.Environment === undefined\r\n ? ''\r\n : CommonSettings.Environment,\r\n Client:\r\n CommonSettings.ClientID === undefined\r\n ? ''\r\n : CommonSettings.ClientID,\r\n ClientName:\r\n CommonSettings.ClientName === undefined\r\n ? ''\r\n : CommonSettings.ClientName,\r\n },\r\n });\r\n }\r\n\r\n return next.handle(request) as any;\r\n }\r\n }\r\n\r\n skipConfig(url: string): boolean {\r\n let block = false;\r\n for (const api of this.excludeConfig) {\r\n if (url.toLowerCase().includes(api.toLowerCase())) {\r\n block = true;\r\n break;\r\n } else {\r\n block = false;\r\n }\r\n }\r\n return block;\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService, CommonSettings } from 'epay-library';\r\n\r\nvar MINUTES_UNITL_AUTO_LOGOUT = 0; // in mins\r\nconst CHECK_INTERVAL = 15000; // in ms\r\nconst WARNING_TIME = 30000;\r\nconst STORE_KEY = 'lastAction';\r\n\r\n@Injectable(\r\n {\r\n providedIn: 'root'\r\n })\r\n\r\nexport class AutoLogoutService {\r\n val: any;\r\n isLoggedIn = false;\r\n\r\n\r\n public getLastAction() {\r\n // tslint:disable-next-line:radix\r\n return parseInt(sessionStorage.getItem(STORE_KEY)!);\r\n }\r\n public setLastAction(lastAction: number) {\r\n sessionStorage.setItem(STORE_KEY, lastAction.toString());\r\n }\r\n\r\n constructor(private router: Router,\r\n private authservice: AuthService) {\r\n\r\n MINUTES_UNITL_AUTO_LOGOUT = +CommonSettings.TimeOutInMins; \r\n this.authservice.isLoggedIn.subscribe(status => this.isLoggedIn = status);\r\n this.check();\r\n this.initListener();\r\n this.initInterval();\r\n sessionStorage.setItem(STORE_KEY, Date.now().toString());\r\n }\r\n\r\n initListener() {\r\n document.body.addEventListener('click', () => this.reset());\r\n document.body.addEventListener('mouseover', () => this.reset());\r\n document.body.addEventListener('mouseout', () => this.reset());\r\n document.body.addEventListener('keydown', () => this.reset());\r\n document.body.addEventListener('keyup', () => this.reset());\r\n document.body.addEventListener('keypress', () => this.reset());\r\n window.addEventListener('storage', () => this.storageEvt());\r\n }\r\n\r\n reset() {\r\n this.setLastAction(Date.now());\r\n }\r\n\r\n initInterval() {\r\n setInterval(() => {\r\n this.check();\r\n }, CHECK_INTERVAL);\r\n console.log(CHECK_INTERVAL)\r\n }\r\n\r\n check() {\r\n if (this.isLoggedIn) {\r\n const now = Date.now();\r\n const timeleft = this.getLastAction() + +MINUTES_UNITL_AUTO_LOGOUT * 60 * 1000;\r\n const diff = timeleft - now;\r\n const isWarning = diff < WARNING_TIME;\r\n const isTimeout = diff < 0;\r\n if (isWarning) {\r\n this.router.navigateByUrl('logoutwarning');\r\n }\r\n\r\n if (isTimeout) {\r\n this.authservice.logout(CommonSettings.BaseApi);\r\n }\r\n }\r\n }\r\n\r\n storageEvt() {\r\n this.val = sessionStorage.getItem(STORE_KEY);\r\n }\r\n}\r\n\r\n","import { HttpHeaders, HttpParams, HttpClient, HttpErrorResponse } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable, catchError, tap, throwError } from 'rxjs';\r\nimport { PBTOptInStep1 } from '../models/Pay by Text/PBTOptInStep1.model';\r\nimport { PBTOptInStep2 } from '../models/Pay by Text/PBTOptInStep2.model';\r\nimport { PBTOptOut } from '../models/Pay by Text/PBTOptOut.model';\r\nimport { PBTEditPhoneStep1 } from '../models/Pay by Text/PBTEditPhoneStep1.model';\r\nimport { PBTEditPhoneStep2 } from '../models/Pay by Text/PBTEditPhoneStep2.model';\r\nimport { PBTCreatePayment } from '../models/Pay by Text/PBTCreatePayment.model';\r\nimport { PBTCancelPayment } from '../models/Pay by Text/PBTCancelPayment.model';\r\nimport { RecurringCreditCardCancel } from '../models/Pay by Text/RecurringCreditCardCancel.model';\r\nimport { RecurringCreditCardBilling } from '../models/Pay by Text/RecurringCreditCardBilling.model';\r\nimport { RecurringCreditCardPayment } from '../models/Pay by Text/RecurringCreditCardPayment.model';\r\nimport { DirectDepositCreate } from '../models/Direct Deposit/DirectDeposit';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class EpayExtendedServiceService {\r\n gateway = 'EPayGateway/EPay/api/v1/';\r\n\r\n httpOptions = {\r\n headers: new HttpHeaders(),\r\n params: new HttpParams(),\r\n };\r\n\r\n constructor(private http: HttpClient) {}\r\n\r\n resetHeader() {\r\n this.httpOptions.headers = new HttpHeaders().set(\r\n 'Content-Type',\r\n 'application/json'\r\n );\r\n }\r\n\r\n ////////////////////////////////////////////////////\r\n /////////// Electronic Billing ////////////////////\r\n //////////////////////////////////////////////////\r\n\r\n getEBPeriodicStatements(\r\n baseurl: string,\r\n secondaryId: string,\r\n tertiaryId: string\r\n ): Observable {\r\n const apiCmd = 'getMostRecentPeriodicStatement';\r\n const gateway = 'EPayGateway/EPay/api/v1/OnlineStatements:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('secondaryId', secondaryId)\r\n .set('tertiaryId', tertiaryId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getEBOptInStatus(\r\n baseurl: string\r\n ): Observable {\r\n const apiCmd = 'getOptInStatus';\r\n const gateway = 'EPayGateway/EPay/api/v1/OnlineStatements:';\r\n\r\n return this.http.get(baseurl + gateway + apiCmd).pipe(\r\n tap((data: any) => {\r\n sessionStorage.setItem('EBStatus', data)\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n setEBOptIn(\r\n baseurl: string,\r\n ): Observable {\r\n const apiCmd = 'optIn';\r\n const gateway = 'EPayGateway/EPay/api/v1/OnlineStatements:';\r\n\r\n return this.http\r\n .post(baseurl + gateway + apiCmd, '')\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n setEBOptOut( \r\n baseurl: string,\r\n ): Observable {\r\n const apiCmd = 'optOut';\r\n const gateway = 'EPayGateway/EPay/api/v1/OnlineStatements:';\r\n\r\n return this.http\r\n .post(baseurl + gateway + apiCmd, '')\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n getCouponBarcode (\r\n baseurl: string,\r\n fontSize: number,\r\n ) {\r\n\r\n const apiCmd = 'ElectronicBilling/Coupon';\r\n\r\n this.httpOptions.params = new HttpParams().set(\r\n 'fontSize',\r\n 50\r\n );\r\n\r\n // return this.http\r\n // .get(baseurl + this.gateway + apiCmd, this.httpOptions)\r\n // .pipe(catchError(this.handleError));\r\n return this.http.get(baseurl + this.gateway + apiCmd, {responseType: 'text'}).pipe(\r\n tap((data: any) => {\r\n console.log('image data', data);\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getCouponSSN (\r\n baseurl: string,\r\n ) {\r\n\r\n const apiCmd = 'ElectronicBilling/Identifier';\r\n\r\n return this.http.get(baseurl + this.gateway + apiCmd, {responseType: 'text'}).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n ////////////////////////////////////////////////////\r\n ////////////////// Pay by Text ////////////////////\r\n //////////////////////////////////////////////////\r\n\r\n getPBTHistory (\r\n baseurl: string\r\n ): Observable {\r\n const apiCmd = 'getHistory/';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n this.httpOptions.params = new HttpParams().set('months', 12);\r\n var months = 12;\r\n\r\n return this.http.get(baseurl + gateway + apiCmd + months, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n // Use to get particular scheduled text\r\n getPBTPayment (\r\n baseurl: string,\r\n scheduledPaymentId: number\r\n ): Observable {\r\n const apiCmd = 'getPayment/';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n //.set('Client', 4)\r\n .set('scheduledPaymentId', scheduledPaymentId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd + scheduledPaymentId.toString(), this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n // Use for current scheduled texts\r\n // use scheduledPaymentId of -1\r\n getPBTScheduledPayment ( \r\n baseurl: string,\r\n scheduledPaymentId: number\r\n ): Observable {\r\n const apiCmd = 'scheduled/';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('scheduledPaymentId', scheduledPaymentId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd + scheduledPaymentId.toString(), this.httpOptions).pipe(\r\n tap((data: any) => {\r\n console.log(\"** \", data)\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getPBTOptInStatus (\r\n baseurl: string\r\n ): Observable {\r\n const apiCmd = 'getOptInStatus';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n return this.http\r\n .get(\r\n baseurl + gateway + apiCmd\r\n )\r\n .pipe(\r\n tap((data: any) => {\r\n sessionStorage.setItem('T2PStatus', data)\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n setPBTOptInStep1 (\r\n baseurl: string,\r\n step1Data: PBTOptInStep1,\r\n ): Observable {\r\n const apiCmd = 'optInStep1';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n return this.http\r\n .post(baseurl + gateway + apiCmd, step1Data)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n setPBTOptInStep2 (\r\n baseurl: string,\r\n step2Data: PBTOptInStep2,\r\n ): Observable {\r\n const apiCmd = 'optInStep2';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n return this.http\r\n .post(baseurl + gateway + apiCmd, step2Data)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n setPBTOptOut ( \r\n baseurl: string\r\n ): Observable {\r\n const apiCmd = 'optOut';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, '')\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n setPBTPhoneEditStep1 ( \r\n baseurl: string,\r\n phoneEditStep1: PBTEditPhoneStep1,\r\n ): Observable {\r\n const apiCmd = 'phoneEditStep1';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, phoneEditStep1)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n setPBTPhoneEditStep2 ( \r\n baseurl: string,\r\n phoneEditStep2: PBTEditPhoneStep2,\r\n ): Observable {\r\n const apiCmd = 'phoneEditStep2';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, phoneEditStep2)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n getPBTCases ( \r\n baseurl: string,\r\n primaryId: string,\r\n secondaryId: string,\r\n tertiaryId: string,\r\n quaternaryId: string\r\n ): Observable {\r\n const apiCmd = 'GetCases';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('primaryId', primaryId)\r\n .set('secondaryId', secondaryId)\r\n .set('tertiaryId', tertiaryId)\r\n .set('quaternaryId', quaternaryId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getPBTOrders ( \r\n baseurl: string,\r\n secondaryId: string,\r\n ): Observable {\r\n const apiCmd = 'getOrders';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('Client', 4)\r\n .set('secondaryId', secondaryId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getPBTFrequencies ( \r\n baseurl: string,\r\n ): Observable {\r\n const apiCmd = 'getFrequencies';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('Client', 4);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getPBTSchedules ( \r\n baseurl: string,\r\n scheduleFrequency: string\r\n ): Observable {\r\n const apiCmd = 'getSchedules';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringText:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('scheduleFrequency', scheduleFrequency)\r\n .set('Client', 4);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n createPBTPayment ( \r\n baseurl: string,\r\n pbtPayment: PBTCreatePayment,\r\n ): Observable {\r\n const apiCmd = 'createPayment';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditText:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, pbtPayment)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n cancelPBTPayment ( \r\n baseurl: string,\r\n schedulePaymentId: any,\r\n ): Observable {\r\n const apiCmd = 'cancelPayment';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditText:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, schedulePaymentId)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n getActiveInactiveLogins (\r\n baseurl: string\r\n ): Observable {\r\n const apiCmd = 'getActiveandInactiveLogins';\r\n const gateway = 'EPayGateway/EPay/api/v1/UserExternals:';\r\n\r\n return this.http.get(baseurl + gateway + apiCmd).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n ////////////////////////////////////////////////////\r\n ///////////// Recurring Credit Card ///////////////\r\n //////////////////////////////////////////////////\r\n\r\n getRecurringCCHistory (\r\n baseurl: string\r\n ): Observable {\r\n const apiCmd = 'getHistory';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n this.httpOptions.params = new HttpParams().set('months', 6);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getRecurringCCPayment (\r\n baseurl: string,\r\n scheduledPaymentId: number\r\n ): Observable {\r\n const apiCmd = 'getPayment';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n //.set('Client', 4)\r\n .set('scheduledPaymentId', scheduledPaymentId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getRecurringCCScheduledPayments ( \r\n baseurl: string,\r\n scheduledPaymentId: number\r\n ): Observable {\r\n const apiCmd = 'scheduled';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('scheduledPaymentId', scheduledPaymentId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n console.log(\"** \", data)\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getRecurringCreditCards ( \r\n baseurl: string,\r\n ): Observable {\r\n const apiCmd = 'getCreditCards';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n return this.http.get(baseurl + gateway + apiCmd).pipe(\r\n tap((data: any) => {\r\n console.log(\"** \", data)\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n cancelRecurringCreditCard ( \r\n baseurl: string,\r\n cardID: any,\r\n ): Observable {\r\n const apiCmd = 'cancelCreditCard';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, cardID)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n updateRecurringCreditCardBilling ( \r\n baseurl: string,\r\n creditCardBilling: RecurringCreditCardBilling,\r\n ): Observable {\r\n const apiCmd = 'updateCreditCardBillingInfo';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, creditCardBilling)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n \r\n getRecurringCreditCardCases ( \r\n baseurl: string,\r\n primaryId: string,\r\n secondaryId: string,\r\n tertiaryId: string,\r\n quaternaryId: string\r\n ): Observable {\r\n const apiCmd = 'getCases';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('primaryId', primaryId)\r\n .set('secondaryId', secondaryId)\r\n .set('tertiaryId', tertiaryId)\r\n .set('quaternaryId', quaternaryId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getRecurringCreditCardOrders ( \r\n baseurl: string,\r\n secondaryId: string,\r\n ): Observable {\r\n const apiCmd = 'GetOrders';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('Client', 4)\r\n .set('secondaryId', secondaryId);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getRecurringCreditCardFrequencies ( \r\n baseurl: string,\r\n ): Observable {\r\n const apiCmd = 'GetFrequencies';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('Client', 4);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getRecurringCreditCardSchedules ( \r\n baseurl: string,\r\n scheduleFrequency: string\r\n ): Observable {\r\n const apiCmd = 'GetSchedules';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set('scheduleFrequency', scheduleFrequency)\r\n .set('Client', 4);\r\n\r\n return this.http.get(baseurl + gateway + apiCmd, this.httpOptions).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n createRecurringCreditCardPayment ( \r\n baseurl: string,\r\n recurringCCPayment: RecurringCreditCardPayment,\r\n ): Observable {\r\n const apiCmd = 'CreatePayment';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, recurringCCPayment)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n cancelRecurringCreditCardPayment ( \r\n baseurl: string,\r\n schedulePaymentId: any,\r\n ): Observable {\r\n const apiCmd = 'cancelPayment';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n \r\n return this.http\r\n .post(baseurl + gateway + apiCmd, schedulePaymentId)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n getRecurringCreditCardAccountRedirect ( \r\n baseurl: string,\r\n ): Observable {\r\n const apiCmd = 'GetAccountRedirect';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n return this.http.get(baseurl + gateway + apiCmd).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n getRecurringCreditCardRedirect ( \r\n baseurl: string,\r\n ): Observable {\r\n const apiCmd = 'GetCreditCardRedirect';\r\n const gateway = 'EPayGateway/EPay/api/v1/PaymentRecurringCreditCard:';\r\n\r\n return this.http.get(baseurl + gateway + apiCmd).pipe(\r\n tap((data: any) => {\r\n }),\r\n catchError(this.handleError)\r\n );\r\n }\r\n\r\n createDirectDeposit ( \r\n baseurl: string,\r\n directDepositCreate: DirectDepositCreate,\r\n ): Observable {\r\n const apiCmd = 'createApplication';\r\n const gateway = 'EPayGateway/EPay/api/v1/DirectDeposit:';\r\n\r\n this.httpOptions.params = new HttpParams()\r\n .set(\"Client\", 4);\r\n\r\n return this.http\r\n .post(baseurl + gateway + apiCmd, directDepositCreate, this.httpOptions)\r\n .pipe(catchError(this.handleError)); \r\n }\r\n\r\n private handleError(err: HttpErrorResponse) {\r\n let errorMessage = '';\r\n if (err.error instanceof ErrorEvent) {\r\n errorMessage = `An Error Occurred: ${err.error.message}`;\r\n } else if (err.status === 404 || err.status === 409) {\r\n return throwError(() => err);\r\n } else {\r\n errorMessage = `Server returned code: ${err.status}, error message is: ${err.message}`;\r\n console.log('Error Occurred: ' + errorMessage);\r\n }\r\n return throwError(() => err);\r\n }\r\n}\r\n","import { Inject, Injectable, Optional, PLATFORM_ID } from '@angular/core';\r\nimport { REQUEST } from '@nguniversal/express-engine/tokens';\r\nimport { Request } from 'express';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport {isPlatformServer} from '@angular/common';\r\n\r\n@Injectable()\r\nexport class UniversalDeviceDetectorService extends DeviceDetectorService {\r\n constructor(@Inject(PLATFORM_ID) platformId: any, @Optional() @Inject(REQUEST) request: Request) {\r\n super(platformId);\r\n if (isPlatformServer(platformId)) {\r\n super.setDeviceInfo((request.headers['user-agent'] as string) || '');\r\n }\r\n }\r\n}\r\n","export const environment = {\r\n clientID: '4',\r\n};\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\nimport { CommonSettings } from 'epay-library';\r\nimport { AppModule } from './app/app.module';\r\n\r\nif (\r\n CommonSettings.Environment === 'PROD' ||\r\n CommonSettings.Environment === 'prod'\r\n) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic()\r\n .bootstrapModule(AppModule)\r\n .catch((err) => {\r\n console.error(err);\r\n const errorMsgTitle = document.querySelector('#errorMsgTitle');\r\n const errorMsgElement = document.querySelector('#errorMsgElement');\r\n\r\n const testValue = document.querySelector('#testValue');\r\n\r\n let message = '';\r\n let title =\r\n 'An error occurred loading the website. Please try back at a later time.';\r\n if (err) {\r\n if (err.message) {\r\n message = 'ERROR: ' + err.message;\r\n } else {\r\n message = 'ERROR: ' + err;\r\n }\r\n }\r\n errorMsgTitle!.textContent = title;\r\n errorMsgElement!.textContent = message;\r\n\r\n testValue!.textContent = \"Error Encountered\";\r\n });\r\n","var map = {\n\t\"./af\": 32139,\n\t\"./af.js\": 32139,\n\t\"./ar\": 22600,\n\t\"./ar-dz\": 81001,\n\t\"./ar-dz.js\": 81001,\n\t\"./ar-kw\": 99842,\n\t\"./ar-kw.js\": 99842,\n\t\"./ar-ly\": 9826,\n\t\"./ar-ly.js\": 9826,\n\t\"./ar-ma\": 15452,\n\t\"./ar-ma.js\": 15452,\n\t\"./ar-ps\": 99061,\n\t\"./ar-ps.js\": 99061,\n\t\"./ar-sa\": 11802,\n\t\"./ar-sa.js\": 11802,\n\t\"./ar-tn\": 4094,\n\t\"./ar-tn.js\": 4094,\n\t\"./ar.js\": 22600,\n\t\"./az\": 96375,\n\t\"./az.js\": 96375,\n\t\"./be\": 2086,\n\t\"./be.js\": 2086,\n\t\"./bg\": 85236,\n\t\"./bg.js\": 85236,\n\t\"./bm\": 81704,\n\t\"./bm.js\": 81704,\n\t\"./bn\": 94506,\n\t\"./bn-bd\": 34466,\n\t\"./bn-bd.js\": 34466,\n\t\"./bn.js\": 94506,\n\t\"./bo\": 47891,\n\t\"./bo.js\": 47891,\n\t\"./br\": 93348,\n\t\"./br.js\": 93348,\n\t\"./bs\": 84848,\n\t\"./bs.js\": 84848,\n\t\"./ca\": 35928,\n\t\"./ca.js\": 35928,\n\t\"./cs\": 31839,\n\t\"./cs.js\": 31839,\n\t\"./cv\": 59151,\n\t\"./cv.js\": 59151,\n\t\"./cy\": 35761,\n\t\"./cy.js\": 35761,\n\t\"./da\": 56686,\n\t\"./da.js\": 56686,\n\t\"./de\": 85177,\n\t\"./de-at\": 2311,\n\t\"./de-at.js\": 2311,\n\t\"./de-ch\": 54407,\n\t\"./de-ch.js\": 54407,\n\t\"./de.js\": 85177,\n\t\"./dv\": 79729,\n\t\"./dv.js\": 79729,\n\t\"./el\": 60430,\n\t\"./el.js\": 60430,\n\t\"./en-au\": 28430,\n\t\"./en-au.js\": 28430,\n\t\"./en-ca\": 61139,\n\t\"./en-ca.js\": 61139,\n\t\"./en-gb\": 56747,\n\t\"./en-gb.js\": 56747,\n\t\"./en-ie\": 79466,\n\t\"./en-ie.js\": 79466,\n\t\"./en-il\": 52121,\n\t\"./en-il.js\": 52121,\n\t\"./en-in\": 41167,\n\t\"./en-in.js\": 41167,\n\t\"./en-nz\": 62030,\n\t\"./en-nz.js\": 62030,\n\t\"./en-sg\": 43646,\n\t\"./en-sg.js\": 43646,\n\t\"./eo\": 73126,\n\t\"./eo.js\": 73126,\n\t\"./es\": 38819,\n\t\"./es-do\": 69293,\n\t\"./es-do.js\": 69293,\n\t\"./es-mx\": 65304,\n\t\"./es-mx.js\": 65304,\n\t\"./es-us\": 66068,\n\t\"./es-us.js\": 66068,\n\t\"./es.js\": 38819,\n\t\"./et\": 23291,\n\t\"./et.js\": 23291,\n\t\"./eu\": 1400,\n\t\"./eu.js\": 1400,\n\t\"./fa\": 70043,\n\t\"./fa.js\": 70043,\n\t\"./fi\": 16138,\n\t\"./fi.js\": 16138,\n\t\"./fil\": 11466,\n\t\"./fil.js\": 11466,\n\t\"./fo\": 76803,\n\t\"./fo.js\": 76803,\n\t\"./fr\": 65523,\n\t\"./fr-ca\": 697,\n\t\"./fr-ca.js\": 697,\n\t\"./fr-ch\": 69001,\n\t\"./fr-ch.js\": 69001,\n\t\"./fr.js\": 65523,\n\t\"./fy\": 21116,\n\t\"./fy.js\": 21116,\n\t\"./ga\": 66151,\n\t\"./ga.js\": 66151,\n\t\"./gd\": 93094,\n\t\"./gd.js\": 93094,\n\t\"./gl\": 11279,\n\t\"./gl.js\": 11279,\n\t\"./gom-deva\": 64458,\n\t\"./gom-deva.js\": 64458,\n\t\"./gom-latn\": 66320,\n\t\"./gom-latn.js\": 66320,\n\t\"./gu\": 78658,\n\t\"./gu.js\": 78658,\n\t\"./he\": 52153,\n\t\"./he.js\": 52153,\n\t\"./hi\": 98732,\n\t\"./hi.js\": 98732,\n\t\"./hr\": 84960,\n\t\"./hr.js\": 84960,\n\t\"./hu\": 76339,\n\t\"./hu.js\": 76339,\n\t\"./hy-am\": 11862,\n\t\"./hy-am.js\": 11862,\n\t\"./id\": 71068,\n\t\"./id.js\": 71068,\n\t\"./is\": 61260,\n\t\"./is.js\": 61260,\n\t\"./it\": 1007,\n\t\"./it-ch\": 78063,\n\t\"./it-ch.js\": 78063,\n\t\"./it.js\": 1007,\n\t\"./ja\": 6854,\n\t\"./ja.js\": 6854,\n\t\"./jv\": 92390,\n\t\"./jv.js\": 92390,\n\t\"./ka\": 35958,\n\t\"./ka.js\": 35958,\n\t\"./kk\": 67216,\n\t\"./kk.js\": 67216,\n\t\"./km\": 61061,\n\t\"./km.js\": 61061,\n\t\"./kn\": 24060,\n\t\"./kn.js\": 24060,\n\t\"./ko\": 55216,\n\t\"./ko.js\": 55216,\n\t\"./ku\": 50894,\n\t\"./ku-kmr\": 11609,\n\t\"./ku-kmr.js\": 11609,\n\t\"./ku.js\": 50894,\n\t\"./ky\": 609,\n\t\"./ky.js\": 609,\n\t\"./lb\": 3591,\n\t\"./lb.js\": 3591,\n\t\"./lo\": 38381,\n\t\"./lo.js\": 38381,\n\t\"./lt\": 56118,\n\t\"./lt.js\": 56118,\n\t\"./lv\": 67889,\n\t\"./lv.js\": 67889,\n\t\"./me\": 94274,\n\t\"./me.js\": 94274,\n\t\"./mi\": 39226,\n\t\"./mi.js\": 39226,\n\t\"./mk\": 528,\n\t\"./mk.js\": 528,\n\t\"./ml\": 27938,\n\t\"./ml.js\": 27938,\n\t\"./mn\": 35456,\n\t\"./mn.js\": 35456,\n\t\"./mr\": 94393,\n\t\"./mr.js\": 94393,\n\t\"./ms\": 93647,\n\t\"./ms-my\": 33049,\n\t\"./ms-my.js\": 33049,\n\t\"./ms.js\": 93647,\n\t\"./mt\": 26097,\n\t\"./mt.js\": 26097,\n\t\"./my\": 66277,\n\t\"./my.js\": 66277,\n\t\"./nb\": 67245,\n\t\"./nb.js\": 67245,\n\t\"./ne\": 3988,\n\t\"./ne.js\": 3988,\n\t\"./nl\": 42557,\n\t\"./nl-be\": 20478,\n\t\"./nl-be.js\": 20478,\n\t\"./nl.js\": 42557,\n\t\"./nn\": 9046,\n\t\"./nn.js\": 9046,\n\t\"./oc-lnc\": 83131,\n\t\"./oc-lnc.js\": 83131,\n\t\"./pa-in\": 51731,\n\t\"./pa-in.js\": 51731,\n\t\"./pl\": 8409,\n\t\"./pl.js\": 8409,\n\t\"./pt\": 41178,\n\t\"./pt-br\": 56558,\n\t\"./pt-br.js\": 56558,\n\t\"./pt.js\": 41178,\n\t\"./ro\": 84138,\n\t\"./ro.js\": 84138,\n\t\"./ru\": 73380,\n\t\"./ru.js\": 73380,\n\t\"./sd\": 42889,\n\t\"./sd.js\": 42889,\n\t\"./se\": 22774,\n\t\"./se.js\": 22774,\n\t\"./si\": 53776,\n\t\"./si.js\": 53776,\n\t\"./sk\": 9597,\n\t\"./sk.js\": 9597,\n\t\"./sl\": 93871,\n\t\"./sl.js\": 93871,\n\t\"./sq\": 44228,\n\t\"./sq.js\": 44228,\n\t\"./sr\": 40774,\n\t\"./sr-cyrl\": 61928,\n\t\"./sr-cyrl.js\": 61928,\n\t\"./sr.js\": 40774,\n\t\"./ss\": 83176,\n\t\"./ss.js\": 83176,\n\t\"./sv\": 52422,\n\t\"./sv.js\": 52422,\n\t\"./sw\": 52530,\n\t\"./sw.js\": 52530,\n\t\"./ta\": 5731,\n\t\"./ta.js\": 5731,\n\t\"./te\": 18025,\n\t\"./te.js\": 18025,\n\t\"./tet\": 53934,\n\t\"./tet.js\": 53934,\n\t\"./tg\": 99958,\n\t\"./tg.js\": 99958,\n\t\"./th\": 84251,\n\t\"./th.js\": 84251,\n\t\"./tk\": 65494,\n\t\"./tk.js\": 65494,\n\t\"./tl-ph\": 38568,\n\t\"./tl-ph.js\": 38568,\n\t\"./tlh\": 73158,\n\t\"./tlh.js\": 73158,\n\t\"./tr\": 49574,\n\t\"./tr.js\": 49574,\n\t\"./tzl\": 64311,\n\t\"./tzl.js\": 64311,\n\t\"./tzm\": 99990,\n\t\"./tzm-latn\": 42380,\n\t\"./tzm-latn.js\": 42380,\n\t\"./tzm.js\": 99990,\n\t\"./ug-cn\": 52356,\n\t\"./ug-cn.js\": 52356,\n\t\"./uk\": 54934,\n\t\"./uk.js\": 54934,\n\t\"./ur\": 84515,\n\t\"./ur.js\": 84515,\n\t\"./uz\": 40058,\n\t\"./uz-latn\": 41875,\n\t\"./uz-latn.js\": 41875,\n\t\"./uz.js\": 40058,\n\t\"./vi\": 13325,\n\t\"./vi.js\": 13325,\n\t\"./x-pseudo\": 39208,\n\t\"./x-pseudo.js\": 39208,\n\t\"./yo\": 18742,\n\t\"./yo.js\": 18742,\n\t\"./zh-cn\": 42378,\n\t\"./zh-cn.js\": 42378,\n\t\"./zh-hk\": 4569,\n\t\"./zh-hk.js\": 4569,\n\t\"./zh-mo\": 74671,\n\t\"./zh-mo.js\": 74671,\n\t\"./zh-tw\": 20259,\n\t\"./zh-tw.js\": 20259\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 46700;","/* (ignored) */","/* (ignored) */","/* (ignored) */"],"names":["CommonSettings","observeOn","asapScheduler","AppComponent","constructor","authservice","router","appLoadService","busyService","errorHandlerService","viewpointService","autologoutService","Title","BaseApi","busyState$","pipe","subscribe","bs","busy","isBusy","message","ngOnInit","IsMobile","ismobile","isMobile","routeReuseStrategy","shouldReuseRoute","ngOnDestroy","logout","baseurl","logError","error","handleError","console","log","errorMessage","handleErrorMessage","selectors","decls","vars","consts","template","i0","HttpHeaders","lastValueFrom","throwError","catchError","map","AppLoadService","httpClient","getParameterSettings","apiCmd","gateway","obsParameterValue","_this","get","headers","Client","ClientID","parameterValues","NumOfDaysForPaymentHistory","EPay_NumOfDaysForPaymentHistory","NumOfDaysOutForCalendar","EPay_NumOfDaysOutForCalendar","DaysToShowEFTFileHistory","EPay_DaysToShowEFTFileHistory","Timezone","EPay_ClientTimeZone","EmpWebsiteCode","EPay_EmpWebsiteCode","AppInsightsConnectionString","EPay_AppInsightConnectionString","AppInsightsEnableAutoRouteTracking","EPay_AppInsightEnableAutoRouteTracking","CreditCardVendorID","EPay_CreditCardVendorID","FortPointAccessToken","EPay_FortPointAccessToken","FortPointCreditCardUrl","EPay_FortPointCreditCardUrl","FortPointStateCode","EPay_FortPointStateCode","ChatUrl","EPay_Chat_url","getConfigSettings","configSettings","_this2","configs","title","baseApi","TokenApi","tokenApi","clientID","toString","ClientName","clientName","StateName","stateName","TimeOutInMins","timeoutInMins","Environment","environment","CanCreateNewEmployer","toBoolean","canCreateNewEmployer","UseEmailForLogin","useEmailForLogin","CanRegisterWithClosedCase","canRegisterWithClosedCase","CanMakePaymentsToClosedCases","canMakePaymentsToClosedCases","EmployerUseCaseNumberForPayments","employerUseCaseNumberForPayments","NCPUseCaseNumberForPayments","ncpUseCaseNumberForPayment","SaveEmployeesForPayments","saveEmployeesForPayments","AllowEINSearch","allowEINSearch","CanInactivateNCPAccount","canInactivateNCPAccount","value","err","ErrorEvent","status","factory","providedIn","of","FooterComponent","isLoggedIn$","isLoggedIn","username$","currentUserName","usertype$","currentUserType","MatSnackBarConfig","NavigationEnd","EMPLOYER_PROFILE_SETTINGS_URL","NCP_PROFILE_SETTINGS_URL","filter","ctx_r18","ctx_r30","GlobalNavComponent","snackbar","epayExtendedService","sessionTimeout","routerNavEndSubscription","events","ev","isGlobalNavOpen","onClickOutside","event","clickedEl","target","hasClickedOutsideNav","globalNavBlock","nativeElement","contains","mobileNavToggleBtn","onEscKey","whichKey","key","ngOnChanges","changes","unsubscribe","getOnlineStatementsStatus","openSnackBar","time","style","config","horizontalPosition","verticalPosition","duration","panelClass","open","toggleGlobalNav","viewQuery","ctx"],"sourceRoot":"webpack:///"}
\r\n
","import {\r\n Component,\r\n OnInit,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n ViewChild,\r\n AfterViewInit,\r\n} from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\nimport { AuthService, EMPLOYER_PROFILE_SETTINGS_URL, CommonSettings } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'epay-emp-profile',\r\n templateUrl: './profile.component.html',\r\n})\r\nexport class EMPProfileComponent implements OnInit {\r\n pagetitle = 'Employer: Profile & Settings';\r\n displayDetails = true;\r\n displaySecurity = true;\r\n displayAccounts = true;\r\n selectedTab = 0;\r\n\r\n confirmationTitle = '';\r\n confirmationMessage = '';\r\n confirmationNumber = '';\r\n showConfirmationEmail = false;\r\n restart = false;\r\n goToPrimary = '';\r\n goToPrimaryUrl = '';\r\n openConfirmation = false;\r\n useEmail = CommonSettings.UseEmailForLogin;\r\n email = '';\r\n newEmailFromLogin = '';\r\n showEmailMismatch = false;\r\n\r\n baseurl = '';\r\n employerProfileUrl = EMPLOYER_PROFILE_SETTINGS_URL;\r\n\r\n @Input() passState: any;\r\n\r\n constructor(private router: Router, private authService: AuthService) {\r\n this.baseurl = CommonSettings.BaseApi;\r\n }\r\n\r\n ngOnInit() {\r\n switch (history.state.display) {\r\n case 'detail': {\r\n this.selectedTab = 0;\r\n break;\r\n }\r\n case 'security': {\r\n this.newEmailFromLogin = history.state.newEmail;\r\n this.selectedTab = 1;\r\n break;\r\n }\r\n case 'account': {\r\n this.selectedTab = 2;\r\n break;\r\n }\r\n default: {\r\n this.selectedTab = 0;\r\n }\r\n }\r\n }\r\n\r\n goToProfileHome() {\r\n this.router.navigate([this.employerProfileUrl]);\r\n }\r\n\r\n displayConfirmationPage(result: any) {\r\n if (result.success) {\r\n this.confirmationTitle = 'Success';\r\n this.confirmationMessage = result.message;\r\n this.confirmationNumber = result.confirmationNumber;\r\n this.showConfirmationEmail = result.showConfirmationEmail;\r\n\r\n if (this.confirmationMessage === 'Password has been updated.' || this.confirmationMessage === 'Username has been updated.') {\r\n this.restart = true;\r\n this.goToPrimaryUrl = '';\r\n this.goToPrimary = 'Exit';\r\n }\r\n else {\r\n this.restart = result.restart;\r\n this.goToPrimaryUrl = 'employer/home';\r\n this.goToPrimary = 'Home';\r\n }\r\n\r\n this.openConfirmation = true;\r\n this.displayAccounts = false;\r\n this.displayDetails = false;\r\n this.displaySecurity = false;\r\n this.showEmailMismatch = result.showEmailMismatch;\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Your Contact Details
\r\nUpdate your email, phone or address, and more.
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Sign-in Security
\r\nUpdate your username and password to ones that are unique to this account.
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n User Accounts
\r\nOrganize your accounts, add/edit other users, and more.
\r\n\r\n\r\n \r\n\r\n \r\n \r\n\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \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, HostListener, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';import { AuthService } from 'epay-library';\r\n\r\n@Component({\r\n selector: 'recurring-cc-add-cancel',\r\n templateUrl: './recurring-ccadd-cancel.component.html'\r\n})\r\nexport class RecurringCCAddCancelComponent implements OnInit {\r\n\r\n\r\n pagetitle = 'Recurring Credit Card: Add Credit Card Cancel';\r\n\r\n confirmation = '';\r\n optOut = false;\r\n\r\n confirmationEmailAddress = '';\r\n\r\n sender = \"Manage Credit Cards\";\r\n\r\n constructor( \r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private authservice: AuthService, ) { }\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe((params: any) => {\r\n this.confirmation = params['confirmation'];\r\n });\r\n\r\n this.authservice.currentAccountEmail.subscribe(\r\n (email: string) => (this.confirmationEmailAddress = email)\r\n );\r\n\r\n if (this.router.url.includes('opt-out')) {\r\n this.optOut = true;\r\n this.pagetitle = 'Online Statements: Opt Out Successful'\r\n }\r\n }\r\n\r\n @HostListener('document:keydown', ['$event'])\r\n handleKeyboardEvent(keyboardEvent: KeyboardEvent): void {\r\n\r\n // Swap default Print shortcut for print method\r\n switch (keyboardEvent.key) {\r\n case 'p': {\r\n if (keyboardEvent.ctrlKey) {\r\n keyboardEvent.preventDefault();\r\n //this.print();\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n goToOptIn() {\r\n this.router.navigate(['/ncp/online-statements/settings']);\r\n }\r\n\r\n goToOptOut() {\r\n this.router.navigate(['/ncp/online-statements/settings']);\r\n }\r\n\r\n goHome() {\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n goBack() {\r\n this.router.navigate(['/ncp/online-statements/settings']);\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n CANCELLED
\r\n\r\n Recurring Credit Card: Add Credit Card Cancelled\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n Add Credit Card was CANCELLED. The information was not saved.
\r\n\r\n
For security reasons, your account was logged out during this process. Please login to view changes.
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n SUCCESS
\r\n\r\n Recurring Credit Card: Add Credit Card Successful\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n Your card has been saved successfully.
\r\n\r\n
For security reasons, your account was logged out during this process. Please login to view changes.
\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 { HttpInterceptor, HttpEvent, HttpHandler, HttpRequest } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { finalize } from 'rxjs/operators';\r\nimport { BusyService } from 'epay-library';\r\n\r\n@Injectable()\r\nexport class BusyInterceptor implements HttpInterceptor {\r\n excludeAPIs: string[];\r\n\r\n constructor(private busyService: BusyService) {\r\n this.excludeAPIs = [];\r\n // add api commands that we don't block ui\r\n this.excludeAPIs.push('searchDuplicateLoginId');\r\n this.excludeAPIs.push('getChallengeQuestion');\r\n this.excludeAPIs.push('validateChallengeAnswer');\r\n this.excludeAPIs.push('searchEmployer');\r\n this.excludeAPIs.push('searchDuplicateEmail');\r\n this.excludeAPIs.push('searchDuplicateEin');\r\n this.excludeAPIs.push('searchPendingRegistration');\r\n this.excludeAPIs.push('ScheduledPayments:checkParticipants');\r\n this.excludeAPIs.push('ScheduledPayments:getNextScheduledDate');\r\n this.excludeAPIs.push('ScheduledPayments:getEarliestStartDateForNewPayment');\r\n this.excludeAPIs.push('ScheduledPayments:activeInactive');\r\n this.excludeAPIs.push('ScheduledPayments:paymentHistory');\r\n this.excludeAPIs.push('ScheduledPayments:activeInactive');\r\n this.excludeAPIs.push('ScheduledPaymentAccounts:withStatusAndCounts');\r\n this.excludeAPIs.push('Registration:states');\r\n this.excludeAPIs.push('ACHG:getGeneratedFile');\r\n this.excludeAPIs.push('CreditCard:createCreditCardPaymentEmployer');\r\n this.excludeAPIs.push('Registration:ssnAndCaseNumberValidation');\r\n this.excludeAPIs.push('CreditCard:listCases');\r\n }\r\n\r\n intercept(req: HttpRequest\r\n \r\n {{title}}\r\n
\r\n \r\n\r\n
\r\n {{message}}
\r\n\r\n
\r\n \r\n {{startTime}} and {{endTime}}\r\n
\r\n\r\n
\r\n \r\n {{message2}}\r\n
\r\n\r\n
\r\n \r\n \r\n {{message3}}\r\n
\r\n\r\n \r\n
\r\n