\\n {{ content.journey.submitUsername.description }}\\n
\\n\\n {{ content.journey.submitUsername.signUpSuggestion.message }}\\n
\\n {{ content.journey.submitPasscode.description }}\\n
\\nEnter passcode
\\n\\n {{ content.form.rememberMeInput.disclaimer }}\\n
\\n\\n {{ mobileAppBannerDescription }}\\n
\\nSorry, something went wrong
\\nYou have entered incorrect login details. Please review the details you have provided.
You have ${this.attemptsRemaining} login ${attempts} left.
`;\n this.analyticsService.pushToDataLayer(\n gtmEventTracking[GTMTracking.LoginPasscodeError]\n );\n }\n } catch (error) {\n this.passcodeComponent.reset();\n this.isSubmitting = false;\n this.alertMessage = null;\n await this.errorService.processError(error);\n }\n }\n\n private async submitOtp() {\n this.loginButtonSubmitted = true;\n\n if (!this.otpInputComponent.isValid()) return;\n\n this.isSubmitting = true;\n\n const request: OtpAuthRequest = {\n username: this.userName,\n challengeVerificationToken: this.challengeVerificationToken,\n tmxSessionId: this.tmxSessionId,\n sessionData: this.sessionData,\n otp: this.otpInputComponent.submit(),\n channel:\n this.getSelectedOtpMethod() === OtpChannel.Text\n ? OtpChannel.Text\n : OtpChannel.Call,\n };\n\n this.errorService.clear();\n this.errors = [];\n this.alertMessage = null;\n\n try {\n const response: SignInOtpResponse =\n await this.authenticationService.submitOtpChallenge(request);\n const { attemptsRemaining, success, isAccountLocked } = response;\n this.attemptsRemaining = attemptsRemaining;\n\n if (isAccountLocked) {\n await this.brandedRouter.navigate('/error/account-locked');\n return;\n }\n if (success) {\n // Clears the LP tracking so the messaging button does not display\n this.livePersonService.clearLivePersonErrorTracking();\n this.livePersonService.closeChatWindow();\n await this.loginService.loginRedirect(this.returnUrl);\n } else {\n this.loginButtonSubmitted = false;\n this.isSubmitting = false;\n if (!success) {\n const code = LivePersonErrors.OTPError;\n const { msg } = livePersonErrorDictionary[code];\n this.getUnauthenticatedChatMessage(code, msg);\n const attempts =\n this.attemptsRemaining === 1 ? 'attempt' : 'attempts';\n this.alertMessage = `You have entered incorrect login details. Please review the details you have provided.
You have ${this.attemptsRemaining} login ${attempts} left.
`;\n this.analyticsService.pushToDataLayer(\n gtmEventTracking[GTMTracking.LoginOTPError]\n );\n }\n }\n } catch (error) {\n this.otpInputComponent.reset();\n this.loginButtonSubmitted = false;\n this.isSubmitting = false;\n this.alertMessage = null;\n await this.errorService.processError(error);\n }\n }\n\n private submitPasscodeAndOtp() {\n this.loginButtonSubmitted = true;\n\n if (!this.otpInputComponent.isValid()) return;\n\n this.isSubmitting = true;\n\n const request: PasscodeOtpAuthRequest = {\n username: this.userName,\n passcodeDigits: this.loginForm.controls['passcode'].value,\n challengeVerificationToken: this.challengeVerificationToken,\n tmxSessionId: this.tmxSessionId,\n sessionData: this.sessionData,\n otp: this.otpInputComponent.submit(),\n channel:\n this.getSelectedOtpMethod() === OtpChannel.Text\n ? OtpChannel.Text\n : OtpChannel.Call,\n };\n\n this.errorService.clear();\n this.errors = [];\n\n this.authenticationService.submitPasscodeOtpChallenge(request).then(\n (response: SignInOtpResponse) => {\n if (response.isAccountLocked) {\n this.brandedRouter.navigate('/error/account-locked');\n return;\n }\n // positive promise resolving doesn't mean that binding challenge was succesfull, we have to check 'success' flag for that\n if (response.success) {\n // Clears the LP tracking so the messaging button does not display\n this.livePersonService.clearLivePersonErrorTracking();\n this.livePersonService.closeChatWindow();\n this.loginService.loginRedirect(this.returnUrl);\n } else {\n this.otpInputComponent.reset();\n this.loginButtonSubmitted = false;\n this.isSubmitting = false;\n if (!response.success) {\n const code = LivePersonErrors.PasscodeOTPError;\n const { msg } = livePersonErrorDictionary[code];\n this.getUnauthenticatedChatMessage(code, msg);\n const attempts =\n response.attemptsRemaining === 1 ? 'attempt' : 'attempts';\n this.alertMessage = `You have ${response.attemptsRemaining} login ${attempts} remaining.`;\n this.handleStepChange(LoginJourney.UnboundInvalidCredentials);\n }\n }\n },\n (error) => {\n this.otpInputComponent.reset();\n this.loginButtonSubmitted = false;\n this.isSubmitting = false;\n this.alertMessage = null;\n this.errorService.processError(error);\n }\n );\n }\n\n private loadOtpPreference(): void {\n if (this.mobileNumberEnding) {\n this.otpOptions = OtpChannel[OtpChannel.Text];\n } else {\n this.otpOptions = OtpChannel[OtpChannel.Call];\n }\n this.setFormValues();\n }\n\n private setFormValues(): void {\n const selected =\n this.otpOptions === OtpChannel[OtpChannel.Text]\n ? OtpChannel.Text\n : OtpChannel.Call;\n this.loginForm.controls['authCodePreference'].setValue(selected);\n }\n\n public getSelectedOtpMethod(): OtpChannel {\n return this.loginForm.controls['authCodePreference'].value;\n }\n\n public doNotDisplaySplitColumns(): boolean {\n return (\n this.step !== LoginJourney[LoginJourney.UnableToSendOtp] &&\n this.step !== LoginJourney[LoginJourney.UnboundInvalidCredentials] &&\n this.step !== LoginJourney[LoginJourney.OtpByPhone]\n );\n }\n\n public submitButtonAriaDescribedBy(): string {\n return this.fieldHasError('userName') ||\n (this.step === LoginJourney[LoginJourney.Bound] &&\n this.passcodeComponent &&\n !this.passcodeComponent.valid) ||\n this.credentialsMessage.srMessage\n ? 'sr-errors'\n : null;\n }\n\n public isFormSubmitting(): boolean {\n return this.isSubmitting;\n }\n}\n","import {\n Component,\n OnInit,\n OnDestroy,\n Input,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { FormGroup, AbstractControl } from '@angular/forms';\nimport { CookieService } from 'ngx-cookie-service';\nimport { BehaviorSubject, Subject, Observable } from 'rxjs';\nimport { DeviceBindingService } from '../../../services/device-binding.service';\nimport { LinkItem } from '../../../models/common';\nimport {\n AuthenticationService,\n UsernameBindingCredentials,\n PasscodeChallengeContainer,\n} from '../../../services/authentication.service';\nimport { ErrorService } from '../../../services/error.service';\nimport { BrandService } from '../../../services/brand.service';\nimport { ThreatMetrixService } from '../../../services/threat-metrix.service';\nimport { BrandedRouter } from '../../../services/brandedRouter';\nimport { NonSCAStoreStaffCardsService } from '../../../services/strong-customer-authentication/non-SCA-store-staff-cards.service';\nimport { takeUntil } from 'rxjs/operators';\nimport { UsernameService } from './username.service';\nimport {\n CookieConsentService,\n CookiePreferences,\n} from '../../../services/cookie-consent.service';\nimport { FeatureFlagsService } from '../../../services/feature-flags.service';\nimport { Feature } from '../../../enums/features';\nimport { LivePersonService } from '../../../services/live-person.service';\n\nimport { AnalyticsService } from '../../../services/analytics.service';\nimport {\n gtmEventTracking,\n GTMTracking,\n} from '../../../enums/google-analytics-tracking';\nimport { IScaUsernameContent } from '../../../models/content';\n\n@Component({\n selector: 'sca-username',\n templateUrl: './username.component.html',\n})\nexport class UsernameComponent implements OnInit, OnDestroy {\n private fingerprintedSubject = new BehaviorSubject\\n {{ content.rememberMeInput.disclaimer }}\\n
\\nEnter passcode
\\n6 digit passcode
\\n\\n We will text the OTP to you.\\n
\\n\\n We will ring your landline and read the OTP to you. This is\\n an automated call.\\n
\\n\\n You have reached your maximum resend limit. Please\\n contact us\\n
\\n\\n We can tell you've entered a credential wrong. Please go back and\\n review the details you have provided.\\n
\\n\\n We do not have a telephone number stored for you. We need a telephone\\n number in order to validate your account. Please\\n Contact us\\n so that we can get this updated.\\n
\\n\\n {{ mobileAppBannerDescription }}\\n
\\nSorry, something went wrong
\\n{{ content.submitUsername.description }}
\\n\\n {{ content.submitUsername.signUpSuggestion.message }}\\n
{{ content.submitPasscode.description }}
\\n \\n\\n{{ content.requestOtp.description }}
\\n\\n {{ content.submitOtp.description }}\\n {{\\n selectedOTPChannel === OtpChannel.Call\\n ? homeNumberEnding\\n : mobileNumberEnding\\n }}\\n
\\n\n We will now call ********{{ homeNumberEnding }}. Please get ready to make\n a note of the 6 digit OTP.\n
\n \n `,\n})\nexport class CallLoadingScreenComponent {\n @Input() homeNumberEnding: string;\n}\n","import { Component, OnInit } from '@angular/core';\nimport { ContentService } from '../../services/content.service';\nimport { WindowRef } from '../../services/windowRef';\nimport { BrandService } from '../../services/brand.service';\nimport {\n LoggedOutEntitlement,\n LoggedOutEntitlementsService,\n} from '../../services/logged-out-entitlements.service';\n\ninterface UplBannerDetails {\n url: string;\n text: string;\n header: string;\n}\n\n@Component({\n selector: 'upl-banner',\n templateUrl: './upl-banner.component.html',\n})\nexport class UplBannerComponent implements OnInit {\n constructor(\n private contentService: ContentService,\n private windowRef: WindowRef,\n private brandService: BrandService,\n private loggedOutEntitlementsService: LoggedOutEntitlementsService\n ) {}\n\n uplBannerEnabled: boolean = false;\n uplBanner: UplBannerDetails;\n brand: string;\n\n ngOnInit(): void {\n this.brand = this.brandService.getBrand();\n\n this.loggedOutEntitlementsService\n .hasEntitlement(LoggedOutEntitlement.uplBanner)\n .then((result) => (this.uplBannerEnabled = result));\n\n this.contentService.getContent().subscribe((result) => {\n if (!result) {\n return;\n }\n\n this.uplBanner = result.uplBanner;\n });\n }\n\n goToLink(url: string): void {\n this.windowRef.openNewWindow(url);\n }\n}\n","export default \"