(function(){'use strict'; angular.module('EnrollmentTemplateModule',[]).run(['$templateCache', function($templateCache) {
$templateCache.put('VerifyEnrollment.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <!-- PRJ25250 - DE-  Enrollment Verify Account Details-->                   <p class="en-content-B en-tip-padding-none desktop-only-form enrollment-desktop-padding-top">                 {{vm.Tip}}             </p>             <div class="desktop-only-content-container">                 <p>{{vm.SubTitle}}</p>             </div>             <div class="row">                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtAccountNumber" name="AccountNumber" maxlength="16" field-validation                                required ng-class="{\'en-error\':(((form.AccountNumber.$touched                          ||form.AccountNumber.$error.isSubmitted)&& form.AccountNumber.$error.required)||((form.AccountNumber.$error.isInValid  ||                           form.AccountNumber.$error.isSubmitted) && form.AccountNumber.$error.pattern))}"                                data-ng-model="vm.AccountNumber" ng-model-options="{ allowInvalid: true }" cancel-input                                ng-trim="false" ng-change="vm.ValidateCardOrAccount()" aria-labelledby="spnAccountNumber" class="en-placeholder-alignment" />                         <label id="spnAccountNumber" aria-hidden="true" class="form-lable-rotate-init">{{vm.CardText}}</label>                         <button class="en-cancel-input " type="button"  ng-click="vm.AccountNumber=\'\'"                                 ng-if="vm.AccountNumber" aria-label="{{vm.ClearButton+vm.Space+vm.CardText}}"></button>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.AccountNumber.$touched                          ||form.AccountNumber.$error.isSubmitted)&& form.AccountNumber.$error.required">                         <span for="AccountNumber" aria-live="assertive">{{vm.CardReqErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row en-marTop-1rem" tabindex=-1>                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="tel" id="txtSSN" name="SSN" ng-trim="false" numbers-only required field-validation                                 maxlength="4" ssn-validation ng-class="{\'en-error\':(((form.SSN.$touched                          || form.SSN.$error.isSubmitted) && form.SSN.$error.required)||((form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.digitPatternValid)||((form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.fourDigitPatternValid)) }"                                ng-model="vm.SSN" ng-pattern="vm.SSNPattern" aria-labelledby="spnSSN"                                ng-model-options="{ allowInvalid: true }" cancel-input class="en-placeholder-alignment" />                         <label id="spnSSN" aria-hidden="true" class="form-lable-rotate-init"                               >{{vm.SSNText}}</label>                         <button class="en-cancel-input" type="button"  ng-click="vm.SSN=\'\'" ng-if="vm.SSN"                                 aria-label="{{vm.ClearButton+vm.Space+vm.SSNText}}"></button>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SSN.$touched                          || form.SSN.$error.isSubmitted) && form.SSN.$error.required">                         <span for="SSN" aria-live="assertive">{{vm.SSNReqErrMsg}}</span>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.digitPatternValid">                         <span for="SSN" aria-live="assertive">{{vm.SSNOnlyNumsErrMsg}}</span>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.fourDigitPatternValid">                         <span for="SSN" aria-live="assertive">{{vm.SSN4DigitErrMsg}}</span>                     </div>                 </div>             </div>               <input type="hidden" id="txtTsToken" name="TsToken" data-ng-model="vm.TsToken"                    ng-model-options="{ allowInvalid: true }" cancel-input ng-trim="false" aria-labelledby="spnTsToken" />              <span id="DontHaveSSN" class="desktop-only-form" for="DontHaveSSN">                 <a href="" tabindex="0"                    ng-click="vm.VerifySSNLink()">{{vm.DontHaveSSNLink}}</a>             </span>               <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem  enroll-text-align-center en-footer-container">                      <a ng-if="vm.CancelButton" aria-label="Cancel" role="link" tabindex="0"                        ng-click="cancelEnrollment()"                        class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">{{vm.CancelButton}}</a>                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.VerifyEnrollment()" />                     <!--<button ng-if="vm.CancelButton" aria-label="Cancel" role="button" type="button" tabindex="0" ng-click="cancelEnrollment()" class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope">Cancel</button>-->                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('CardActivationSuccess.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <!-- PRJ25250 - DE-  Enrollment Verify Account Details-->             <div class="desktop-only-form">                 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"                     xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="50px"                     height="50px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">                     <defs>                     </defs>                     <g>                         <circle fill="#21890D" cx="10" cy="10" r="10" />                         <polygon fill="#FFFFFF"                             points="13.8,6.6 9.2,11.3 7.1,9.2 5.6,10.7 7.7,12.8 7.7,12.8 9.2,14.3 15.3,8.1 	" />                     </g>                 </svg>             </div>             <h2 class="en-content-B desktop-only-form">                 {{vm.CardSetup}}             </h2>             <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem  enroll-text-align-center en-footer-container">                     <input type="submit" value="{{vm.Complete}}" ng-click="vm.CompleteActivation()" />                     <a ng-if="vm.CancelButton" aria-label="Cancel" role="link" tabindex="0"                         ng-click="cancelEnrollment()"                         class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">{{vm.CancelButton}}</a>                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('SsnOnly.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <!-- PRJ25250 - DE-  Enrollment Verify Account Details-->             <p class="en-content-B desktop-only-form">                 {{vm.Tip}}             </p>              <div class="row en-marTop-1rem" tabindex=-1>                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="tel" id="txtSSN" name="SSN" ng-trim="false" numbers-only                                required field-validation placeholder="{{vm.SSNText}}" maxlength="4" ssn-validation                                ng-class="{\'en-error\':(((form.SSN.$touched                          || form.SSN.$error.isSubmitted) && form.SSN.$error.required)||((form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.digitPatternValid)||((form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.fourDigitPatternValid)) }"                                ng-model="vm.SSN" ng-pattern="vm.SSNPattern" ng-model-options="{ allowInvalid: true }" cancel-input />                         <label id="spnSSN" aria-hidden="true" class="form-group-float--label" tabindex="-1">{{vm.SSNText}}</label>                         <button class="en-cancel-input" type="button" tabindex=-1 ng-click="vm.SSN=\'\'" ng-if="vm.SSN" aria-label="{{vm.ClearButton+vm.Space+vm.SSNText}}"></button>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.SSN.$touched                          || form.SSN.$error.isSubmitted) && form.SSN.$error.required">                         <span for="SSN">{{vm.SSNReqErrMsg}}</span>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.digitPatternValid">                         <span for="SSN">{{vm.SSNOnlyNumsErrMsg}}</span>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.fourDigitPatternValid">                         <span for="SSN">{{vm.SSN4DigitErrMsg}}</span>                     </div>                 </div>             </div>              <p class="desktop-only-form">{{vm.NoSsnMsg}}<a href="tel:{{vm.NoSsnMsgHelpNumber}}">{{vm.NoSsnMsgHelpNumber}}</a>{{vm.NoSsnMsgHelp}}</p>              <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem  enroll-text-align-center en-footer-container">                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.VerifyEnrollment()" />                     <a ng-if="vm.CancelButton" aria-label="Cancel" role="link" tabindex="0"                         ng-click="cancelEnrollment()"                         class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">{{vm.CancelButton}}</a>                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('VerifyEnrollmentWoSSN.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <!-- PRJ25250 - DE-  Enrollment Verify Account Details-->             <p class="en-content-B desktop-only-form enrollment-desktop-padding-top" ng-if="!vm.WhiteLabelUser">                 {{vm.PageText}}             </p>             <div class="row">                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtAccountNumber" class="en-placeholder-alignment" name="AccountNumber" maxlength="16" field-validation                                required placeholder="{{vm.CardText}}" ng-class="{\'en-error\':(((form.AccountNumber.$touched                          ||form.AccountNumber.$error.isSubmitted)&& form.AccountNumber.$error.required)||((form.AccountNumber.$error.isInValid  ||                           form.AccountNumber.$error.isSubmitted) && form.AccountNumber.$error.pattern))}"                                data-ng-model="vm.AccountNumber" ng-model-options="{ allowInvalid: true }" cancel-input                                ng-trim="false" aria-labelledby="spnAccountNumber" ng-change="vm.ValidateCardOrAccount()" ng-if="!vm.WhiteLabelUser" />                         <input type="text" id="txtAccountNumber" class="en-placeholder-alignment" name="AccountNumber" maxlength="16" field-validation                                required placeholder="{{vm.CardOnlyText}}" ng-class="{\'en-error\':(((form.AccountNumber.$touched                          ||form.AccountNumber.$error.isSubmitted)&& form.AccountNumber.$error.required)||((form.AccountNumber.$error.isInValid  ||                           form.AccountNumber.$error.isSubmitted) && form.AccountNumber.$error.pattern))}"                                data-ng-model="vm.AccountNumber" ng-model-options="{ allowInvalid: true }" cancel-input                                ng-trim="false" aria-labelledby="spnAccountNumber" ng-change="vm.ValidateCardOrAccount()" ng-if="vm.WhiteLabelUser" />                         <label id="spnAccountNumber" aria-hidden="true" class="form-group-float--label"                               tabindex="-1" ng-if="!vm.WhiteLabelUser">{{vm.CardText}}</label>                         <label id="spnAccountNumber" aria-hidden="true" class="form-group-float--label"                               tabindex="-1" ng-if="vm.WhiteLabelUser">{{vm.CardOnlyText}}</label>                         <button class="en-cancel-input " type="button" tabindex=-1 ng-click="vm.AccountNumber=\'\'"                                 ng-if="vm.AccountNumber" aria-label="{{vm.ClearButton+vm.Space+vm.CardText}}"></button>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.AccountNumber.$touched                          ||form.AccountNumber.$error.isSubmitted)&& form.AccountNumber.$error.required">                         <span aria-live="assertive" for="AccountNumber" ng-if="!vm.WhiteLabelUser">{{vm.CardReqErrMsg}}</span>                         <span aria-live="assertive" for="AccountNumber" ng-if="vm.WhiteLabelUser">{{vm.CardOnlyReqErrMsg}}</span>                     </div>                 </div>             </div>              <input type="hidden" id="txtTsToken" name="TsToken" data-ng-model="vm.TsToken"                    ng-model-options="{ allowInvalid: true }" cancel-input ng-trim="false" aria-labelledby="spnTsToken" />              <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem  enroll-text-align-center en-footer-container">                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.VerifyEnrollmentWoSSN()" />                     <a ng-if="vm.CancelButton" aria-label="Cancel" role="link" tabindex="0"                        ng-click="cancelEnrollment()"                        class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">Cancel</a>                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('VerifyAuthenticators.html', '<div class=" container-fluid">     <div ng-init="vm.getAccountRules()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <div class="row">                 <div ng-if="vm.accountRules.passcode" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtPassCode" name="Passcode" maxlength="4" field-validation required                             placeholder="{{vm.Passcode}}" numbers-only ng-pattern="vm.FourDigitPattern" ng-class="{\'en-error\':((form.Passcode.$touched               ||form.Passcode.$error.isSubmitted)&& form.Passcode.$error.required)||((form.Passcode.$error.isInValid  ||                form.Passcode.$error.isSubmitted) && form.Passcode.$error.pattern)}"                             data-ng-model="vm.accountInfo.passcode" ng-model-options="{ allowInvalid: true }"                             cancel-input ng-trim="false" aria-labelledby="spnPassCode" />                         <span id="spnPassCode" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.Passcode}}</span>                         <button class=" en-cancel-input " type="button" tabindex=-1                             ng-click="vm.accountInfo.passcode=\'\'" ng-if="vm.accountInfo.passcode"                             aria-label="{{vm.ClearButton+vm.Space+vm.Passcode}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Passcode.$touched                          ||form.Passcode.$error.isSubmitted)&& form.Passcode.$error.required">                         <span for="Passcode">{{vm.PasscodeReqErrMsg}}</span>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Passcode.$error.isInValid                          || form.Passcode.$error.isSubmitted) && form.Passcode.$error.pattern">                         <span for="Passcode">{{vm.Passcode4DigitErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.dob" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtDOB" name="DOB" maxlength="10" field-validation required                             placeholder="{{vm.Dob}}" dob-date-check ng-class="{\'en-error\':(((form.DOB.$touched                                ||form.DOB.$error.isSubmitted)&& form.DOB.$error.required)||((form.DOB.$error.isInValid  ||                                 form.DOB.$error.isSubmitted) && form.DOB.$error.pattern))}"                             data-ng-model="vm.accountInfo.dob" ng-model-options="{ allowInvalid: true }" cancel-input                             ng-trim="false" aria-labelledby="spnDOB" />                         <span id="spnDOB" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.Dob}}</span>                         <button class="en-cancel-input " type="button"  ng-click="vm.accountInfo.dob=\'\'"                             ng-if="vm.accountInfo.dob" aria-label="{{vm.ClearButton+vm.Space+vm.Dob}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.DOB.$touched                          ||form.DOB.$error.isSubmitted)&& form.DOB.$error.required">                         <span for="DOB">{{vm.DobReqErrMsg}}</span>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form"                         ng-if="(vm.accountInfo.dob!=\'\' && form.DOB.$error.date && form.DOB.$touched)">                         <span for="DOB">{{vm.DobFormatErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.zipcode" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtZipcode" name="Zipcode" maxlength="5" field-validation required                             placeholder="{{vm.Zipcode}}" numbers-only ng-pattern="vm.FiveDigitPattern" ng-class="{\'en-error\':(((form.Zipcode.$touched                             ||form.Zipcode.$error.isSubmitted)&& form.Zipcode.$error.required)||((form.Zipcode.$error.isInValid  ||                              form.Zipcode.$error.isSubmitted) && form.Zipcode.$error.pattern))}"                             data-ng-model="vm.accountInfo.zipcode" ng-model-options="{ allowInvalid: true }"                             cancel-input ng-trim="false" aria-labelledby="spnZipcode" />                         <span id="spnZipcode" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.Zipcode}}</span>                         <button class="en-cancel-input " type="button"  ng-click="vm.accountInfo.zipcode=\'\'"                             ng-if="vm.accountInfo.zipcode" aria-label="{{vm.ClearButton+vm.Space+vm.Zipcode}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Zipcode.$touched                     ||form.Zipcode.$error.isSubmitted)&& form.Zipcode.$error.required">                         <span for="Zipcode">{{vm.ZipcodeReqErrMsg}}</span>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Zipcode.$error.isInValid                          || form.Zipcode.$error.isSubmitted) && form.Zipcode.$error.pattern">                         <span for="Zipcode">{{vm.Zipcode5DigitErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.ssn" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtSSN" name="SSN" maxlength="4" field-validation required                             placeholder="{{vm.Ssn}}" numbers-only ng-pattern="vm.FourDigitPattern" ng-class="{\'en-error\':(((form.SSN.$touched                             ||form.SSN.$error.isSubmitted)&& form.SSN.$error.required)||((form.SSN.$error.isInValid  ||                              form.SSN.$error.isSubmitted) && form.SSN.$error.pattern))}"                             data-ng-model="vm.accountInfo.ssn" ng-model-options="{ allowInvalid: true }" cancel-input                             ng-trim="false" aria-labelledby="spnSSN" />                         <span id="spnSSN" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.Ssn}}</span>                         <button class="en-cancel-input " type="button"  ng-click="vm.accountInfo.ssn=\'\'"                             ng-if="vm.accountInfo.ssn" aria-label="{{vm.ClearButton+vm.Space+vm.Ssn}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.SSN.$touched                     ||form.SSN.$error.isSubmitted)&& form.SSN.$error.required">                         <span for="SSN">{{vm.SsnReqErrMsg}}</span>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.pattern">                         <span for="SSN">{{vm.SSN4DigitErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.trackingnumber" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtTrackingNumber" name="TrackingNumber" maxlength="16" field-validation                             required placeholder="{{vm.TrackingNumber}}" alpha-numeric                             ng-pattern="vm.AlphaNumericPattern" ng-class="{\'en-error\':(((form.TrackingNumber.$touched                             ||form.TrackingNumber.$error.isSubmitted)&& form.TrackingNumber.$error.required)||((form.TrackingNumber.$error.isInValid  ||                              form.TrackingNumber.$error.isSubmitted) && form.TrackingNumber.$error.pattern))}"                             data-ng-model="vm.accountInfo.trackingnumber" ng-model-options="{ allowInvalid: true }"                             cancel-input ng-trim="false" aria-labelledby="spnTrackingNumber" />                         <span id="spnTrackingNumber" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.TrackingNumber}}</span>                         <button class="en-cancel-input " type="button"                              ng-click="vm.accountInfo.trackingnumber=\'\'" ng-if="vm.accountInfo.trackingnumber"                             aria-label="{{vm.ClearButton+vm.Space+vm.TrackingNumber}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.TrackingNumber.$touched                     ||form.TrackingNumber.$error.isSubmitted)&& form.TrackingNumber.$error.required">                         <span for="TrackingNumber">{{vm.TrackingNumberReqErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.employeeid" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtEmployeeID" name="EmployeeID" maxlength="16" field-validation required                             placeholder="{{vm.EmployeeId}}" alpha-numeric ng-pattern="vm.AlphaNumericPattern" ng-class="{\'en-error\':(((form.EmployeeID.$touched                             ||form.EmployeeID.$error.isSubmitted)&& form.EmployeeID.$error.required)||((form.EmployeeID.$error.isInValid  ||                              form.EmployeeID.$error.isSubmitted) && form.EmployeeID.$error.pattern))}"                             data-ng-model="vm.accountInfo.employeeid" ng-model-options="{ allowInvalid: true }"                             cancel-input ng-trim="false" aria-labelledby="spnDOB" />                         <span id="spnDOB" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.EmployeeId}}</span>                         <button class="en-cancel-input " type="button"                              ng-click="vm.accountInfo.employeeid=\'\'" ng-if="vm.accountInfo.employeeid"                             aria-label="{{vm.ClearButton+vm.Space+vm.EmployeeId}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.EmployeeID.$touched                     ||form.EmployeeID.$error.isSubmitted)&& form.EmployeeID.$error.required">                         <span for="EmployeeID">{{vm.EmployeeIdReqErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.cv2" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtCVV" name="CVV" maxlength="3" field-validation required                             placeholder="{{vm.Cvv}}" numbers-only ng-pattern="vm.ThreeDigitPattern" ng-class="{\'en-error\':(((form.CVV.$touched                             ||form.CVV.$error.isSubmitted)&& form.CVV.$error.required)||((form.CVV.$error.isInValid  ||                              form.CVV.$error.isSubmitted) && form.CVV.$error.pattern))}"                             data-ng-model="vm.accountInfo.cv2" ng-model-options="{ allowInvalid: true }" cancel-input                             ng-trim="false" aria-labelledby="spnCVV" />                         <span id="spnCVV" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.Cvv}}</span>                         <button class="en-cancel-input " type="button"  ng-click="vm.accountInfo.cv2=\'\'"                             ng-if="vm.accountInfo.cv2" aria-label="{{vm.ClearButton+vm.Space+vm.Cvv}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.CVV.$touched                     ||form.CVV.$error.isSubmitted)&& form.CVV.$error.required">                         <span for="CVV">{{vm.CvvReqErrMsg}}</span>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.CVV.$error.isInValid                          || form.CVV.$error.isSubmitted) && form.CVV.$error.pattern">                         <span for="CVV">{{vm.Cvv3DigitErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.homephone" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtHomephone" name="Homephone" maxlength="4" field-validation required                             placeholder="{{vm.Homephone}}" numbers-only ng-pattern="vm.FourDigitPattern" ng-class="{\'en-error\':(((form.Homephone.$touched                             ||form.Homephone.$error.isSubmitted)&& form.Homephone.$error.required)||((form.Homephone.$error.isInValid  ||                              form.Homephone.$error.isSubmitted) && form.Homephone.$error.pattern))}"                             data-ng-model="vm.accountInfo.homephone" ng-model-options="{ allowInvalid: true }"                             cancel-input ng-trim="false" aria-labelledby="spnHomephone" />                         <span id="spnHomephone" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.Homephone}}</span>                         <button class="en-cancel-input " type="button"                             ng-click="vm.accountInfo.homephone=\'\'" ng-if="vm.accountInfo.homephone"                             aria-label="{{vm.ClearButton+vm.Space+vm.Homephone}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Homephone.$touched                     ||form.Homephone.$error.isSubmitted)&& form.Homephone.$error.required">                         <span for="Homephone">{{vm.HomephoneErrMsg}}</span>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Homephone.$error.isInValid                          || form.Homephone.$error.isSubmitted) && form.Homephone.$error.pattern">                         <span for="Homephone">{{vm.Phone4DigitErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.referencenumber" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtReferenceNumber" name="ReferenceNumber" maxlength="16"                             field-validation required placeholder="{{vm.ReferenceNumber}}" alpha-numeric                             ng-pattern="vm.AlphaNumericPattern" ng-class="{\'en-error\':(((form.ReferenceNumber.$touched                             ||form.ReferenceNumber.$error.isSubmitted)&& form.ReferenceNumber.$error.required)||((form.ReferenceNumber.$error.isInValid  ||                              form.ReferenceNumber.$error.isSubmitted) && form.ReferenceNumber.$error.pattern))}"                             data-ng-model="vm.accountInfo.referencenumber" ng-model-options="{ allowInvalid: true }"                             cancel-input ng-trim="false" aria-labelledby="spnReferenceNumber" />                         <span id="spnReferenceNumber" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.ReferenceNumber}}</span>                         <button class="en-cancel-input " type="button"                              ng-click="vm.accountInfo.referencenumber=\'\'" ng-if="vm.accountInfo.referencenumber"                             aria-label="{{vm.ClearButton+vm.Space+vm.ReferenceNumber}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.ReferenceNumber.$touched                     ||form.ReferenceNumber.$error.isSubmitted)&& form.ReferenceNumber.$error.required">                         <span for="ReferenceNumber">{{vm.ReferenceNumberErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div ng-if="vm.accountRules.mobilephone" class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="text" id="txtMobilephone" name="Mobilephone" maxlength="4" field-validation                             required placeholder="{{vm.Mobilephone}}" numbers-only ng-pattern="vm.FourDigitPattern"                             ng-class="{\'en-error\':(((form.Mobilephone.$touched                             ||form.Mobilephone.$error.isSubmitted)&& form.Mobilephone.$error.required)||((form.Mobilephone.$error.isInValid  ||                              form.Mobilephone.$error.isSubmitted) && form.Mobilephone.$error.pattern))}"                             data-ng-model="vm.accountInfo.mobilephone" ng-model-options="{ allowInvalid: true }"                             cancel-input ng-trim="false" aria-labelledby="spnMobilephone" />                         <span id="spnMobilephone" aria-hidden="true" class="form-group-float--label"                             tabindex="-1">{{vm.Mobilephone}}</span>                         <button class="en-cancel-input " type="button"                              ng-click="vm.accountInfo.mobilephone=\'\'" ng-if="vm.accountInfo.mobilephone"                             aria-label="{{vm.ClearButton+vm.Space+vm.Mobilephone}}"></button>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Mobilephone.$touched                     ||form.Mobilephone.$error.isSubmitted)&& form.Mobilephone.$error.required">                         <span for="Mobilephone">{{vm.MobilephoneErrMsg}}</span>                     </div>                     <div role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Mobilephone.$error.isInValid                          || form.Mobilephone.$error.isSubmitted) && form.Mobilephone.$error.pattern">                         <span for="Mobilephone">{{vm.Phone4DigitErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem  enroll-text-align-center en-footer-container">                     <input type="submit" value="Continue" ng-click="vm.verifyAuthenticators()" />                     <a ng-if="vm.CancelButton" aria-label="Cancel" role="link" tabindex="0"                         ng-click="cancelEnrollment()"                         class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">{{vm.CancelButton}}</a>                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('CardActivation.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>              <div class="row center-block desktop-only-form">                 <div class="col-md-3 enroll-text-align-center desktop-only-form">                     <img src="./../../Content/Shared/Images/Shared/credit_card.png" alt="card" width="80%">                     <div class="en-textCard">                         <p class="en-textCard-content">{{vm.OnCardLast4Digit}}</p>                     </div>                 </div>             </div>              <div class="row center-block desktop-only-form">                 <p class="en-content-card-activation">                     {{vm.PrepaidCardEnding}}                 </p>             </div>             <p class="en-card-activation-txt desktop-only-form">                 {{vm.NewCardTitle}}             </p>             <p class="en-content-B desktop-only-form">                 {{vm.NewCardDetailInfo}}             </p>              <div class="row">                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="password" id="txtPin" name="Pin" maxlength="4" data-label="{{vm.PinMsg}}"                                field-validation required numbers-only placeholder="{{vm.Pin}}" autocomplete="off"                                ng-pattern="vm.FourDigitPattern" ng-class="{\'en-error\':(((form.Pin.$touched              ||form.Pin.$error.isSubmitted)&& form.Pin.$error.required)||((form.Pin.$error.isInValid  ||               form.Pin.$error.isSubmitted) && form.Pin.$error.pattern))}" data-ng-model="vm.Pin"                                ng-model-options="{ allowInvalid: true }" cancel-input ng-trim="false" />                         <span id="spnPin" aria-hidden="true" class="form-group-float--label"                               tabindex="-1">{{vm.PinMsg}}</span>                         <button ng-if="vm.Pin" class="en-pwd" id="btnPin" aria-label="{{vm.ShowPin + vm.PinMsg }}"                                 ng-click="vm.DisplayPin(\'txtPin\',\'btnPin\')">                             {{vm.ShowPin}}                         </button>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Pin.$touched              ||form.Pin.$error.isSubmitted)&& form.Pin.$error.required">                         <span for="Pin">{{vm.PinReqErrMsg}}</span>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.Pin.$error.isInValid                      || form.Pin.$error.isSubmitted) && form.Pin.$error.pattern">                         <span for="Pin">{{vm.Pin4DigitErrMsg}}</span>                     </div>                 </div>             </div>              <div class="row">                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                          <input type="password" id="txtConfirmPin" data-label="{{vm.ConfirmPinMsg}}" required field-validation numbers-only                                name="ConfirmPin" maxlength="4" placeholder="{{vm.ConfirmPin}}" cancel-input                                autocomplete="off" ng-pattern="vm.FourDigitPattern" data-ng-model="vm.ConfirmPin"                                ng-model-options="{ allowInvalid: true }" ng-blur="vm.ValidateConfirmPin()"                                ng-class="{\'en-error\':((form.ConfirmPin.$touched || form.ConfirmPin.$error.isSubmitted) && form.ConfirmPin.$error.required) || (((form.ConfirmPin.$error.isSubmitted && form.Pin.$error.isInValid)                      || !form.ConfirmPin.$error.required ) && !vm.IsPinSame && vm.IsPasswordsSame !=undefined) || (form.ConfirmPin.$error.isSubmitted && form.ConfirmPin.$error.pattern)}"                                ng-trim="false" />                           <span id="spnConfirmPin" aria-hidden="true" class="form-group-float--label"                               tabindex="-1">{{vm.ConfirmPinMsg}}</span>                         <button ng-if="vm.ConfirmPin" class="en-pwd" id="btnConfirmPin"                                 aria-label="{{vm.ShowPin + vm.ConfirmPinMsg }}"                                 ng-click="vm.DisplayConfirmPin(\'txtConfirmPin\',\'btnConfirmPin\')">                             {{vm.ShowPin}}                         </button>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.ConfirmPin.$touched              ||form.ConfirmPin.$error.isSubmitted)&& form.ConfirmPin.$error.required">                         <span for="ConfirmPin">{{vm.ConfirmPinReqErrMsg}}</span>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.ConfirmPin.$error.isInValid                      || form.ConfirmPin.$error.isSubmitted) && form.ConfirmPin.$error.pattern">                         <span for="ConfirmPin">{{vm.Pin4DigitErrMsg}}</span>                     </div>                     <div aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.ConfirmPin.$touched           ||form.ConfirmPin.$error.isSubmitted) &&  !vm.IsPinSame">                         <span for="ConfirmPin">{{vm.PinDontMatchErrMsg}}</span>                     </div>                 </div>             </div>              <br />             <p class="en-content-B desktop-only-form" ng-if="vm.IsWhiteLabel">                 {{vm.NewCardDisclosure}}             </p>              <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem  enroll-text-align-center en-footer-container">                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.VerifyPinInfo()" />                     <a ng-if="vm.CancelButton" aria-label="Cancel" role="link" tabindex="0"                        ng-click="cancelEnrollment()"                        class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">{{vm.CancelButton}}</a>                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('VerifyMobileNumber.html', '<!-- NOV RELEASE 2019 ADI-3357 TransmitWebSDK adds this modal for authenticator. These styles     address that. This should be evaluated and removed--> <style>     div#transmitContainer {         z-index: 10001;     }      .xmuiCore.xmuiForm.xmuiMenuForm {         background-color: white;         text-align: left;         padding: 15px;         width: 100%;         height: 100%;         position: fixed;     }          .xmuiCore.xmuiForm.xmuiMenuForm span#xmuiMenuTitle {             display: none;         }          .xmuiCore.xmuiForm.xmuiMenuForm button {             color: #0c2074;             font-size: 14px;             line-height: 20px;             border: none;             font-weight: 500;             background-color: transparent;         }      span.xmuiMethodMenuItemText {         color: #0c2074;         font-size: 14px;         line-height: 20px;         font-weight: 500;     }      h1#xmuiMenuInstructions {         letter-spacing: .5px;         font-weight: bold;         color: #0c2074;         font-size: 25px;         line-height: 30px;     } </style> <div class="container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <div ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                 <enrollment-header></enrollment-header>             </div>             <!-- PRJ25250 - DE-  Enrollment Verify Mobile Number-->             <div ng-if="!vm.OTPScreen && !vm.NavigateToEmail" id="divMblNum">                 <!--<p class="en-content-B en-mobileonly-otp-header"                    ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'" ng-if="!vm.IsFSVUser">                     {{vm.Subtext }}<sup class="en-sup">                         <a id="Ftrnotelnk" target="_self" tabindex="-1" href="#divDisclaimer"                            aria-label="{{vm.lnkCellularPolicy}}" role="link"                            class="en-txt-ln15-fn12 en-mobile-Link en-marTop-4 en-txt-underline">1</a>                     </sup>                 </p>-->                 <p class="en-content-B desktop-only-form enrollment-desktop-padding-top"                    ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'" ng-if="vm.IsFSVUser">                     {{vm.Subtext }}<sup class="en-sup">                         <a id="Ftrnotelnk" target="_self" tabindex="-1" href="#divDisclaimer"                            aria-label="{{vm.lnkCellularPolicy}}" role="link"                            class="en-txt-ln15-fn12 en-mobile-Link en-marTop-4 en-txt-underline">1</a>                     </sup>                 </p>                 <div>                     <div ng-if="vm.IsMobileNumberValid">                         <p class="en-content-SB desktop-only-form" ng-if="vm.isTouch">                          </p>                         <p class="en-Last4Digits en-mar0 desktop-only-form">{{vm.LastFourDigitsMblNo}}</p>                         <a id="changeNumber" tabindex="0" ng-if="vm.ShowNotYourNumberLink || !vm.isPartnerApplyFlow" aria-label="{{vm.NotYourNumber}}" role="link" class="en-txt-ln20-fn14 en-mobile-Link desktop-only-form heading-h1" ng-click="vm.NewMobileNumber()">{{vm.NotYourNumber}}</a>                         <!--<div role="alert" aria-atomic="true" class="en-error-message desktop-only-form" ng-if="vm.InvalidMobNo">                 <span for="MobileNumber" aria-live="assertive">{{vm.MobileNumberInvalidErrMsg}}</span>             </div>-->                     </div>                     <!-- PRJ25250 - DE-  Enrollment Verify Mobile Number - Edit-->                     <div ng-if="!vm.IsMobileNumberValid" ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                         <div class="row">                             <div class="col-md-3 col-lg-12">                                  <div class=" form-group form-group-float desktop-only-form">                                     <input type="tel" aria-labelledby="spnMobileNumber" class="en-placeholder-alignment" id="txtMobileNumber" name="MobileNumber"                                            maxlength="10" ng-trim="false" numbers-only                                             ng-class="{\'en-error\': ((form.MobileNumber.$touched || form.MobileNumber.$error.isInValid                          || form.MobileNumber.$error.isSubmitted) && (form.MobileNumber.$error.required || form.MobileNumber.$error.pattern || (vm.InvalidMobNo && form.MobileNumber.$error.isSubmitted))) }"                                            ng-model="vm.MobileNumber" ng-model-options="{ allowInvalid: true }"                                            ng-pattern="vm.MobileNumberPattern" required field-validation cancel-input>                                     <label class="form-lable-rotate-init" id="spnMobileNumber" aria-hidden="true"                                           tabindex="-1">{{vm.MobileText}}</label>                                     <button type="button" class="en-cancel-input "                                              ng-click="vm.MobileNumber=\'\'" ng-if="vm.MobileNumber"                                             aria-label="{{vm.ClearButton+vm.Space+vm.MobileText}}"></button>                                 </div>                                 <div role="alert" aria-live="assertive" aria-atomic="true" class="en-error-message desktop-only-form" ng-if="(form.MobileNumber.$touched || form.MobileNumber.$error.isInValid                          || form.MobileNumber.$error.isSubmitted) && (form.MobileNumber.$error.required )">                                     <span for="MobileNumber" aria-live="assertive">{{vm.MobileNumberReqErrMsg}}</span>                                 </div>                                 <div role="alert" aria-live="assertive" aria-atomic="true" class="en-error-message desktop-only-form" ng-if="(form.MobileNumber.$error.isSubmitted && vm.InvalidMobNo)|| (( form.MobileNumber.$error.isInValid || form.MobileNumber.$error.isSubmitted) && form.MobileNumber.$error.pattern)">                                     <span for="MobileNumber" aria-live="assertive">{{vm.MobileNumberInvalidErrMsg}}</span>                                 </div>                                 <!--     <div class="desktop-only-form">            <a href="" tabindex="0" aria-label="{{vm.TryAnotherWay}}" role="link"               ng-click="vm.UseEmailLink()"               class="en-txt-ln20-fn14 en-mobile-Link usePhoneLink resend-otp-selected">{{vm.TryAnotherWay}}</a>     </div>           -->                             </div>                         </div>                     </div>                     <br />                      <div class="row" ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                         <div class="col-md-3 col-lg-12">                             <div class="desktop-only-form">                                 <a ng-if="!vm.isTouch" role="link" aria-label="{{vm.CancelButton }}" tabindex="0"                                    ng-click="cancelEnrollment()"                                    class="en-Actionlink en-cancel desktop-only-cancel-link ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link">{{vm.CancelButton }}</a>                                 <input ng-if="!vm.isTouch && !vm.IsFSVUser" type="button" value="{{vm.SkipStep}}"                                        class="en-marTop-5rem float-right en-otp-submit-button enroll-skip-btn-alignment secondary-cta"                                        ng-click="vm.SkipMobileCheckRoute()" />                                 <input type="submit" value="{{vm.Continue}}"                                        class="en-marTop-5rem float-right en-otp-submit-button"                                        ng-click="vm.VerifyMobile()" />                             </div>                             <div class="heading-h2 enroll-text-align-center" ng-if="vm.IsMobileNumberValid">                                 <a tabindex="0" ng-if="vm.ShowNotYourNumberLink || vm.isPartnerApplyFlow" aria-label="{{vm.NotYourNumber}}" role="link" class="en-txt-ln20-fn14 en-mobile-Link desktop-only-form ng-binding ng-scope" ng-click="vm.NewMobileNumber()">{{vm.NotYourNumber}}</a>                             </div>                         </div>                     </div>                 </div>                 <!--   ADI2884 - Enrollment Ivolation error msg  -->                 <div class="row" ng-if="vm.transmitIvotionRejected && !vm.IsMobileNumberValid">                     <div class="col-md-5 col-lg-12">                         <h2 id="headerMainTxt" class="en-marTop-3rem desktop-only-form" tabindex=-1>                             Hello? Hello?                         </h2>                         <p class="en-content-B">                             We’re sorry, but our app is having trouble talking to your device. Do you have another                             device you can try?                         </p>                         <p class="en-content-B">                             Or, you can sign up for online banking using your desktop computer and access it from a                             mobile device later.                         </p>                         <p class="en-content-B">                             We’re sorry for the inconvenience.”                         </p>                     </div>                 </div>                 <div>                     <div class="en-marTop-1rem" ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                         <div class=" en-marTop0 en-txt-ln15-fn12 en-content-D2 desktop-only-form" id="divDisclaimer"                              tabindex="-1">                             {{vm.Disclaimer}}                         </div>                         <a href="#Ftrnotelnk" target="_self" tabindex="-1"                            class="en-txt-ln15-fn12 en-mobile-Link en-marTop-4 en-txt-underline sr-only"                            id="ReturnFtrnotelnk">{{vm.ReturnFooterlink}}</a>                     </div>                  </div>             </div>             <!-- START PRJ25250 - DE-  Enrollment Mobile Number OTP verification-->             <div ng-if="vm.OTPScreen">                 <div class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" aria-labelledby="spnOtpCode" id="txtMobileOTP" class="en-placeholder-alignment"                                     name="OtpCode" ng-model-options="{ allowInvalid: true }" ng-minlength="6" maxlength="6"                                    cancel-input ng-trim="false" numbers-only                                    ng-class="{\'en-error\':((form.OtpCode.$touched                          ||form.OtpCode.$error.isSubmitted)&& (form.OtpCode.$error.required)||(form.OtpCode.$error.isInValid)) }" ng-model="vm.OTPcode"                                    ng-pattern="vm.PassCodePattern" required field-validation                                    ng-model-options="{ allowInvalid: true }">                             <label class="form-lable-rotate-init" id="spnOtpCode" aria-hidden="true"                                   tabindex="-1">{{vm.SixDigitText}}</label>                             <button class="en-cancel-input" type="button" ng-click="vm.OTPcode=\'\'"                                     ng-if="vm.OTPcode" aria-label="{{vm.ClearButton+vm.Space+vm.SixDigitText}}"></button>                         </div>                         <div role="alert" ng-if="((form.OtpCode.$touched ||form.OtpCode.$error.isSubmitted) && form.OtpCode.$error.required )" class=" en-error-message desktop-only-form">                             <span for="OtpCode" aria-live="assertive">                                 {{vm.MnoOtprErrMsg}}                             </span>                         </div>                         <div role="alert" ng-if="(form.OtpCode.$error.isInValid && vm.OTPcode )" class=" en-error-message desktop-only-form">                             <span for="OtpCode" aria-live="assertive">                                 {{vm.OtprNotValidErrMsg}}                             </span>                         </div>                         <a ng-if="!vm.isTouch && !vm.IsFSVUser" tabindex="0" aria-label="{{vm.SendNewCodeButton}}" role="link"                            class="en-Actionlink en-txt-ln20-fn14 en-mobile-Link desktop-only-form enroll-skip-link resend-otp-selected">{{vm.SendNewCodeButton}}</a>                         <!--Merge changes starts-->                                          <div class="desktop-only-form" ng-if="!vm.isPartnerLogin">                     <a href="" tabindex="0" aria-label="{{vm.TryAnotherWay}}" role="link"                        ng-click="vm.UseEmailLink()"                        class="en-txt-ln20-fn14 en-mobile-Link usePhoneLink">{{vm.TryAnotherWay}}</a>                 </div>                                  <!--Merge changes ends-->                     </div>                 </div>                 <div class="row">                     <div class="footer-width en-marTop-8rem en-footer-container">                         <a ng-if="!vm.isTouch" role="link" aria-label="{{vm.CancelButton }}" tabindex="0"                            ng-click="cancelEnrollment()"                            class="en-Actionlink en-cancel ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link">{{vm.CancelButton }}</a>                           <input type="button" ng-if="!vm.isTouch && !vm.IsFSVUser" class="btnSkipStep enroll-skip-btn-alignment secondary-cta"                                role="button" ng-click="vm.SkipMobileCheckRoute()" value="{{vm.SkipStep}}" />                         <!--<a ng-if="!vm.isTouch" aria-label="{{vm.SkipStep}}" role="link" class="en-txt-ln20-fn14 en-mobile-Link desktop-only-form enroll-skip-link" ng-click="vm.SkipMobileCheckRoute()">{{vm.SkipStep}}</a>-->                          <input type="submit" id="btnMnoOtpSend" value="{{vm.Continue}}" class="ftr-cta" />                         <input type="button" id="btnMnoOtpResend" ng-if="vm.IsFSVUser" class="btnMnoOtpResend resend-otp-selected enroll-skip-btn-alignment"                                role="button" value="{{vm.SendNewCodeButton}}" />                         <input type="button"                                class="btnMnoOtpResend link-display-mobile btn-display-mobile resend-otp-selected"                                id="btnMnoOtpResend" value="{{vm.SendNewCodeButton}}" />                      </div>                 </div>             </div>             <!-- END PRJ25250 - DE-  Enrollment Mobile Number OTP verification-->          </form>     </div> </div>');
$templateCache.put('VerifyEmail.html', '<!-- NOV RELEASE 2019 ADI-3357 TransmitWebSDK adds this modal for authenticator. These styles     address that. This should be evaluated and removed--> <style>     div#transmitContainer {         z-index: 10001;     }      .xmuiCore.xmuiForm.xmuiMenuForm {         background-color: white;         text-align: left;         padding: 15px;         width: 100%;         height: 100%;         position: fixed;     }          .xmuiCore.xmuiForm.xmuiMenuForm span#xmuiMenuTitle {             display: none;         }          .xmuiCore.xmuiForm.xmuiMenuForm button {             color: #0c2074;             font-size: 14px;             line-height: 20px;             border: none;             font-weight: 500;             background-color: transparent;         }      span.xmuiMethodMenuItemText {         color: #0c2074;         font-size: 14px;         line-height: 20px;         font-weight: 500;     }      h1#xmuiMenuInstructions {         letter-spacing: .5px;         font-weight: bold;         color: #0c2074;         font-size: 25px;         line-height: 30px;     } </style> <div class="container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <div ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                 <enrollment-header></enrollment-header>             </div>             <!-- PD-2272 changes starts -->             <div ng-if="!vm.OTPScreen" id="divMblNum">                 <p class="en-content-B desktop-only-form enrollment-desktop-padding-top" ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                     {{vm.SubtextEmail }}                 </p>                 <div>                     <div ng-if="vm.isEmailExist">                         <p class="desktop-only-form">{{vm.EmailAddress}} </p>                         <p class="desktop-only-form">                             <a ng-if="vm.ShowNotYourEmailLink" aria-label="{{vm.NotYourEmail}}" role="link"                                class="en-txt-ln20-fn14 en-mobile-Link"                                ng-click="vm.NewEmailAddress()">{{vm.NotYourEmail}}</a>                         </p>                     </div>                     <!-- PRJ25250 - DE-  Enrollment Verify Email Address - Edit -->                     <div ng-if="!vm.isEmailExist" ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                         <div class="row">                             <div class="col-md-3 col-lg-12">                                 <div class=" form-group form-group-float desktop-only-form">                                     <input type="email" id="txtEmail" name="EmailAddress" placeholder="{{vm.EmailText}}"                                            field-validation required cancel-input ng-class="{\'en-error\':((form.EmailAddress.$touched || form.EmailAddress.$error.isSubmitted) && form.EmailAddress.$error.required)||((form.EmailAddress.$error.isInValid                          || form.EmailAddress.$error.isSubmitted) && form.EmailAddress.$error.pattern)}"                                            ng-model="vm.EmailAddress" ng-pattern="vm.EmailAddressPattern"                                            ng-change="vm.ValidateEmail()" ng-model-options="{ allowInvalid: true }" />                                     <span id="spnEmail" class="form-group-float--label" aria-hidden="true"                                           tabindex="-1">{{vm.EmailText}}</span>                                     <button class="en-cancel-input " type="button" tabindex=-1                                             ng-click="vm.EmailAddress=\'\'" ng-if="vm.EmailAddress"                                             aria-label="{{vm.ClearButton+vm.Space+vm.EmailText}}"></button>                                 </div>                                 <div aria-live="assertive" aria-atomic="true" class="en-error-message desktop-only-form"                                      ng-if="(form.EmailAddress.$touched                          || form.EmailAddress.$error.isSubmitted) && form.EmailAddress.$error.required">                                     <span for="EmailAddress">{{vm.EmailAddressReqErrMsg}}</span>                                 </div>                                 <div aria-live="assertive" aria-atomic="true" class="en-error-message desktop-only-form"                                      ng-if="(form.EmailAddress.$error.isInValid                          || form.EmailAddress.$error.isSubmitted) && form.EmailAddress.$error.pattern">                                     <span for="EmailAddress">{{vm.EmailAddressInvalidErrMsg}}</span>                                 </div>                                 <!--     <div class="desktop-only-form">         <a href="" tabindex="0" aria-label="{{vm.TryAnotherWay}}" role="link"            ng-click="vm.UsePhoneNumberLink()"            class="en-txt-ln20-fn14 en-mobile-Link usePhoneLink resend-otp-selected">{{vm.TryAnotherWay}}</a>     </div>         -->                             </div>                         </div>                     </div>                     <div class="row" ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                         <div class="col-md-3 en-marTop-8rem en-footer-container col-lg-12">                             <div class="desktop-only-form">                                 <input type="submit" value="{{vm.Continue}}"                                        class="en-marTop-5rem float-right en-otp-submit-button"                                        ng-click="vm.VerifyEmail()" />                                 <a ng-if="!vm.isTouch" role="link" aria-label="{{vm.CancelButton }}" tabindex="0"                                    ng-click="cancelEnrollment()"                                    class="en-Actionlink en-cancel desktop-only-cancel-link ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link">{{vm.CancelButton }}</a>                             </div>                         </div>                     </div>                  </div>                 <!--   ADI2884 - Enrollment Ivolation error msg  -->                 <div class="row" ng-if="vm.transmitIvotionRejected && !vm.IsMobileNumberValid">                     <div class="col-md-5 col-lg-12">                         <h2 id="headerMainTxt" class="en-marTop-3rem" tabindex=-1>                             Hello? Hello?                         </h2>                         <p class="en-content-B desktop-only-form">                             We’re sorry, but our app is having trouble talking to your device. Do you have another                             device you can try?                         </p>                         <p class="en-content-B desktop-only-form">                             Or, you can sign up for online banking using your desktop computer and access it from a                             mobile device later.                         </p>                         <p class="en-content-B desktop-only-form">                             We’re sorry for the inconvenience.”                         </p>                     </div>                 </div>                 <div>                     <div class="en-marTop-1rem" ng-class="vm.transmitIvotionRejected ? \'d-none\' : \'d-block\'">                         <a href="#Ftrnotelnk" target="_self" tabindex="-1"                            class="en-txt-ln15-fn12 en-mobile-Link en-marTop-4 en-txt-underline sr-only"                            id="ReturnFtrnotelnk">{{vm.ReturnFooterlink}}</a>                     </div>                  </div>             </div>             <!-- PD-2272 changes ends -->             <!-- START PRJ25250 - DE-  Enrollment Mobile Number OTP verification-->             <div ng-if="vm.OTPScreen">                 <div class="row">                     <p class="col-md-3 col-lg-12 desktop-only-form">{{vm.OTPScreenText1}} {{vm.EmailAddress}}. {{vm.OTPScreenText2}}</p>                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" aria-label="OtpCode" id="txtMobileOTP" placeholder="{{vm.SixDigitText}}"                                    name="OtpCode" ng-model-options="{ allowInvalid: true }" ng-minlength="6" maxlength="6"                                    cancel-input ng-trim="false" numbers-only                                    ng-class="{\'en-error\':((form.OtpCode.$touched                          ||form.OtpCode.$error.isSubmitted)&& (form.OtpCode.$error.required)||(form.OtpCode.$error.isInValid)) }" ng-model="vm.OTPcode"                                    ng-pattern="vm.PassCodePattern" required field-validation                                    ng-model-options="{ allowInvalid: true }">                             <span class="form-group-float--label" id="spnOtpCode" aria-hidden="true"                                   tabindex="-1">{{vm.SixDigitText}}</span>                             <button class="en-cancel-input" type="button" tabindex=-1 ng-click="vm.OTPcode=\'\'"                                     ng-if="vm.OTPcode" aria-label="{{vm.ClearButton+vm.Space+vm.SixDigitText}}"></button>                         </div>                         <div aria-live="assertive"                              ng-if="((form.OtpCode.$touched ||form.OtpCode.$error.isSubmitted) && form.OtpCode.$error.required )"                              class=" en-error-message desktop-only-form">                             <span for="OtpCode" role="alert">                                 {{vm.MnoOtprErrMsg}}                             </span>                         </div>                         <div aria-live="assertive" ng-if="(form.OtpCode.$error.isInValid && vm.OTPcode )"                              class=" en-error-message desktop-only-form">                             <span for="OtpCode" role="alert">                                 {{vm.OtprNotValidErrMsg}}                             </span>                         </div>                         <a ng-if="!vm.isTouch && !vm.IsFSVUser " tabindex="0" aria-label="{{vm.SendNewCodeButton}}" role="link"                            class="en-txt-ln20-fn14 en-mobile-Link desktop-only-form enroll-skip-link resend-otp-selected">{{vm.SendNewCodeButton}}</a>                         <div class="desktop-only-form">                             <a href="" tabindex="0" aria-label="{{vm.TryAnotherWay}}" role="link"                                ng-click="vm.UsePhoneNumberLink()"                                class="en-txt-ln20-fn14 en-mobile-Link usePhoneLink">{{vm.TryAnotherWay}}</a>                         </div>                     </div>                 </div>                 <div class="row">                     <div class="col-md-3 en-marTop-8rem en-footer-container col-lg-12">                         <input type="submit" id="btnMnoOtpSend" value="{{vm.Continue}}" />                         <input type="button" id="btnMnoOtpResend" ng-if="vm.IsFSVUser" class="btnMnoOtpResend resend-otp-selected enroll-skip-btn-alignment"                                role="button" value="{{vm.SendNewCodeButton}}" />                         <input type="button"                                class="btnMnoOtpResend link-display-mobile btn-display-mobile resend-otp-selected"                                id="btnMnoOtpResend" value="{{vm.SendNewCodeButton}}" />                         <!-- <input type="button" ng-if="!vm.isTouch" class="btnSkipStep enroll-skip-btn-alignment"         role="button" ng-click="vm.SkipMobileCheckRoute()" value="{{vm.SkipStep}}" /> -->                         <!--<a ng-if="!vm.isTouch" aria-label="{{vm.SkipStep}}" role="link" class="en-txt-ln20-fn14 en-mobile-Link desktop-only-form enroll-skip-link" ng-click="vm.SkipMobileCheckRoute()">{{vm.SkipStep}}</a>-->                         <a ng-if="!vm.isTouch" role="link" aria-label="{{vm.CancelButton }}" tabindex="0"                            ng-click="cancelEnrollment()"                            class="en-Actionlink en-cancel desktop-only-form ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link">{{vm.CancelButton }}</a>                     </div>                 </div>             </div>             <!-- END PRJ25250 - DE-  Enrollment Mobile Number OTP verification-->          </form>     </div> </div>');
$templateCache.put('RetrieveId.html', '<div class="container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <!-- PRJ25250 - DE-  Enrollment Select type of account if duplicate account number exists-->             <div class="row">                 <div class="col-md-3 col-lg-12" role="radiogroup">                     <div class="desktop-only-form heading-h1 ">                         <p class="en-label">{{vm.subHeaderText}}</p>                     </div>                     <div class="desktop-only-form en-rd-first-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio"  id="divPersonal"  value={{vm.PersonalText}} ng-model="vm.UserType" aria-labelledby="spnPersonal" role="radio" name="accounttype" tabindex="0">                             <span id="spnPersonal" class="radio-option-lbl" aria-hidden="true">{{vm.PersonalText}}</span>                         </div>                       </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" aria-labelledby="spnBusiness" id="divBusiness" value={{vm.BusinessText}} ng-model="vm.UserType" name="accounttype" role="radio" tabindex="0" value="true">                             <span id="spnBusiness" class="radio-option-lbl" aria-hidden="true">{{vm.BusinessText}}</span>                         </div>                      </div>                 </div>             </div>             <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem en-footer-container">                     <span class="margin-left-25">                         <a role="link" aria-label="Cancel" tabindex="0" ng-click="cancelEnrollment()" class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">Cancel</a>                     </span>                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.OnContinueClick()" />                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('SelectAccount.html', '<!-- PRJ25250 - DE-  Enrollment Select type of account like checking/savings/.. if duplicate account number exists--> <div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <div class="row">                 <div class="col-md-5 col-lg-12 en-marTop-1rem" ng-if="vm.IsPersonal" role="radiogroup">                     <div class="desktop-only-form">                         <p class="en-label">{{vm.subHeaderText}}</p>                     </div>                     <div class=" desktop-only-form en-rd-first-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" role="radio" value={{vm.DDA}} ng-model="vm.SelectedAccount" name="personalaccounttype" id="div{{vm.DDA}}" aria-labelledby="spnPersonal" tabindex="0">                             <span id="spnPersonal" aria-hidden="true" class="en-label en-rd-label">{{vm.DDALbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" role="radio" value={{vm.REA}} ng-model="vm.SelectedAccount" name="personalaccounttype" id="div{{vm.REA}}" aria-labelledby="spnPersonalCD" tabindex="0">                             <span id="spnPersonalCD" aria-hidden="true" class="en-label en-rd-label">{{vm.CDLbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" role="radio" value={{vm.CCD}} ng-model="vm.SelectedAccount" name="personalaccounttype" id="div{{vm.CCD}}" aria-labelledby="spnCreditLine" tabindex="0">                             <span id="spnCreditLine" aria-hidden="true" class="en-label en-rd-label">{{vm.PersonalCCDLbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" role="radio" value={{vm.MAL}} ng-model="vm.SelectedAccount" name="personalaccounttype" id="div{{vm.MAL}}" aria-labelledby="spnMortgage" tabindex="0">                             <span id="spnMortgage" aria-hidden="true" class="en-label en-rd-label">{{vm.PersonalMRTGLbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" role="radio"  value={{vm.TST}} ng-model="vm.SelectedAccount" name="personalaccounttype" id="div{{vm.TST}}" aria-labelledby="spnTrust" tabindex="0">                             <span id="spnTrust" aria-hidden="true" class="en-label en-rd-label">{{vm.TSTLbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" value={{vm.PersonalBRKGLbl}} ng-model="vm.SelectedAccount" id="div{{vm.PersonalBRKGLbl}}" name="personalaccounttype" role="radio" aria-labelledby="spnBrokerage" tabindex="0">                             <span id="spnBrokerage" aria-hidden="true" class="en-label en-rd-label">{{vm.PersonalBRKGLbl}}</span>                         </div>                     </div>                 </div>                 <div class="col-md-5 col-lg-12" ng-if="!vm.IsPersonal" role="radiogroup">                     <div class="desktop-only-form">                         <p class="en-label">{{vm.subHeaderText}}</p>                     </div>                     <div class="en-marTop-1rem desktop-only-form en-rd-first-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" aria-labelledby="spnBusinessChecking" value={{vm.DDA}} ng-model="vm.SelectedAccount" name="businessaccounttype" tabindex="0" id="div{{vm.DDA}}" role="radio">                             <span id="spnBusinessChecking" aria-hidden="true" class="en-label en-rd-label">{{vm.DDALbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" aria-labelledby="spnBusinessCD" value={{vm.CDA}} ng-model="vm.SelectedAccount"  name="businessaccounttype" tabindex="0" id="div{{vm.CDA}}" role="radio">                             <span id="spnBusinessCD" aria-hidden="true" class="en-label en-rd-label">{{vm.CDLbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio"  value={{vm.BCDAO}} ng-model="vm.SelectedAccount" id="div{{vm.BCDAO}}" name="businessaccounttype" tabindex="0" aria-labelledby="spnBusinessCredit1 spnBusinessCredit2" role="radio">                             <span id="spnBusinessCredit1" aria-hidden="true" class="en-label en-rd-label">{{vm.BusinessCCDLbl}}</span>                             <span id="spnBusinessCredit2" aria-hidden="true" class="en-label en-rd-label en-rd-padding">({{vm.BusinessCCDAOLbl}})</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" name="businessaccounttype" value={{vm.BCDNAO}} ng-model="vm.SelectedAccount" aria-labelledby="spnBusinessNA1 spnBusinessNA2" id="div{{vm.BCDNAO}}" tabindex="0" role="radio">                             <span id="spnBusinessNA1" aria-hidden="true" class="en-label en-rd-label">{{vm.BusinessCCDLbl}}</span>                             <span id="spnBusinessNA2" aria-hidden="true" class="en-label en-rd-label en-rd-padding">({{vm.BusinessCCDNONAOLbl}})</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" name="businessaccounttype" value={{vm.TST}} ng-model="vm.SelectedAccount"  aria-labelledby="spnBusinessTrust" id="div{{vm.TST}}" tabindex="0" role="radio">                             <span id="spnBusinessTrust" aria-hidden="true" class="en-label en-rd-label">{{vm.TSTLbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" name="businessaccounttype" value={{vm.INV}} ng-model="vm.SelectedAccount" aria-labelledby="spnBusinessBrokerageInv" id="{{vm.INV}}" tabindex="0" role="radio">                             <span id="spnBusinessBrokerageInv" aria-hidden="true" class="en-label en-rd-label">{{vm.BusinessBRKGLbl}}</span>                         </div>                     </div>                     <div class="desktop-only-form en-rd-othert-alignment">                         <div class="usb--radio--input--container">                             <input class="" type="radio" name="businessaccounttype" value={{vm.MAL}} ng-model="vm.SelectedAccount" aria-labelledby="spnBusinessBrokerage" id="div{{vm.MAL}}" tabindex="0" role="radio">                             <span id="spnBusinessBrokerage" aria-hidden="true" class="en-label en-rd-label">{{vm.BusinessMRTGLbl}}</span>                         </div>                     </div>                 </div>             </div>              <div class="row en-footer-space">                 <div class="col-md-3 en-footer-container">                     <span class="desktop-only-form">                         <a role="link" aria-label="Cancel" tabindex="0" ng-click="cancelEnrollment()" class="en-Actionlink en-cancel ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link en-cancel-link-align-left">Cancel</a>                     </span>                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.OnContinueClick()" />                  </div>             </div>          </form>     </div> </div>');
$templateCache.put('VerifyPersonal.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <div aria-hidden="{{vm.backgroundblur}}">                 <enrollment-header></enrollment-header>             </div>             <div ng-if="vm.IsATMDebitCredit" class="en-txt-ln20-fn14 en-content-D2 desktop-only-form">                 {{vm.HierarchyRedirectSubTxt}}             </div>             <!-- PRJ25250 - DE-  Enrollment Personal details verification for CCD,CHX,EXL product types-->             <div ng-if="vm.IsATMDebitCredit">                 <div aria-hidden="{{vm.backgroundblur}}" class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" id="txtCardNumber" class="en-placeholder-alignment" name="CardNumber" maxlength="16" numbers-only ng-trim="false"                                    field-validation required                                    ng-class="{\'en-error\':(((form.CardNumber.$touched                          ||form.CardNumber.$error.isSubmitted)&& form.CardNumber.$error.required)||((form.CardNumber.$error.isInValid  ||                           form.CardNumber.$error.isSubmitted) && form.CardNumber.$error.pattern))}"                                    data-ng-model="vm.CardNumber" ng-model-options="{ allowInvalid: true }" cancel-input aria-labelledby="spnCardNumber"                                    ng-pattern="vm.CardNumPattern" />                             <label class="form-lable-rotate-init" id="spnCardNumber" aria-hidden="true" tabindex="-1">{{vm.CardNumbLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.CardNumber=\'\'" ng-if="vm.CardNumber" aria-label="{{vm.ClearButton+vm.Space+vm.CardNumbLbl}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.CardNumber.$touched                          ||form.CardNumber.$error.isSubmitted)&& form.CardNumber.$error.required">                             <span for="CardNumber" aria-live="assertive">{{vm.CardReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.CardNumber.$error.isInValid  ||                           form.CardNumber.$error.isSubmitted) && form.CardNumber.$error.pattern">                             <span for="CardNumber" aria-live="assertive">{{vm.CardInvalidErrMsg}}</span>                         </div>                      </div>                 </div>             </div>             <!--     <div ng-if="(vm.IsATMDebitCredit) && !vm.IsMNOPin && !vm.GetPIN && !vm.UsePin" class="en-txt-ln15-fn12 en-content-D2 en-findcode">         <div ng-class="{\'en-sc-opacity\':vm.backgroundblur}">             <div class="en-fitcontent desktop-only-form">                 <span aria-hidden="{{vm.backgroundblur}}">{{vm.SecurityCodeLblSubTxt}}</span>                 <button id="btnPopCode" aria-hidden="{{vm.backgroundblur}}" uib-popover-template="\'EnrollmentSecurityCodePopOver.html\'" popover-placement="bottom" type="button" class="en-Info" popover-is-open="vm.OpenPopOver" data-toggle="tooltip" ng-click="vm.TogglePopOver()" aria-describedby="scToolTip" aria-label="{{vm.SecurityCodeLblSubTxt}}" ></button>             </div>         </div>         <div class="en-ToolTip-modal" aria-label="{{vm.SecurityCodeLblSubTxt}}" ng-if="vm.OpenPopOver"></div>     </div>-->             <div ng-if="((vm.IsPersonalCCDOnly||vm.IsATMDebitCredit) && !vm.IsMNOPin && !vm.GetPIN && !vm.UsePin)">                 <div aria-hidden="{{ vm.backgroundblur}}" class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" id="txtSecurityCode" class="en-placeholder-alignment" aria-labelledby="spnSecurityCode" name="SecurityCode" maxlength="4" cancel-input ng-trim="false" numbers-only                                    required field-validation ng-pattern="vm.SecurityCodePattern"                                    ng-class="{\'en-error\':((form.SecurityCode.$touched                          ||form.SecurityCode.$error.isSubmitted)&& form.SecurityCode.$error.required)||((form.SecurityCode.$error.isInValid  ||                           form.SecurityCode.$error.isSubmitted) && form.SecurityCode.$error.pattern)}" ng-model="vm.SecurityCode"  ng-model-options="{ allowInvalid: true }"  />                             <label class="form-lable-rotate-init" id="spnSecurityCode" aria-hidden="true" tabindex="-1">{{vm.SecurityCodeLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.SecurityCode=\'\'" ng-if="vm.SecurityCode" aria-label="{{vm.ClearButton+vm.Space+vm.SecurityCodeLbl}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SecurityCode.$touched                          ||form.SecurityCode.$error.isSubmitted)&& form.SecurityCode.$error.required">                             <span for="SecurityCode" aria-live="assertive">{{vm.SCReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SecurityCode.$error.isInValid  ||                           form.SecurityCode.$error.isSubmitted) && form.SecurityCode.$error.pattern">                             <span for="SecurityCode" aria-live="assertive">{{vm.SCNumOnlyErrMsg}}</span>                         </div>                     </div>                 </div>                 <!--<div ng-if="(vm.IsPersonalCCDOnly) && !vm.IsMNOPin && !vm.GetPIN && !vm.UsePin" class="en-txt-ln15-fn12 en-content-D2 en-findcode" ng-class="{\'en-marTop-3rem\': vm.IsATMDebitCredit}">-->                 <div ng-if="(vm.IsPersonalCCDOnly) && !vm.IsMNOPin && !vm.GetPIN && !vm.UsePin" class="en-txt-ln15-fn12 en-content-D2 en-findcode" >                     <div ng-class="{\'en-sc-opacity\':vm.backgroundblur}">                         <div class="en-fitcontent desktop-only-form">                             <span aria-hidden="{{vm.backgroundblur}}">{{vm.SecurityCodeLblSubTxt}}</span>                             <button id="btnPopCode" aria-hidden="{{vm.backgroundblur}}" uib-popover-template="\'EnrollmentSecurityCodePopOver.html\'" popover-placement="bottom" type="button" class="en-Info" data-toggle="tooltip" popover-is-open="vm.OpenPopOver" ng-click="vm.TogglePopOver()" aria-describedby="scToolTip" aria-label="{{vm.SecurityCodeLblSubTxt}}"></button>                         </div>                     </div>                     <div class="en-ToolTip-modal" aria-label="{{vm.SecurityCodeLblSubTxt}}" ng-if="vm.OpenPopOver"></div>                 </div>                  <div aria-hidden="{{ vm.backgroundblur}}" class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <span class="form-group-float--label sr-only" aria-hidden="true" id="spna11yexpirationdate" for="ExpirationDate">{{vm.ExpiryDateAllyLbl}}</span>                             <input type="text" id="txtExpirationDate" class="en-placeholder-alignment" name="ExpirationDate" aria-labelledby="spnExpirationDate" cancel-input maxlength="5" ng-trim="false" ng-change="vm.ValidateExpDate()" ng-blur="vm.ExpDateFormatter()"                                    required field-validation                                    ng-class="{\'en-error\':((form.ExpirationDate.$touched                          ||form.ExpirationDate.$error.isSubmitted)&& form.ExpirationDate.$error.required)||vm.IsExpDateInValid}" ng-model="vm.ExpiryDate" ng-model-options="{ allowInvalid: true }" />                             <label class="form-lable-rotate-init" id="spnExpirationDate" aria-hidden="true" tabindex="-1">{{vm.ExpiryDateLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.ExpiryDate=\'\'" ng-if="vm.ExpiryDate" aria-label="{{vm.ClearButton+vm.Space+vm.ExpiryDateAllyLbl}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.ExpirationDate.$touched                          ||form.ExpirationDate.$error.isSubmitted)&& form.ExpirationDate.$error.required">                             <span for="ExpirationDate" class="sr-only" aria-live="assertive">{{vm.ExpirationDateAllyReqErrMsg}}</span>                             <span for="ExpirationDate" aria-live="assertive">{{vm.ExpirationDateReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.IsExpDateInValid && !form.ExpirationDate.$error.required">                             <span for="expirationdate" aria-live="assertive">                                 {{vm.ExpirationDateInvalidErrMsg }}                             </span>                         </div>                         <div class="desktop-only-form heading-h1">                             <span class="en-txt-ln15-fn12">                                 {{vm.MMYY}}                             </span>                         </div>                     </div>                 </div>              </div>             <!-- PRJ25250 - DE-  Enrollment Personal details verification for NON DDA  product types-->             <div ng-if="!vm.IsMNOPin && !vm.GetPIN && !vm.UsePin">                 <div aria-hidden="{{ vm.backgroundblur}}" class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" aria-labelledby="spnZIPCode" class="en-placeholder-alignment" id="txtZIPcode" name="ZIPCode" cancel-input ng-trim="false" numbers-only maxlength="5"                                    required field-validation ng-pattern="vm.FiveDigitPattern"                                    ng-class="{\'en-error\':((form.ZIPCode.$touched                          ||form.ZIPCode.$error.isSubmitted)&& form.ZIPCode.$error.required)||((form.ZIPCode.$error.isInValid  ||                           form.ZIPCode.$error.isSubmitted) && form.ZIPCode.$error.pattern) || vm.ZipcodeInvalidErrMsg}" ng-model="vm.ZipCode" ng-model-options="{ allowInvalid: true }" />                             <label class="form-lable-rotate-init" id="spnZIPCode" aria-hidden="true" tabindex="-1">{{vm.ZipcodeLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.ZipCode=\'\'" ng-if="vm.ZipCode" aria-label="{{vm.ClearButton+vm.Space+vm.ZipcodeLbl}}"></button>                             <p ng-if="vm.IsPersonalTrust||vm.IsPersonalBrokerage" class="en-txt-ln15-fn12 en-content-D2">{{vm.ZipSubTxt}}</p>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="((form.ZIPCode.$touched                          ||form.ZIPCode.$error.isSubmitted)&& form.ZIPCode.$error.required)">                             <span for="ZIPCode" aria-live="assertive">{{vm.ZipcodeReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="((form.ZIPCode.$error.isInValid  ||                           form.ZIPCode.$error.isSubmitted) && form.ZIPCode.$error.pattern)">                             <span for="ZIPCode" aria-live="assertive">{{vm.ZipcodeWrongErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.ZipcodeInvalidErrMsg">                             <span for="ZIPCode" aria-live="assertive">{{vm.ZipcodeInvalidErrMsg }}</span>                         </div>                         <div class="desktop-only-form link-display-mobile heading-h1">                             <a ng-if="!vm.UsePin && (vm.IsPersonalCCDOnly ||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" aria-label="{{vm.UsePinLink}}" role="link" class="en-txt-ln20-fn14 en-mobile-Link" ng-click="vm.onInsteadPinClick()" tabindex="0">{{vm.UsePinLink}}</a>                         </div>                     </div>                 </div>             </div>              <div ng-if="((vm.IsMNOPin) && !vm.GetPIN) || vm.UsePin">                 <div aria-hidden="{{ vm.backgroundblur}}" class="row">                     <div class="col-md-3 col-lg-12">                         <div class="form-group form-group-float desktop-only-form">                             <input type="tel" aria-labelledby="spnPIN" class="en-placeholder-alignment" id="txtPIN" name="PIN" cancel-input ng-trim="false" numbers-only maxlength="4"                                    required field-validation ng-pattern="vm.FourDigitPattern"                                    ng-class="{\'en-error\':((form.PIN.$touched                          ||form.PIN.$error.isSubmitted)&& form.PIN.$error.required)||((form.PIN.$error.isInValid  ||                           form.PIN.$error.isSubmitted) && form.PIN.$error.pattern) ||(vm.WrongPinErrorMessage)} " ng-model="vm.PIN" ng-model-options="{ allowInvalid: true }" />                             <label class="form-lable-rotate-init" id="spnPIN" aria-hidden="true" tabindex="-1">{{vm.PinLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.PIN=\'\'" ng-if="vm.PIN" aria-label="{{vm.ClearButton+vm.Space+vm.PinLbl}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.PIN.$touched                          ||form.PIN.$error.isSubmitted)&& form.PIN.$error.required">                             <span for="PIN" aria-live="assertive">{{vm.PinReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.PIN.$error.isInValid  ||                           form.PIN.$error.isSubmitted) && form.PIN.$error.pattern">                             <span for="PIN" aria-live="assertive">{{vm.PinInvalidErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.WrongPinErrorMessage">                             <span for="PIN" aria-live="assertive">{{vm.WrongPinErrorMessage}}</span>                         </div>                         <!--<div id="DontHavePin" ng-if="vm.IsMNOPin">                             <a aria-label="{{vm.DontHavePin}}" role="link" tabindex="0" class="en-txt-ln15-fn12 en-mobile-Link desktop-only-form" ng-click="vm.DontHavePinClick()">{{vm.DontHavePin}}</a>                         </div>-->                         <div class="desktop-only-form link-display-mobile heading-h1">                             <a ng-if="vm.UsePin && (vm.IsPersonalCCDOnly||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" tabindex="0" aria-label="{{vm.DontHavePin}}" role="link" class="en-txt-ln20-fn14 en-mobile-Link" ng-click="vm.onInsteadCodeClick()">{{vm.DontHavePin}}</a>                         </div>                     </div>                 </div>             </div>             <!-- PRJ25250 - DE-  Enrollment Personal details verification for DDA MNO flow-->             <div class="row desktop-only-form" aria-hidden="{{ vm.backgroundblur}}" ng-if="vm.GetPIN">                 <div class="en-marTop-2rem">                     <p class="en-content-B">                         {{vm.GetPinSubTxt1}}                         <a class="en-mobile-Link en-bold link-underline-loc" href="{{vm.locationsSearchUrl}}" role="link" target="_blank">{{vm.GetPinVisitBranch}}</a><span aria-hidden="true">{{vm.GetPinPeriod}}</span>                     </p>                     <p class="en-content-B">                         {{vm.GetPinSubTxt2}}                         <a ng-if="vm.isTouch" class="en-mobile-Link en-bold" href="{{vm.callUSBankUrl}}" role="link" target="_blank">{{vm.GetPinPhone}}</a><span aria-hidden="true" ng-if="vm.isTouch">{{vm.GetPinPeriod}}</span>                     </p>                 </div>             </div>             <div aria-hidden="{{ vm.backgroundblur}}" class="row en-footer-dbl-space">                 <div id="cta-ftr-btn" class="footer-width en-footer-container en-Hide" >                     <a ng-if="!vm.isTouch" role="link" aria-label="{{vm.CancelButton }}" tabindex="0" ng-click="cancelEnrollment()" class="en-Actionlink en-cancel ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link en-cancel-verify-personal-link">{{vm.CancelButton }}</a>                        <!-- START PRJ25250 - DE-  Enrollment Personal details verification for CCD,CHX,EXL product types-->                     <input aria-label="{{vm.UsePinLink}}" role="button" ng-if="!vm.UsePin && (vm.IsPersonalCCDOnly ||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" type="button" value="{{vm.UsePinLink}}" class="en-marTop-5rem en-otp-submit-button enroll-skip-btn-alignment lg-button-secondary-cta secondary-cta" ng-click="vm.onInsteadPinClick()" />                     <input aria-label="{{vm.ContinueWithoutPinLink}}" role="button" ng-if="vm.UsePin && (vm.IsPersonalCCDOnly||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" type="button" value="{{vm.ContinueWithoutPinLink}}" class="en-marTop-5rem en-otp-submit-button enroll-skip-btn-alignment lg-button-secondary-cta secondary-cta" ng-click="vm.onInsteadCodeClick()" />                     <!-- END  PRJ25250 - DE-  Enrollment Personal details verification for CCD,CHX,EXL product types-->                     <!-- START PRJ25250 - DE-  Enrollment Personal details verification for CCD,CHX,EXL product types-->                     <!--<div ng-if="!vm.UsePin && (vm.IsPersonalCCDOnly ||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" class="en-padBot-20">         <a aria-label="{{vm.UsePinLink}}" role="link" tabindex="0" class="en-mobile-Link en-txt-ln20-fn14 " ng-click="vm.onInsteadPinClick()">{{vm.UsePinLink}}</a>     </div>-->                     <!--<div ng-if="vm.UsePin && (vm.IsPersonalCCDOnly||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" class="en-padBot-20">         <a aria-label="{{vm.ContinueWithoutPinLink}}" role="link" tabindex="0" class="en-mobile-Link en-txt-ln20-fn14" ng-click="vm.onInsteadCodeClick()">{{vm.ContinueWithoutPinLink}}</a>     </div>-->                     <!-- END  PRJ25250 - DE-  Enrollment Personal details verification for CCD,CHX,EXL product types-->                     <!-- START  PRJ25250 - DE-  Enrollment Personal details DDA MNO get pin flow-->                     <div ng-if="vm.GetPIN" >                         <a id="lnkFindBranch" class="btn-submit-pin" href="{{vm.locationsSearchUrl}}" role="button" target="_blank">{{vm.FindBranch}}</a>                         <a id="lnkCallUSbank" class="call-btn" href="{{vm.callUSBankUrl}}" role="button" target="_blank">{{vm.CallUSBank}}</a>                     </div>                      <input type="submit" class="ftr-cta" value="{{vm.Continue}}" ng-click="vm.VerifyPersonal()" ng-if="!vm.GetPIN" />                     <div class="enroll-align-center en-padBot-20 heading-h2">                         <a role="link" class="en-txt-ln20-fn14 en-mobile-Link" ng-if="!vm.UsePin && (vm.IsPersonalCCDOnly ||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" ng-click="vm.onInsteadPinClick()">{{vm.UsePinLink}} </a>                         <a role="link" class="en-txt-ln20-fn14 en-mobile-Link" ng-if="vm.UsePin && (vm.IsPersonalCCDOnly||vm.IsATMDebitCredit) && !vm.GetPIN && !vm.IsMNOPin" ng-click="vm.onInsteadCodeClick()">{{vm.ContinueWithoutPinLink}} </a>                     </div>                     <!-- END  PRJ25250 - DE-  Enrollment Personal details DDA MNO get pin flow-->                 </div>             </div>         </form>     </div> </div>');
$templateCache.put('VerifyBusiness.html', '<!-- PRJ25250 - DE-  Enrollment Verify Business Details--> <div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <div aria-hidden="{{ vm.backgroundblur}}">                 <enrollment-header></enrollment-header>                 <div ng-if="vm.IsATMDebitCredit" class="en-txt-ln15-fn12 en-content-D2 en-findcode desktop-only-form">                     {{vm.AccountHierarchySubText}}                 </div>             </div>                          <div>                 <div ng-if="vm.IsATMDebitCredit">                     <div class="row" aria-hidden="{{ vm.backgroundblur}}">                         <div class="col-md-3 col-lg-12">                             <div class=" form-group form-group-float desktop-only-form">                                 <input type="tel" id="txtCardNumber" name="CardNumber" class="en-placeholder-alignment" maxlength="16" ng-trim="false"                                        field-validation required                                         ng-class="{\'en-error\':(((form.CardNumber.$touched                          ||form.CardNumber.$error.isSubmitted)&& form.CardNumber.$error.required)||((form.CardNumber.$error.isInValid  ||                           form.CardNumber.$error.isSubmitted) && form.CardNumber.$error.pattern))}"                                        data-ng-model="vm.CardNumber" ng-model-options="{ allowInvalid: true }" cancel-input                                        ng-pattern="vm.CardNumPattern" aria-labelledby="spnCardNumber" />                                 <label id="spnCardNumber" class="form-lable-rotate-init" aria-hidden="true" tabindex="-1">{{vm.CardNumbLbl}}</label>                                 <button class="en-cancel-input " type="button"  ng-click="vm.CardNumber=\'\'" ng-if="vm.CardNumber" aria-label="{{vm.ClearButton+vm.Space+vm.CardNumbLbl}}"></button>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.CardNumber.$touched                          ||form.CardNumber.$error.isSubmitted)&& form.CardNumber.$error.required">                                 <span for="CardNumber" aria-live="assertive">{{vm.CardReqErrMsg}}</span>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.CardNumber.$error.isInValid  ||                           form.CardNumber.$error.isSubmitted) && form.CardNumber.$error.pattern">                                 <span for="CardNumber" aria-live="assertive">{{vm.CardInvalidErrMsg}}</span>                             </div>                         </div>                     </div>                 </div>                 <div class="row" aria-hidden="{{ vm.backgroundblur}}" ng-if="vm.IsCDAorMALHierarchy">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" id="txtSSN" aria-labelledby="spnSSN"  name="SSN"class="en-placeholder-alignment" ng-trim="false" numbers-only                                    required field-validation maxlength="4" ssn-validation                                    ng-class="{\'en-error\':(((form.SSN.$touched                          || form.SSN.$error.isSubmitted) && form.SSN.$error.required)||((form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.digitPatternValid)||((form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.fourDigitPatternValid)) }"                                    ng-model="vm.SSN" ng-pattern="vm.SSNPattern" ng-model-options="{ allowInvalid: true }" cancel-input />                             <label id="spnSSN" aria-hidden="true" class="form-lable-rotate-init" tabindex="-1">{{vm.SSNText}}</label>                             <button class="en-cancel-input" type="button" tabindex=0 ng-click="vm.SSN=\'\'" ng-if="vm.SSN" aria-label="{{vm.ClearButton+vm.Space+vm.SSNText}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SSN.$touched                          || form.SSN.$error.isSubmitted) && form.SSN.$error.required">                             <span for="SSN" aria-live="assertive">{{vm.SSNReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.digitPatternValid">                             <span for="SSN" aria-live="assertive">{{vm.SSNOnlyNumsErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid                          || form.SSN.$error.isSubmitted) && form.SSN.$error.fourDigitPatternValid">                             <span for="SSN" aria-live="assertive">{{vm.SSN4DigitErrMsg}}</span>                         </div>                     </div>                 </div>                 <div class="row" aria-hidden="{{ vm.backgroundblur}}" ng-if="(vm.IsBusinessAuthorizedCC || vm.IsBusinessCheckOrAtmCard)&&(!(vm.UseCardInfoBusAuthCC))">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" aria-labelledby="spnSecurityCode" id="txtSecurityCode" class="en-placeholder-alignment" name="SecurityCode" maxlength="3" cancel-input ng-trim="false" numbers-only                                    required field-validation ng-pattern="vm.ThreeDigitPattern"                                     ng-class="{\'en-error\':((form.SecurityCode.$touched                          ||form.SecurityCode.$error.isSubmitted)&& form.SecurityCode.$error.required)||((form.SecurityCode.$error.isInValid  ||                           form.SecurityCode.$error.isSubmitted) && form.SecurityCode.$error.pattern)}" ng-model="vm.SecurityCode" ng-model-options="{ allowInvalid: true }" />                             <label class="form-lable-rotate-init" id="spnSecurityCode" aria-hidden="true" tabindex="-1">{{vm.SecurityCodeLbl}}</label>                             <button class="en-cancel-input " type="button"  ng-click="vm.SecurityCode=\'\'" ng-if="vm.SecurityCode" aria-label="{{vm.ClearButton+vm.Space+vm.SecurityCodeLbl}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SecurityCode.$touched                          ||form.SecurityCode.$error.isSubmitted)&& form.SecurityCode.$error.required">                             <span for="SecurityCode" aria-live="assertive">{{vm.SCReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.SecurityCode.$error.isInValid  ||                           form.SecurityCode.$error.isSubmitted) && form.SecurityCode.$error.pattern">                             <span for="SecurityCode" aria-live="assertive">{{vm.SCNumOnlyErrMsg}}</span>                         </div>                     </div>                     <div ng-if="(!vm.UseCardInfoBusAuthCC && vm.UsePinBusAuthCC)" ng-cloak class="en-txt-ln15-fn12 en-content-D2 en-findcode en-marTop-4">                         <div ng-class="{\'en-sc-opacity\':vm.backgroundblur}">                             <div class="en-fitcontent enrollment-padding-left desktop-only-form">                                 <span aria-hidden="{{ vm.backgroundblur}}">{{vm.SecurityCodeLblSubTxt}}</span>                                 <button id="btnPopCode" data-trigger="focus" aria-hidden="{{ vm.backgroundblur}}" uib-popover-template="\'EnrollmentSecurityCodePopOver.html\'" popover-placement="bottom" type="button" class="en-Info enrollment-margin-top" popover-is-open="vm.OpenPopOver" ng-click="vm.TogglePopOver()" aria-describedby="scToolTip" aria-label="{{vm.SecurityCodeLblSubTxt}}"></button>                             </div>                         </div>                         <div class="en-ToolTip-modal" ng-if="vm.OpenPopOver"></div>                     </div>                  </div>                 <div class="row" aria-hidden="{{ vm.backgroundblur}}" ng-if=" vm.IsBusinessDDA && !vm.GetPIN">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" aria-labelledby="spnAtmOrDebitPIN" id="txtAtmOrDebitPIN" name="AtmOrDebitPIN" class="en-placeholder-alignment" cancel-input maxlength="4" ng-trim="false" numbers-only                                    required field-validation ng-pattern="vm.FourDigitPattern"                                     ng-class="{\'en-error\':((form.AtmOrDebitPIN.$touched                          ||form.AtmOrDebitPIN.$error.isSubmitted)&& form.AtmOrDebitPIN.$error.required)||((form.AtmOrDebitPIN.$error.isInValid  ||                           form.AtmOrDebitPIN.$error.isSubmitted) && form.AtmOrDebitPIN.$error.pattern)||(vm.WrongPinErrorMessage)}" ng-model="vm.BusinessPIN" ng-model-options="{ allowInvalid: true }" />                             <label class="form-lable-rotate-init" id="spnAtmOrDebitPIN" aria-hidden="true" tabindex="-1">{{vm.AtmOrDebitPINLbl}}</label>                             <button class="en-cancel-input " type="button"  ng-click="vm.BusinessPIN=\'\'" ng-if="vm.BusinessPIN" aria-label="{{vm.ClearButton+vm.Space+vm.AtmOrDebitPINLbl}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.AtmOrDebitPIN.$touched                          ||form.AtmOrDebitPIN.$error.isSubmitted)&& form.AtmOrDebitPIN.$error.required">                             <span for="AtmOrDebitPIN" aria-live="assertive">{{vm.PinReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.AtmOrDebitPIN.$error.isInValid  ||                           form.AtmOrDebitPIN.$error.isSubmitted) && form.AtmOrDebitPIN.$error.pattern">                             <span for="AtmOrDebitPIN" aria-live="assertive">{{vm.PinInvalidErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.WrongPinErrorMessage">                             <span for="AtmOrDebitPIN" aria-live="assertive">{{vm.WrongPinErrorMessage}}</span>                         </div>                         <!--                             <div class="heading-h1 en-PadBot5 desktop-only-form" id="DontHavePin">                                 <a aria-label="{{vm.DontHavePin}}" role="link" class="en-txt-ln15-fn12 en-mobile-Link" ng-click="vm.DontHavePinClick()">{{vm.DontHavePin}}</a>                             </div>-->                     </div>                 </div>                 <div class="row" aria-hidden="{{ vm.backgroundblur}}" ng-if=" vm.IsBusinessDDA && !vm.GetPIN">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" id="txtTaxID" aria-labelledby="spnTaxID" name="TaxID" class="en-placeholder-alignment" cancel-input maxlength="9" ng-trim="false" numbers-only                                    required field-validation ng-pattern="vm.TaxIDPattern"                                     ng-class="{\'en-error\':((form.TaxID.$touched                          ||form.TaxID.$error.isSubmitted)&& form.TaxID.$error.required)||((form.TaxID.$error.isInValid  ||                           form.TaxID.$error.isSubmitted) && form.TaxID.$error.pattern)||(vm.WrongTaxErrorMessage)}" ng-model="vm.BusinessTaxId" ng-model-options="{ allowInvalid: true }" />                             <label class="form-lable-rotate-init" id="spnTaxID" aria-hidden="true" tabindex="-1">{{vm.TAXIdLbl}}</label>                             <button class="en-cancel-input " type="button"  ng-click="vm.BusinessTaxId=\'\'" ng-if="vm.BusinessTaxId" aria-label="{{vm.ClearButton+vm.Space+vm.TAXIdLbl}}"></button>                         </div>                          <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.TaxID.$touched                          ||form.TaxID.$error.isSubmitted)&& form.TaxID.$error.required">                             <span for="TaxID" aria-live="assertive">{{vm.TaxIdReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.TaxID.$error.isInValid  ||                           form.TaxID.$error.isSubmitted) && form.TaxID.$error.pattern">                             <span for="TaxID" aria-live="assertive">{{vm.TaxId9DigitErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.WrongTaxErrorMessage">                             <span for="TaxID" aria-live="assertive">{{vm.WrongTaxErrorMessage}}</span>                         </div>                         <p class="en-txt-ln15-fn12 en-content-D2 en-fl-sub-txt-mar desktop-only-form">{{vm.SSNSoloTxt}}</p>                     </div>                 </div>                 <!--<p ng-if="vm.IsBusinessAuthorizedCC && vm.UseCardInfoBusAuthCC" class="en-txt-ln15-fn12 en-content-D2">{{vm.TAXIdSubTxt}}</p>-->                 <div aria-hidden="{{ vm.backgroundblur}}" ng-if="(vm.IsBusinessMortgage||vm.IsBusinessInvestment||vm.IsBusinessBrokerage) && !vm.IsATMDebitCredit &&!vm.GetPIN">                     <div class="row">                         <div class="col-md-3 col-lg-12">                             <div class=" form-group form-group-float desktop-only-form">                                 <input type="tel" aria-labelledby="spnZIPCode" id="txtZIPcode" class="en-placeholder-alignment" name="ZIPCode" cancel-input maxlength="5" ng-trim="false" numbers-only                                        required field-validation ng-pattern="vm.FiveDigitPattern"                                         ng-class="{\'en-error\':((form.ZIPCode.$touched                          ||form.ZIPCode.$error.isSubmitted)&& form.ZIPCode.$error.required)||((form.ZIPCode.$error.isInValid  ||                           form.ZIPCode.$error.isSubmitted) && form.ZIPCode.$error.pattern)||(vm.ZipcodeInvalidErrMsg)}" ng-model="vm.BusinessZipcode" ng-model-options="{ allowInvalid: true }" />                                 <label class="form-lable-rotate-init" id="spnZIPCode" aria-hidden="true" tabindex="-1">{{vm.ZipcodeLbl}}</label>                                 <button class="en-cancel-input " type="button"  ng-click="vm.BusinessZipcode=\'\'" ng-if="vm.BusinessZipcode" aria-label="{{vm.ClearButton+vm.Space+vm.ZipcodeLbl}}"></button>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.ZIPCode.$touched                          ||form.ZIPCode.$error.isSubmitted)&& form.ZIPCode.$error.required">                                 <span for="ZIPCode" aria-live="assertive">{{vm.ZipcodeReqErrMsg}}</span>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.ZIPCode.$error.isInValid  ||                           form.ZIPCode.$error.isSubmitted) && form.ZIPCode.$error.pattern">                                 <span for="ZIPCode" aria-live="assertive">{{vm.ZipcodeWrongErrMsg }}</span>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.ZipcodeInvalidErrMsg">                                 <span for="ZIPCode" aria-live="assertive">{{vm.ZipcodeInvalidErrMsg }}</span>                             </div>                          </div>                     </div>                      <p ng-if="vm.IsBusinessMortgage||vm.IsBusinessInvestment||vm.IsBusinessBrokerage && !vm.IsATMDebitCredit" class="en-txt-ln15-fn12 en-content-D2 en-fl-sub-txt-mar desktop-only-form">{{vm.ZipSubTxt}}</p>                 </div>                 <div aria-hidden="{{ vm.backgroundblur}}" ng-if="(vm.IsBusinessAuthorizedCC || vm.IsBusinessCheckOrAtmCard )&&(!(vm.UseCardInfoBusAuthCC)) && !vm.GetPIN">                      <div class="row">                         <div class="col-md-3 col-lg-12">                             <div class=" form-group form-group-float desktop-only-form">                                 <span class="form-group-float--label sr-only" aria-hidden="true" id="spna11yexpirationdate" for="ExpirationDate">{{vm.ExpiryDateAllyLbl}}</span>                                 <input type="text" id="txtExpirationDate" class="en-placeholder-alignment" aria-labelledby="spnExpirationDate" name="ExpirationDate" cancel-input maxlength="5" ng-trim="false" ng-change="vm.ValidateExpDate()" ng-blur="vm.ExpDateFormatter()"                                        required field-validation                                         ng-class="{\'en-error\':((form.ExpirationDate.$touched                          ||form.ExpirationDate.$error.isSubmitted)&& form.ExpirationDate.$error.required)||vm.IsExpDateInValid}" ng-model="vm.ExpiryDate" ng-model-options="{ allowInvalid: true }" />                                 <label class="form-lable-rotate-init" id="spnExpirationDate" aria-hidden="true" tabindex="-1">{{vm.ExpiryDateLbl}}</label>                                 <button class="en-cancel-input " type="button"  ng-click="vm.ExpiryDate=\'\'" ng-if="vm.ExpiryDate" aria-label="{{vm.ClearButton+vm.Space+vm.ExpiryDateAllyLbl}}"></button>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.ExpirationDate.$touched                          ||form.ExpirationDate.$error.isSubmitted)&& form.ExpirationDate.$error.required">                                 <span for="ExpirationDate" aria-live="assertive" class="sr-only">{{vm.ExpirationDateAllyReqErrMsg}}</span>                                 <span for="ExpirationDate" aria-hidden="true">{{vm.ExpirationDateReqErrMsg}}</span>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.IsExpDateInValid && !form.ExpirationDate.$error.required">                                 <span for="ExpirationDate">{{vm.ExpirationDateInvalidErrMsg }}</span>                             </div>                             <div class="desktop-only-form heading-h1">                                 <span class="en-txt-ln15-fn12">                                     {{vm.MMYY}}                                 </span>                             </div>                         </div>                     </div>                      <div class="row">                         <div class="col-md-3 col-lg-12">                             <div class=" form-group form-group-float desktop-only-form">                                 <input type="tel" aria-labelledby="spnAuthZIPcode" id="txtBusAuthZIPcode" name="AuthZIPcode" class="en-placeholder-alignment" cancel-input maxlength="5" ng-trim="false" numbers-only                                        required field-validation ng-pattern="vm.FiveDigitPattern"                                         ng-class="{\'en-error\':((form.AuthZIPcode.$touched                          ||form.AuthZIPcode.$error.isSubmitted)&& form.AuthZIPcode.$error.required)||((form.AuthZIPcode.$error.isInValid  ||                           form.AuthZIPcode.$error.isSubmitted) && form.AuthZIPcode.$error.pattern)}" ng-model="vm.AOZipcode" ng-model-options="{ allowInvalid: true }" />                                 <label class="form-lable-rotate-init" id="spnAuthZIPcode" aria-hidden="true" tabindex="-1">{{vm.ZipcodeLbl}}</label>                                 <button class="en-cancel-input " type="button"  ng-click="vm.AOZipcode=\'\'" ng-if="vm.AOZipcode" aria-label="{{vm.ClearButton+vm.Space+vm.ZipcodeLbl}}"></button>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.AuthZIPcode.$touched                          ||form.AuthZIPcode.$error.isSubmitted)&& form.AuthZIPcode.$error.required">                                 <span for="AuthZIPcode" aria-live="assertive">{{vm.ZipcodeReqErrMsg}}</span>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.AuthZIPcode.$error.isInValid  ||                           form.AuthZIPcode.$error.isSubmitted) && form.AuthZIPcode.$error.pattern">                                 <span for="AuthZIPcode" aria-live="assertive">{{vm.ZipcodeWrongErrMsg }}</span>                             </div>                         </div>                     </div>                   </div>                 <div aria-hidden="{{ vm.backgroundblur}}" class="row" ng-if="(((vm.IsBusinessAuthorizedCC || vm.IsBusinessCheckOrAtmCard) &&vm.UseCardInfoBusAuthCC))&& !vm.GetPIN">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" aria-labelledby="spnPIN" id="txtPIN" name="PIN" class="en-placeholder-alignment" cancel-input maxlength="4" ng-trim="false" numbers-only                                    required field-validation ng-pattern="vm.FourDigitPattern"                                    ng-class="{\'en-error\':((form.PIN.$touched                          ||form.PIN.$error.isSubmitted)&& form.PIN.$error.required)||((form.PIN.$error.isInValid  ||                           form.PIN.$error.isSubmitted) && form.PIN.$error.pattern)||(vm.WrongPinErrorMessage)}" ng-model="vm.BusinessPIN" ng-model-options="{ allowInvalid: true }" />                             <label class="form-lable-rotate-init" id="spnPIN" aria-hidden="true" tabindex="-1">{{vm.PinLbl}}</label>                             <button class="en-cancel-input " type="button"  ng-click="vm.BusinessPIN=\'\'" ng-if="vm.BusinessPIN" aria-label="{{vm.ClearButton+vm.Space+vm.PinLbl}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.PIN.$touched                          ||form.PIN.$error.isSubmitted)&& form.PIN.$error.required">                             <span for="PIN">{{vm.PinReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.PIN.$error.isInValid  ||                           form.PIN.$error.isSubmitted) && form.PIN.$error.pattern">                             <span for="PIN" aria-live="assertive">{{vm.PinInvalidErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.WrongPinErrorMessage">                             <span for="AtmOrDebitPIN" aria-live="assertive">{{vm.WrongPinErrorMessage}}</span>                         </div>                     </div>                 </div>                 <div aria-hidden="{{ vm.backgroundblur}}" ng-if="((vm.IsBusinessAuthorizedCC||vm.IsBusinessInvestment || vm.IsBusinessCheckOrAtmCard)&&(!(vm.UseCardInfoBusAuthCC)))||vm.IsBusinessMortgage || vm.IsBusinessBrokerage||((vm.IsBusinessAuthorizedCC || vm.IsBusinessCheckOrAtmCard) && vm.UseCardInfoBusAuthCC) && !vm.GetPIN">                     <div class="row">                         <div class="col-md-3 col-lg-12">                             <div class=" form-group form-group-float desktop-only-form">                                 <input type="tel" id="txtTaxIDIMB" class="en-placeholder-alignment" aria-labelledby="spnTaxIDIMB" name="TaxIDIMB" cancel-input maxlength="9" ng-trim="false" numbers-only                                        required field-validation ng-pattern="vm.TaxIDPattern"                                         ng-class="{\'en-error\':((form.TaxIDIMB.$touched                          ||form.TaxIDIMB.$error.isSubmitted)&& form.TaxIDIMB.$error.required)||((form.TaxIDIMB.$error.isInValid  ||                           form.TaxIDIMB.$error.isSubmitted) && form.TaxIDIMB.$error.pattern)||(vm.WrongTaxErrorMessage)}" ng-model="vm.BusinessTaxIDIMB" ng-model-options="{ allowInvalid: true }" />                                 <label class="form-lable-rotate-init" id="spnTaxIDIMB" aria-hidden="true" tabindex="-1">{{vm.TAXIdLbl}}</label>                                 <button class="en-cancel-input " type="button"  ng-click="vm.BusinessTaxIDIMB=\'\'" ng-if="vm.BusinessTaxIDIMB" aria-label="{{vm.ClearButton+vm.Space+vm.TAXIdLbl}}"></button>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.TaxIDIMB.$touched                          ||form.TaxIDIMB.$error.isSubmitted)&& form.TaxIDIMB.$error.required">                                 <span for="TaxIDIMB" aria-live="assertive">{{vm.TaxIdReqErrMsg}}</span>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.TaxIDIMB.$error.isInValid  ||                           form.TaxIDIMB.$error.isSubmitted) && form.TaxIDIMB.$error.pattern">                                 <span for="TaxIDIMB" aria-live="assertive">{{vm.TaxId9DigitErrMsg}}</span>                             </div>                             <div role="alert" class="en-error-message desktop-only-form" ng-if="vm.WrongTaxErrorMessage">                                 <span for="TaxID" aria-live="assertive">{{vm.WrongTaxErrorMessage}}</span>                             </div>                         </div>                     </div>                      <p ng-if="vm.IsBusinessAuthorizedCC||vm.IsBusinessCheckOrAtmCard || vm.IsBusinessInvestment||vm.IsBusinessBrokerage||vm.IsBusinessMortgage || (vm.IsBusinessDDA && !vm.GetPIN)" class=" en-txt-ln15-fn12 desktop-only-form en-content-D2 en-fl-sub-txt-mar">{{vm.SSNSoloTxt}}</p>                 </div>              </div>             <!-- PRJ25250 - DE-  Enrollment Personal details verification for DDA MNO flow-->             <div aria-hidden="{{ vm.backgroundblur}}" class="row row desktop-only-form" ng-if="vm.GetPIN">                 <div class="en-marTop-2rem">                     <p class="en-content-B">                         {{vm.GetPinSubTxt1}}                         <a class="en-mobile-Link en-bold link-underline-loc" href="{{vm.locationsSearchUrl}}" role="link" target="_blank">{{vm.GetPinVisitBranch}}</a><span aria-hidden="true">{{vm.GetPinPeriod}}</span>                     </p>                     <p class="en-content-B">                         {{vm.GetPinSubTxt2}}                         <a ng-if="vm.isTouch" class="en-mobile-Link en-bold" href="{{vm.callUSBankUrl}}" role="link" target="_blank">{{vm.GetPinPhone}}</a><span aria-hidden="true" ng-if="vm.isTouch">{{vm.GetPinPeriod}}</span>                     </p>                 </div>             </div>              <div aria-hidden="{{ vm.backgroundblur}}" class="row en-footer-dbl-space">                 <div class="footer-width en-footer-container en-Hide">                                          <div ng-if="!vm.GetPIN" class="div-display-inline box">                         <a role="link" aria-label="{{vm.CancelButton }}" tabindex="0" ng-click="cancelEnrollment()" class="en-Actionlink en-cancel ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link en-cancel-link-align-left floatLeft">{{vm.CancelButton }}</a>                         <!--<div  class="en-padBot-20 div-display-inline">-->                         <input ng-if="(vm.IsBusinessAuthorizedCC || vm.IsBusinessCheckOrAtmCard) && (vm.UsePinBusAuthCC)" type="button" aria-label="{{vm.UsePinLink}}" role="button" tabindex="0" class="secondary-cta en-skip-btn" ng-click="vm.onInsteadPinClick()" value="{{vm.UsePinLink}}" />                         <!--<a aria-label="{{vm.UsePinLink}}" role="link" tabindex="0" class="en-Actionlink" ng-click="vm.onInsteadPinClick()">{{vm.UsePinLink}}</a>-->                         <!--</div>-->                         <!--<div class="en-padBot-20 div-display-inline">-->                         <!--    <a aria-label="{{vm.UseCardInfoLink}}" role="link" tabindex="0" class="en-Actionlink" ng-click="vm.doNotKnowPinClick()">{{vm.UseCardInfoLink}}</a>-->                          <input ng-if="vm.UseCardInfoBusAuthCC" type="button" class="secondary-cta en-skip-btn" aria-label="{{vm.UseCardInfoLink}}" role="button" tabindex="0" ng-click="vm.doNotKnowPinClick()" value="{{vm.UseCardInfoLink}}" />                         <!--</div>-->                         <input type="submit" class="primary-cta en-skip-btn" value="{{vm.Continue}}" ng-click="vm.VerifyBusiness()" />                      </div>                     <!-- START  PRJ25250 - DE-  Enrollment Personal details DDA MNO get pin flow-->                     <div ng-if="vm.GetPIN" class="desktop-only-form">                         <a id="lnkFindBranch" class="btn-submit-pin" href="{{vm.locationsSearchUrl}}" role="button" target="_blank">{{vm.FindBranch}}</a>                         <a id="lnkCallUSbank" href="{{vm.callUSBankUrl}}" role="button" target="_blank" class="call-btn">{{vm.CallUSBank}}</a>                     </div>                     <!-- END  PRJ25250 - DE-  Enrollment Personal details DDA MNO get pin flow-->                 </div>             </div>          </form>     </div> </div>');
$templateCache.put('EnrollmentConfirmation.html', '<!-- START  PRJ25250 - DE-  Enrollment Confirmation , Time out ,Locked out and Error changes  --> <div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container" ng-cloak>         <form name="form" novalidate autocomplete="off" role="form">             <!--   PRJ25250 - DE-  Enrollment confirmation  -->             <div class="enroll-text-align-center">                 <div class="col-12" id="headerMainTxt" tabindex=-1>                     <h1 class="en-PadRt-0  en-header-content ">{{ vm.HeaderTitle }}</h1>                 </div>             </div>             <div class="row en-content-margin-top">                 <div class="col-md-5 col-lg-12 desktop-only-form" ng-if="vm.IsSuccess">                     <div class="en-content-align">                         <h1 ng-if="!vm.IsTouch" id="headerMainTxt" class="en-header-main-txt-shield" tabindex=-1>                             {{vm.Header}}                         </h1>                         <h2 ng-if="vm.IsTouch" class="en-header-main-txt-shield" tabindex=-1>                             {{vm.Header}}                         </h2>                          <p class="en-content-shield enroll-skip-link" ng-if="vm.IsWhiteLabel">                             {{vm.HeaderSubTxt}}                             <a ng-if="vm.IsTouch" class="en-Actionlink" href="{{vm.USBRouteUrl}}" target="_blank">{{vm.HeadeSubTxtLink}}</a>                             <span ng-if="!vm.IsTouch">{{vm.HeadeSubTxtLink}}</span>.                         </p>                          <p class="en-content-shield enroll-skip-link" ng-if="!vm.IsWhiteLabel">                             {{vm.HeaderSubTxt}}                             <a ng-if="!vm.IsTouch" class="en-Actionlink" href="{{vm.USBRouteUrl}}" target="_blank">{{vm.HeadeSubTxtLink}}</a>                             <span ng-if="vm.IsTouch">{{vm.HeadeSubTxtLink}}</span>.                         </p>                          <p class="en-content-shield link-display-mobile" ng-if="vm.IsTouch && !vm.IsWhiteLabel">                             {{vm.HeaderSubTxt}}                         </p>                         <p class="en-content-shield link-display-mobile" ng-if="vm.IsTouch && vm.IsWhiteLabel">                             {{vm.HeaderSubTxt}}                             <a ng-if="vm.IsTouch" class="en-Actionlink" href="{{vm.USBRouteUrl}}" target="_blank">{{vm.HeadeSubTxtLink}}</a>                             <span ng-if="!vm.IsTouch">{{vm.HeadeSubTxtLink}}</span>.                         </p>                      </div>                     <div class="en-success-illustration en-img-display-apply"></div>                   </div>             </div>             <!--   PRJ25250 - DE-  Enrollment Error/ sorry  -->             <div class="row">                 <div class="col-md-5 col-lg-12" ng-if="vm.IsError">                     <h1 ng-if="!vm.IsTouch" id="headerMainTxt" class="en-marTop-3rem desktop-only-form" tabindex=-1>                         {{vm.ErrorHeader}}                     </h1>                     <h2 ng-if="vm.IsTouch" class="en-marTop-3rem desktop-only-form" tabindex=-1>                         {{vm.ErrorHeader}}                     </h2>                      <p class="en-content-B desktop-only-form">                         {{vm.ErrorHeaderSubTxt}}                     </p>                     <p class="en-content-B desktop-only-form">                         {{vm.ErrorHeaderSubTxt1}}                         <a class="en-mobile-Link" href="{{vm.oldEnrollmentUrl}}" target="_blank">{{vm.ErrorHeaderSubTxt2}}</a>                     </p>                  </div>             </div>             <!--   PRJ25250 - DE-  Enrollment Apply Error/ sorry  -->             <div class="row">                 <div class="col-md-5 col-lg-12" ng-if="vm.IsApplyError">                     <h1 ng-if="!vm.IsTouch" id="headerMainTxt" class="en-marTop-3rem desktop-only-form" tabindex=-1>                         {{vm.ErrorHeader}}                     </h1>                     <h2 ng-if="vm.IsTouch" class="en-marTop-3rem desktop-only-form" tabindex=-1>                         {{vm.ErrorHeader}}                     </h2>                     <p class="en-content-B desktop-only-form">                         {{vm.ApplyErrorHeaderSubTxt}}                     </p>                     <p class="en-content-B desktop-only-form">                         {{vm.ApplyErrorHeaderSubTxt1}}                         <a class="en-mobile-Link" href="tel:{{vm.ApplyErrorHeaderSubTxt2}}">{{vm.ApplyErrorHeaderSubTxt2}}</a>                     </p>                  </div>             </div>             <!--   PRJ25250 - DE-  Enrollment locked out  -->             <div class="row">                 <div class="col-md-5 col-lg-12" ng-if="vm.IsLockedOut">                     <h1 ng-if="!vm.IsTouch" id="headerMainTxt" class="en-marTop-3rem desktop-only-form" tabindex=-1>                         {{vm.LockedOutHeader}}                     </h1>                      <h2 ng-if="vm.IsTouch" class="en-marTop-3rem desktop-only-form" tabindex=-1>                         {{vm.LockedOutHeader}}                     </h2>                     <p class="en-content-B desktop-only-form">                         {{vm.LockedOutHeaderSubTxt1}}                     </p>                     <p class="en-content-B desktop-only-form">                         {{vm.LockedOutHeaderSubTxt2}}                         <a ng-if="vm.IsTouch" role="link" class="en-mobile-Link" aria-label="{{vm.PhoneNumberTxt}}{{vm.LockedOutPhone}}" tabindex=0 href="tel:{{vm.LockedOutPhone}}">{{vm.LockedOutPhone}}</a><span aria-hidden="true" ng-if="vm.IsTouch">{{vm.GetPinPeriod}}</span>                     </p>                  </div>             </div>             <!--   PRJ25250 - DE-  Enrollment time out  -->             <div class="row">                 <div class="col-md-5 col-lg-12" ng-if="vm.IsTimedOut">                     <h1 ng-if="!vm.IsTouch" id="headerMainTxt" class="en-marTop-3rem desktop-only-form en-header-main-txt-shield" tabindex=-1>                         {{vm.TimedOutHeader}}                     </h1>                     <h2 ng-if="vm.IsTouch" class="en-marTop-3rem desktop-only-form" tabindex=-1>                         {{vm.TimedOutHeader}}                     </h2>                      <p class="en-content-B desktop-only-form en-content-shield">                         {{vm.TimedOutHeaderSubTxt1}}                     </p>                     <p class="en-content-B desktop-only-form en-content-shield">                         {{vm.TimedOutHeaderSubTxt2}} <span class="en-label">{{vm.startover}}</span>{{vm.TimedOutHeaderTxt3}}                     </p>                  </div>             </div>             <div class="row">                 <div class="col-md-5 col-lg-12" ng-if="vm.IsUserEnrolledAlready">                     <h1 ng-if="!vm.IsTouch" id="headerMainTxt" class="align-error-content desktop-only-form" tabindex=-1>                         {{vm.UserEnrolledAlreadyTitle}}                     </h1>                     <h2 ng-if="vm.IsTouch" class="align-error-content desktop-only-form" tabindex=-1>                         {{vm.UserEnrolledAlreadyTitle}}                     </h2>                      <p class="en-content-B align-error-content desktop-only-form">                         {{vm.UserEnrolledAlreadyText1}}                     </p>                     <p class="en-content-B align-error-content desktop-only-form">                         {{vm.UserEnrolledAlreadyText2}}                     </p>                 </div>             </div>             <div class="row">                 <div class="col-md-5 col-lg-12" ng-if="vm.isStateFarmError">                     <h1 ng-if="!vm.IsTouch" id="headerMainTxt" class="en-header-main-txt-shield desktop-only-form align-error-content" tabindex=-1>                         {{vm.ErrorHeader}}                     </h1>                     <h2 ng-if="vm.IsTouch" class="en-header-main-txt-shield desktop-only-form align-error-content" tabindex=-1>                         {{vm.ErrorHeader}}                     </h2>                      <p class="en-content-shield desktop-only-form align-error-content">                         {{vm.ErrorSubTxt1}}                     </p>                     <p class="en-content-shield desktop-only-form align-error-content">                         {{vm.ErrorSubTxt2}}                     </p>                  </div>             </div>             <div class=" row">                 <div class="col-md-3  enroll-align-center en-footer-container" ng-if="vm.IsError||vm.IsTimedOut||vm.IsLockedOut||vm.IsSuccess||vm.IsUserEnrolledAlready">                     <input type="submit" value="{{vm.OkDone}}" role="button" ng-class="{\'en-btn-alg-success\': (vm.IsSuccess||vm.IsUserEnrolledAlready)}" ng-click="vm.OkDoneClick(vm.IsSuccess)" />                 </div>                 <div class="col-md-3  enroll-align-center en-footer-container" ng-if="vm.isStateFarmError">                     <input type="submit" class="statefarmerrorsubmit" role="button" value="{{vm.ENROLLMENT_ERROR_TRANSMIT_CTA}}" ng-click="vm.OkStateFarmErrorClick(vm.IsSuccess)" />                 </div>                 <div class="col-md-3  enroll-align-center en-footer-container" ng-if="vm.IsApplyError">                     <input type="submit" value="{{vm.ApplyTryAgain}}" role="button" ng-click="vm.TryAgainClick(vm.IsApplyError)" />                     <a id="lnkCallUSbank" href="tel:{{vm.LockedOutPhone}}" role="button">{{vm.CallUSBank}}</a>                 </div>             </div>         </form>     </div> </div> <!-- END  PRJ25250 - DE-  Enrollment Confirmation , Time out ,Locked out and Error changes  -->');
$templateCache.put('EnterIdInfo.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <!-- START  PRJ25250 - DE-  Enrollment Username creation-->             <p class="en-content-D2 en-marTop-N25 en-PadBot5 desktop-only-form en-color-Black sub-header-business" ng-if="!vm.IsPersonal"> {{ vm.BusinessLabel }} {{vm.BusinessOrganizationName}}</p>             <div class=" row">                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input ng-if="!vm.WhiteLabelUser" type="text" id="txtUserName" class="en-placeholder-alignment" name="UserName" minlength="7" aria-labelledby="spnUserName" maxlength="22" ng-trim="false" ng-change="vm.ValidateUserName($event)" ng-blur="vm.validateUserNameSpecialChars()" ng-focus="vm.clearUsernameError(\'divUserName\')"                                required field-validation ng-class="{\'en-error\':                                    (((form.UserName.$touched||form.UserName.$error.isSubmitted)&& form.UserName.$error.required)||(vm.UserNameSpecialCharsError)                                ||((form.UserName.$error.isInValid ||form.UserName.$error.isSubmitted) && !vm.UserNameHasNoSpace)) ||(vm.UserNameHasNoSpace && !vm.UserNameHasSplChars && form.UserName.$error.isSubmitted)                                ||(form.UserName.$error.isSubmitted &&   vm.IsUserNamePasswordSame||(!form.UserName.$error.required && vm.UserNameExistsErrMsg))                                    }" ng-model="vm.UserId" ng-model-options="{ allowInvalid: true} " cancel-input aria-describedby="spnUsernameDesc" />                         <input ng-if="vm.WhiteLabelUser" type="text" id="txtUserName" class="en-placeholder-alignment" name="UserName" minlength="8" aria-labelledby="spnUserName" maxlength="12" ng-trim="false" ng-change="vm.ValidateUserName($event)" ng-blur="vm.validateUserNameSpecialChars()" ng-focus="vm.clearUsernameError(\'divUserName\')"                                required field-validation  ng-class="{\'en-error\':                                    (((form.UserName.$touched||form.UserName.$error.isSubmitted)&& form.UserName.$error.required)||(vm.UserNameSpecialCharsError)                                ||((form.UserName.$error.isInValid ||form.UserName.$error.isSubmitted) && !vm.UserNameHasNoSpace)) ||(vm.UserNameHasNoSpace && !vm.UserNameHasSplChars && form.UserName.$error.isSubmitted)                                ||(form.UserName.$error.isSubmitted && vm.IsUserNamePasswordSame||(!form.UserName.$error.required && vm.UserNameExistsErrMsg))                                    }" ng-model="vm.UserId" ng-model-options="{ allowInvalid: true} " cancel-input aria-describedby="spnUsernameDesc" />                         <label id="spnUserName" class="form-lable-rotate-init" aria-hidden="true" tabindex="-1">{{vm.UserNameLabel}}</label>                         <button class="en-cancel-input " type="button" ng-click="vm.UserId=\'\'" ng-if="vm.UserId" aria-label="{{vm.ClearButton+vm.Space+vm.UserNameLabel}}"></button>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.UserName.$touched                          ||form.UserName.$error.isSubmitted)&& form.UserName.$error.required">                         <span for="UserName" aria-live="assertive">{{vm.UserNameReqErrMsg}}</span>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.UserName.$error.isInValid                          ||form.UserName.$error.isSubmitted)&& !vm.UserNameHasNoSpace && !form.UserName.$error.required && !vm.WhiteLabelUser">                         <span for="UserName" aria-live="assertive">{{vm.UserNameMinErrMsg}}</span>                     </div>                     <div role="alert" class="en-error-message desktop-only-form"                          ng-if="(form.UserName.$error.isInValid                          ||form.UserName.$error.isSubmitted)&& !vm.UserNameHasNoSpace && !form.UserName.$error.required && vm.WhiteLabelUser">                         <span for="UserName" aria-live="assertive">{{vm.WLUserNameErrMsg}}</span>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="!form.UserName.$error.required && form.UserName.$error.isSubmitted && vm.IsUserNamePasswordSame">                         <span for="UserName" aria-live="assertive">{{vm.UserNamePasswordSameMsg}}</span>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="!form.UserName.$error.required && vm.UserNameExistsErrMsg">                         <span for="UserName" aria-live="assertive">{{vm.UserNameExistsErrMsg}}</span>                     </div>                     <span id="spnUsernameDesc" aria-hidden="true" class="sr-only">{{vm.UsernameDesc}}</span>                 </div>             </div>             <div ng-if="vm.WhiteLabelUser" class="row en-Hide" id="divUserName">                 <div class="col-md-3 col-lg-12">                     <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                         <span class="en-paragraph en-marTop0 en-PadTop3" id="spnUserNameReq">                             {{vm.WLUserNameLengthNoSpaces}}                         </span>                         <span class="en-paragraph en-marTop0 en-PadTop3 sr-only desktop-only-form">{{vm.UserNameHasNoSpace ? vm.RequirementMet : vm.RequirementNotMet}}</span>                          <span class="checkmark"                               ng-class="{\'en-invalid\': !vm.UserNameHasNoSpace && vm.UserNameHasNoSpace !=undefined,                               \'en-valid\' :(vm.UserId.length>7 && vm.UserId.length<13) && !form.UserName.$error.isInValid,\'en-marLeftN7\': vm.UserNameHasNoSpace !=undefined }"></span>                     </div>                     <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                         <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnUserNameSpl">                             {{vm.WLUserNameAtleastOneLetter}}                         </span>                         <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.UserIdHasAtleastOneLetter ? vm.RequirementMet : vm.RequirementNotMet}}</span>                         <span class="checkmark"                               ng-class="{\'en-invalid\': vm.UserIdHasAtleastOneLetter == false,\'en-valid\':vm.UserIdHasAtleastOneLetter,\'en-marLeftN7\':vm.UserIdHasAtleastOneLetter != undefined}"></span>                     </div>                 </div>             </div>             <div ng-if="!vm.WhiteLabelUser" class="row en-Hide" id="divUserName">                 <div class="col-md-3 col-lg-12">                     <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                         <span class="en-paragraph en-marTop0 en-PadTop3" id="spnUserNameReq">                             {{vm.UserIDValidationMsg}}                         </span>                         <span class="en-paragraph en-marTop0 en-PadTop3 sr-only desktop-only-form">{{vm.UserNameHasNoSpace ? vm.RequirementMet : vm.RequirementNotMet}}</span>                          <span class="checkmark" ng-class="{\'en-invalid\': !vm.UserNameHasNoSpace && vm.UserNameHasNoSpace !=undefined,                               \'en-valid\' :(vm.UserId.length>6&&vm.UserId.length<23)&&!form.UserName.$error.isInValid,\'en-marLeftN7\':(vm.UserNameHasNoSpace||!vm.UserNameHasNoSpace) && vm.UserNameHasNoSpace !=undefined }"></span>                     </div>                     <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                         <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnUserNameSpl">                             {{vm.UserNameNoSplCharsMsg}}                         </span>                         <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.UserNameHasSplChars ? vm.RequirementMet : vm.RequirementNotMet}}</span>                         <span class="checkmark" ng-class="{\'en-invalid\': !vm.UserNameHasSplChars && vm.UserNameHasSplChars !=undefined,\'en-valid\':vm.UserNameHasSplChars,\'en-marLeftN7\':(vm.UserNameHasSplChars||!vm.UserNameHasSplChars)  && vm.UserNameHasSplChars !=undefined}"></span>                     </div>                 </div>             </div>             <div>                 <div class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <!--Start DE Enrollment Defect EN-1142 -->                             <input ng-if="!vm.WhiteLabelUser" type="password" id="txtPassword" aria-label="Password" class="en-placeholder-alignment" required field-validation name="Password" data-label="{{vm.PwdLbl}}" ng-trim="false" minlength="8" maxlength="24" autocomplete="off" ng-class="{\'en-error\':                                    ((form.Password.$touched|| form.Password.$error.isSubmitted) && form.Password.$error.required)|| (!vm.IsPasswordValid && vm.Password !=\'\' && vm.IsPasswordValid !=undefined && form.Password.$inValid)                                     ||(form.Password.$error.isSubmitted && vm.IsUserNamePasswordSame)                                    }" ng-model="vm.Password" ng-model-options="{ allowInvalid: true }" ng-change="vm.ValidatePassword($event)" ng-blur="vm.SetInvalidPassword()" cancel-input aria-describedby="spnPasswordDesc" ng-focus="vm.DisplayValidation(\'divPassword\')" />                             <input ng-if="vm.WhiteLabelUser" type="password" id="txtPassword" aria-label="Password" class="en-placeholder-alignment" required field-validation name="Password" data-label="{{vm.PwdLbl}}" ng-trim="false" minlength="8" maxlength="30"  autocomplete="off" ng-class="{\'en-error\':                                     ((form.Password.$touched|| form.Password.$error.isSubmitted) && form.Password.$error.required)|| (!vm.IsPasswordValid && vm.Password !=\'\' && vm.IsPasswordValid !=undefined && form.Password.$inValid)                                     ||(form.Password.$error.isSubmitted && vm.IsUserNamePasswordSame)                                     }" ng-model="vm.Password" ng-model-options="{ allowInvalid: true }" ng-change="vm.ValidatePassword($event)" ng-blur="vm.SetInvalidPassword()" cancel-input aria-describedby="spnPasswordDesc" ng-focus="vm.DisplayValidation(\'divPassword\')" />                             <label id="spnPassword" class="form-lable-rotate-init" aria-hidden="true" tabindex="-1">{{vm.PwdLbl}}</label>                             <button ng-if="vm.Password" class="en-pwd" id="btnShowPwd" aria-label="{{vm.ShowPwdTxt + vm.PwdLbl }}" ng-click="vm.ShowPassword(\'txtPassword\',\'btnShowPwd\')">{{vm.ShowPwdTxt}}</button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.Password.$touched                          ||form.Password.$error.isSubmitted) && form.Password.$error.required">                             <span for="Password" aria-live="assertive">{{vm.PwdReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.Password.$inValid                          ||form.Password.$error.isSubmitted) && !vm.PwdHasNoSpace && !form.Password.$error.required && !vm.PwdHasSplChars">                             <span for="Password" aria-live="assertive" ng-if="!vm.WhiteLabelUser">{{vm.PwdMinErrMsg}}</span>                             <span for="Password" aria-live="assertive" ng-if="vm.WhiteLabelUser">{{vm.WLPasswordErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.Password.$inValid                          ||form.Password.$error.isSubmitted) && !vm.PwdHasLetter && vm.PwdHasNoSpace && !vm.PwdHasSplChars">                             <span for="Password" aria-live="assertive">{{vm.PwdOneLetterErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.Password.$inValid                          ||form.Password.$error.isSubmitted) && !vm.PwdHasNumber && vm.PwdHasNoSpace && !vm.PwdHasSplChars">                             <span for="Password" aria-live="assertive">{{vm.PwdOneNumberErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.Password.$inValid                          ||form.Password.$error.isSubmitted) && vm.PwdHasSplChars">                             <!--End DE Enrollment Defect EN-1142 -->                             <span for="Password" aria-live="assertive">{{vm.PwdSpecialCharsErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="!form.Password.$error.required && form.Password.$error.isSubmitted && vm.IsUserNamePasswordSame">                             <span for="UserName" aria-live="assertive">{{vm.UserNamePasswordSameMsg}}</span>                         </div>                         <span id="spnPasswordDesc" aria-hidden="true" class="sr-only">{{vm.PasswordDesc}}</span>                     </div>                 </div>                 <div ng-if="vm.WhiteLabelUser" class="row en-Hide" id="divPassword">                     <div class="col-md-3 col-lg-12">                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordReq">                                 {{vm.WLPasswordNoSpaceMsg}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasNoSpace ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark"                                   ng-class="{\'en-invalid\':!vm.PwdHasNoSpace && vm.PwdHasNoSpace!=undefined ,\'en-valid\':vm.PwdHasNoSpace,\'en-marLeftN7\':(vm.PwdHasNoSpace||!vm.PwdHasNoSpace) && vm.PwdHasNoSpace !=undefined}"></span>                         </div>                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordNumOnly">                                 {{vm.WLPasswordOneUpperCaseLetter}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{ vm.PwdHasUpperCaseLetter ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark"                                   ng-class="{\'en-invalid\':vm.PwdHasUpperCaseLetter==false,\'en-valid\':vm.PwdHasUpperCaseLetter,\'en-marLeftN7\':vm.PwdHasUpperCaseLetter!=undefined}"></span>                         </div>                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordLetterOnly">                                 {{vm.WLPasswordOneLowerCaseLetter}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasLowerCaseLetter ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark"                                   ng-class="{\'en-invalid\':vm.PwdHasLowerCaseLetter==false,\'en-valid\':vm.PwdHasLowerCaseLetter,\'en-marLeftN7\':vm.PwdHasLowerCaseLetter!=undefined}"></span>                         </div>                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordLetterOnly">                                 {{vm.WLPasswordOneNum}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasNumber ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark"                                   ng-class="{\'en-invalid\':vm.PwdHasNumber == false ,\'en-valid\':vm.PwdHasNumber,\'en-marLeftN7\': vm.PwdHasNumber!=undefined}"></span>                         </div>                          <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordLetterOnly">                                 {{vm.WLPasswordOneSpecialChar}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasSpecialCharc ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark"                                   ng-class="{\'en-invalid\':vm.PwdHasSpecialCharc == false ,\'en-valid\':vm.PwdHasSpecialCharc,\'en-marLeftN7\': vm.PwdHasSpecialCharc!=undefined}"></span>                         </div>                          <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordLetterOnly">                                 {{vm.WLPasswordNoSeqMsg}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasNoSequentialLetterOrNumber ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark"                                   ng-class="{\'en-invalid\':vm.PwdHasNoSequentialLetterOrNumber==false,\'en-valid\':vm.PwdHasNoSequentialLetterOrNumber,\'en-marLeftN7\':vm.PwdHasLetter!=undefined}"></span>                         </div>                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordLetterOnly">                                 {{vm.WLPasswordNoSameNumber}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasNoSameLetterOrNumber ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark"                                   ng-class="{\'en-invalid\':vm.PwdHasNoSameLetterOrNumber==false,\'en-valid\':vm.PwdHasNoSameLetterOrNumber,\'en-marLeftN7\': vm.PwdHasNoSameLetterOrNumber!=undefined}"></span>                         </div>                     </div>                 </div>                 <div ng-if="!vm.WhiteLabelUser" class="row en-Hide" id="divPassword">                     <div class="col-md-3 col-lg-12">                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordReq">                                 {{vm.PwdNoSpaceMsg}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasNoSpace ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark" ng-class="{\'en-invalid\':!vm.PwdHasNoSpace && vm.PwdHasNoSpace!=undefined ,\'en-valid\':vm.PwdHasNoSpace,\'en-marLeftN7\':(vm.PwdHasNoSpace||!vm.PwdHasNoSpace) && vm.PwdHasNoSpace !=undefined}"></span>                         </div>                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordNumOnly">                                 {{vm.PwdNumberMsg}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{ vm.PwdHasNumber ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark" ng-class="{\'en-invalid\':!vm.PwdHasNumber && vm.PwdHasNumber !=undefined,\'en-valid\':vm.PwdHasNumber,\'en-marLeftN7\':(vm.PwdHasNumber||!vm.PwdHasNumber)  && vm.PwdHasNumber !=undefined}"></span>                         </div>                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordLetterOnly">                                 {{vm.PwdLetterMsg}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">{{vm.PwdHasLetter ? vm.RequirementMet : vm.RequirementNotMet}}</span>                             <span class="checkmark" ng-class="{\'en-invalid\':!vm.PwdHasLetter  && vm.PwdHasLetter!=undefined,\'en-valid\':vm.PwdHasLetter,\'en-marLeftN7\':(vm.PwdHasLetter||!vm.PwdHasLetter) && vm.PwdHasLetter!=undefined}"></span>                         </div>                     </div>                 </div>                 <div class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input ng-if="!vm.WhiteLabelUser" type="password" class="en-placeholder-alignment" aria-label="ConfirmPassword" id="txtConfirmPassword" required field-validation name="ConfirmPassword" data-label="{{vm.ConfirmPwdLbl}}" minlength="8" maxlength="24"  cancel-input autocomplete="off" ng-model="vm.ConfirmPassword" ng-model-options="{ allowInvalid: true }" ng-blur="vm.ValidateConfirmPwd()"                                    ng-change="vm.FormatConfirmPwd()" ng-class="{\'en-error\':((form.ConfirmPassword.$touched                          ||form.ConfirmPassword.$error.isSubmitted) && form.ConfirmPassword.$error.required)||(((form.ConfirmPassword.$error.isSubmitted && vm.ConfirmPassword)                          ||!form.ConfirmPassword.$error.required ) && !vm.IsPasswordsSame && vm.IsPasswordsSame !=undefined && !vm.IsUserNameConfirmPasswordSame)                          ||(form.ConfirmPassword.$error.isSubmitted && vm.IsUserNameConfirmPasswordSame)                                     }"  ng-focus="vm.DisplayValidation(\'divConfirmPassword\')" />                             <input ng-if="vm.WhiteLabelUser" type="password" class="en-placeholder-alignment" aria-label="ConfirmPassword" id="txtConfirmPassword" required field-validation name="ConfirmPassword" data-label="{{vm.ConfirmPwdLbl}}" minlength="8" maxlength="30"  cancel-input autocomplete="off" ng-model="vm.ConfirmPassword" ng-model-options="{ allowInvalid: true }" ng-blur="vm.ValidateConfirmPwd()"                                    ng-change="vm.FormatConfirmPwd()" ng-class="{\'en-error\':((form.ConfirmPassword.$touched                           ||form.ConfirmPassword.$error.isSubmitted) && form.ConfirmPassword.$error.required)||(((form.ConfirmPassword.$error.isSubmitted && vm.ConfirmPassword)                           ||!form.ConfirmPassword.$error.required ) && !vm.IsPasswordsSame && vm.IsPasswordsSame !=undefined && !vm.IsUserNameConfirmPasswordSame)                           ||(form.ConfirmPassword.$error.isSubmitted && vm.IsUserNameConfirmPasswordSame)                                      }"   ng-focus="vm.DisplayValidation(\'divConfirmPassword\')"/>                             <label id="spnConfirmPassword" class="form-lable-rotate-init" aria-hidden="true" tabindex="-1">{{vm.ConfirmPwdLbl}}</label>                             <button ng-if="vm.ConfirmPassword" class="en-pwd" id="btnConfShowPwd" aria-label="{{vm.ShowPwdTxt + vm.ConfirmPwdLbl }}" ng-click="vm.ShowPassword(\'txtConfirmPassword\',\'btnConfShowPwd\')">{{vm.ShowPwdTxt}}</button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.ConfirmPassword.$touched                          ||form.ConfirmPassword.$error.isSubmitted) && form.ConfirmPassword.$error.required">                             <span for="ConfirmPassword" aria-live="assertive">{{vm.ConfirmPwdReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="((form.ConfirmPassword.$error.isSubmitted && vm.ConfirmPassword) || !form.ConfirmPassword.$error.required ) && !vm.IsPasswordsSame && vm.IsPasswordsSame !=undefined && !vm.IsUserNameConfirmPasswordSame">                             <span for="ConfirmPassword" aria-live="assertive">{{vm.PwdDontMatchErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="!form.ConfirmPassword.$error.required && form.ConfirmPassword.$error.isSubmitted && vm.IsUserNameConfirmPasswordSame">                             <span for="UserName" aria-live="assertive">{{vm.UserNamePasswordSameMsg}}</span>                         </div>                     </div>                 </div>                 <!-- TODO: Need to check why we not able to show display block -->                <div class="row en-Hide" id="divConfirmPassword">                     <div class="col-md-3 col-lg-12">                         <div class="en-Id-Pwd-container en-padBot0 en-borerbottom-0 desktop-only-form">                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3" id="spnPasswordLetterOnly">                                 {{vm.PasswordMatch}}                             </span>                             <span class="en-paragraph en-marTop0 en-PadLeft10 en-PadTop3 sr-only">                                 {{vm.IsPasswordsSame ? vm.RequirementMet : vm.RequirementNotMet}}                             </span>                             <span class="checkmark"                                    ng-class="{\'en-invalid\':!vm.IsConfirmPasswordValidation && vm.IsConfirmPasswordValidation!=undefined,                                   \'en-valid\':vm.IsConfirmPasswordValidation,\'en-marLeftN7\':(vm.IsConfirmPasswordValidation && vm.IsUserNameConfirmPasswordSame ||                                   !vm.IsConfirmPasswordValidation && !vm.IsUserNameConfirmPasswordSame) && vm.IsConfirmPasswordValidation!=undefined}"></span>                         </div>                     </div>                 </div>                  <div ng-if="!vm.IsPersonal && (vm.IsBusinessAuthorizedCC || vm.IsBusinessMortgage || vm.IsBusinessDDA)">                     <div class="row">                         <div class="col-md-3 col-lg-12">                             <div class=" form-group form-group-float desktop-only-form">                                 <input type="tel" id="txtWorkPhoneNumber" name="WorkPhoneNumber" maxlength="10"  ng-trim="false" numbers-only                                        aria-labelledby="spnWorkPhoneNumber" class="en-placeholder-alignment"                                        ng-class="{\'en-error\': ((form.WorkPhoneNumber.$touched || form.WorkPhoneNumber.$error.isInValid                          || form.WorkPhoneNumber.$error.isSubmitted) && (form.WorkPhoneNumber.$error.required || form.WorkPhoneNumber.$error.pattern || vm.InvalidMobNo)) }"                                        ng-model="vm.WorkPhoneNumber" ng-model-options="{ allowInvalid: true }" ng-pattern="vm.MobileNumberPattern" required field-validation cancel-input>                                 <label id="spnWorkPhoneNumber" class="form-lable-rotate-init" aria-hidden="true" tabindex="-1">{{vm.MobileText}}</label>                                 <button type="button" class="en-cancel-input " type="button" tabindex=-1 ng-click="vm.WorkPhoneNumber=\'\'" ng-if="vm.WorkPhoneNumber" aria-label="{{vm.ClearButton+vm.Space+vm.MobileText}}"></button>                             </div>                             <div role="alert" aria-atomic="true" class="en-error-message desktop-only-form" ng-if="(form.WorkPhoneNumber.$touched || form.WorkPhoneNumber.$error.isInValid                          || form.WorkPhoneNumber.$error.isSubmitted) && (form.WorkPhoneNumber.$error.required )">                                 <span for="WorkPhoneNumber" aria-live="assertive">{{vm.MobileNumberReqErrMsg}}</span>                             </div>                             <div role="alert" aria-atomic="true" class="en-error-message desktop-only-form" ng-if="(form.WorkPhoneNumber.$error.isSubmitted && vm.InvalidMobNo)|| (( form.WorkPhoneNumber.$error.isInValid || form.WorkPhoneNumber.$error.isSubmitted) && form.WorkPhoneNumber.$error.pattern)">                                 <span for="WorkPhoneNumber" aria-live="assertive">{{vm.MobileNumberInvalidErrMsg}}</span>                             </div>                         </div>                     </div>                 </div>             </div>             <div class="row" ng-if="vm.showEmail">                 <div class="col-md-3 col-lg-12">                     <div class=" form-group form-group-float desktop-only-form">                         <input type="email" aria-label="Email" id="txtEmail" class="en-placeholder-alignment" name="Email"                                 field-validation required cancel-input                                ng-class="{\'en-error\':((form.Email.$touched || form.Email.$error.isSubmitted) && form.Email.$error.required)||((form.Email.$error.isInValid                          || form.Email.$error.isSubmitted) && form.Email.$error.pattern)}" ng-model="vm.Email" ng-pattern="vm.EmailPattern" ng-change="vm.ValidateEmail()" ng-model-options="{ allowInvalid: true }" />                         <label id="spnEmail" class="form-lable-rotate-init" aria-hidden="true" tabindex="-1">{{vm.EmailText}}</label>                         <button class="en-cancel-input " type="button"  ng-click="vm.Email=\'\'" ng-if="vm.Email" aria-label="{{vm.ClearButton+vm.Space+vm.EmailText}}"></button>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.Email.$touched                          || form.Email.$error.isSubmitted) && form.Email.$error.required">                         <span for="Email" aria-live="assertive">{{vm.EmailReqErrMsg}}</span>                     </div>                     <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.Email.$error.isInValid                          || form.Email.$error.isSubmitted) && form.Email.$error.pattern">                         <span for="Email" aria-live="assertive">{{vm.EmailInvalidErrMsg}}</span>                     </div>                     <div ng-if="vm.ChkPromotionalMails && !vm.IsFsvUser" class="desktop-only-form">                         <label class="en-email-rd-container en-borerbottom-0 en-marTop-1rem">                             <div id="divDisclaimer" aria-hidden="true" class="en-content-B en-email  en-padTop3 en-padTop0 en-desktop-disclaimer">                                 {{vm.Aggrement}}                             </div>                             <input type="checkbox" name="Disclaimer" aria-labelledby="divDisclaimer" ng-focus="vm.PromotionalFocus()" ng-blur="vm.PromotionalFocusOut()" id="chkDisclaimer" ng-checked="vm.EnablePromoMails" ng-model="vm.EnablePromoMails">                             <span class="checkmark" ng-class="{\'promotional-email\':vm.focusPromotional}"  aria-checked="{{vm.EnablePromoMails}}"></span>                         </label>                     </div>                 </div>              </div>              <div class="row en-footer-space">                 <div class="col-md-3 en-footer-container desktop-only-footer">                     <a ng-if="!vm.isTouch" role="link" aria-label="{{vm.CancelButton }}" tabindex="0" ng-click="cancelEnrollment()" class="en-Actionlink en-cancel ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link desktop-only-form">{{vm.CancelButton }}</a>                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.VerifyUserInfo()" />                 </div>             </div>              <!-- END  PRJ25250 - DE-  Enrollment Username creation-->         </form>     </div> </div>');
$templateCache.put('EnrollmentCancel.html', '<!--   PRJ25250 - DE-  Enrollment Cancel  --> <div class=" container-fluid">  </div>');
$templateCache.put('AdditionalBusinessInfo.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" novalidate autocomplete="off" role="form">             <enrollment-header></enrollment-header>             <!-- START  PRJ25250 - DE-  Enrollment Additional Info creation-->             <div>                 <div class="row">                     <div class="col-md-3 col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="text" id="txtFirstName" class="en-placeholder-alignment" name="FirstName" only-letters cancel-input maxlength="30"                                    required field-validation ng-pattern="vm.NamePattern"                                    ng-class="{\'en-error\':((form.FirstName.$touched                          ||form.FirstName.$error.isSubmitted) && form.FirstName.$error.required)||((form.FirstName.$error.isInValid  ||                           form.FirstName.$error.isSubmitted) && form.FirstName.$error.pattern)}" ng-model="vm.FirstName" aria-labelledby="spnFirstName" />                             <label id="spnFirstName" aria-hidden="true" class="form-lable-rotate-init" tabindex="-1">{{vm.FirstNameLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.FirstName=\'\'" ng-if="vm.FirstName" aria-label="{{vm.ClearButton+vm.Space+vm.FirstNameLbl}}"></button>                         </div>                         <div  role="alert"  class="en-error-message desktop-only-form" ng-if="(form.FirstName.$touched                          ||form.FirstName.$error.isSubmitted) && form.FirstName.$error.required">                             <span for="FirstName"  aria-live="assertive">{{vm.FirstNameReqErrMsg}}</span>                         </div>                         <div  role="alert"  class="en-error-message desktop-only-form" ng-if="(form.FirstName.$error.isInValid  ||                           form.FirstName.$error.isSubmitted) && form.FirstName.$error.pattern">                             <span for="FirstName"  aria-live="assertive">{{vm.FirstNameInvalidErrMsg}}</span>                         </div>                     </div>                 </div>                 <div class="row">                     <div class="col-md-3  col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="text" id="txtMiddleInitial" class="en-placeholder-alignment" name="MiddleInitial" only-letters cancel-input                                    ng-model="vm.MiddleInitial" maxlength="1" aria-labelledby="spnMiddleInitial" />                             <label id="spnMiddleInitial" aria-hidden="true" class="form-lable-rotate-init-optional"                                   ng-class="{\'val-input-placeholder\':vm.MiddleInitial.length==1}"                                   tabindex="-1">{{vm.MiddleInitialLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.MiddleInitial=\'\'" ng-if="vm.MiddleInitial" aria-label="{{vm.ClearButton+vm.Space+vm.MiddleInitialLbl}}"></button>                         </div>                     </div>                 </div>                 <span class=" form-group form-group-float desktop-only-form enrollment-optionalStyle">{{vm.OptionalLbl}}</span>                 <div class="row">                     <div class="col-md-3  col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="text" id="txtLastName" aria-labelledby="spnLastName" name="LastName" class="en-placeholder-alignment" only-letters cancel-input maxlength="30"                                    required field-validation ng-pattern="vm.NamePattern"                                    ng-class="{\'en-error\':((form.LastName.$touched                          ||form.LastName.$error.isSubmitted)&& form.LastName.$error.required)||((form.LastName.$error.isInValid  ||                           form.LastName.$error.isSubmitted) && form.LastName.$error.pattern)}" ng-model="vm.LastName" />                             <label id="spnLastName" aria-hidden="true" class="form-lable-rotate-init" tabindex="-1">{{vm.LastNameLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.LastName=\'\'" ng-if="vm.LastName" aria-label="{{vm.ClearButton+vm.Space+vm.LastNameLbl}}"></button>                         </div>                         <div role="alert"  class="en-error-message desktop-only-form" ng-if="(form.LastName.$touched                          ||form.LastName.$error.isSubmitted)&& form.LastName.$error.required">                             <span for="LastName" aria-live="assertive">{{vm.LastNameReqErrMsg}}</span>                         </div>                         <div role="alert" class="en-error-message desktop-only-form" ng-if="(form.LastName.$error.isInValid  ||                           form.LastName.$error.isSubmitted) && form.LastName.$error.pattern">                             <span for="LastName"  aria-live="assertive">{{vm.LastNameInvalidErrMsg}}</span>                         </div>                     </div>                 </div>                 <div class="row">                     <div class="col-md-3  col-lg-12">                         <div class=" form-group form-group-float desktop-only-form">                             <input type="tel" id="txtSSN" aria-labelledby="spnSSN" name="SSN" class="en-placeholder-alignment" cancel-input maxlength="9" ng-trim="false" numbers-only                                    required field-validation ng-pattern="vm.SSNPattern"                                    ng-class="{\'en-error\':((form.SSN.$touched                          ||form.SSN.$error.isSubmitted)&& form.SSN.$error.required)||((form.SSN.$error.isInValid  ||                           form.SSN.$error.isSubmitted) && form.SSN.$error.pattern)}" ng-model="vm.BusinessSSN" ng-model-options="{ allowInvalid: true }" />                             <label id="spnSSN" aria-hidden="true" class="form-lable-rotate-init" tabindex="-1">{{vm.SSNLbl}}</label>                             <button class="en-cancel-input " type="button" ng-click="vm.BusinessSSN=\'\'" ng-if="vm.BusinessSSN" aria-label="{{vm.ClearButton+vm.Space+vm.SSNLbl}}"></button>                         </div>                          <div  role="alert"  class="en-error-message desktop-only-form" ng-if="(form.SSN.$touched                          ||form.SSN.$error.isSubmitted)&& form.SSN.$error.required">                             <span for="SSN"  aria-live="assertive">{{vm.SSNReqErrMsg}}</span>                         </div>                         <div  role="alert" aria-live="assertive" class="en-error-message desktop-only-form" ng-if="(form.SSN.$error.isInValid  ||                           form.SSN.$error.isSubmitted) && form.SSN.$error.pattern">                             <span for="SSN"  aria-live="assertive">{{vm.SSN9DigitErrMsg}}</span>                         </div>                     </div>                 </div>              </div>              <div class="row en-footer-space">                 <div class="col-md-3 en-footer-container  col-lg-12">                     <span class="desktop-only-form">                         <a role="link" aria-label="Cancel" tabindex="0" ng-click="cancelEnrollment()" class="en-Actionlink en-cancel ng-binding ng-scope cancel-link cancel-link-block enroll-skip-link en-cancel-link-align-left">Cancel</a>                     </span>                     <input type="submit" value="{{vm.Continue}}" ng-click="vm.VerifyUserInfo()" />                 </div>             </div>              <!-- END  PRJ25250 - DE-  Enrollment Username creation-->         </form>     </div> </div>');
$templateCache.put('SecurityQuestions.html', '<div class=" container-fluid">     <div ng-init="vm.Initialize()" class="en-content-container">         <form name="form" autocomplete="off" role="form" ng-submit="vm.onSubmit($event)" novalidate>             <enrollment-header></enrollment-header>             <p class="en-content-B desktop-only-form enrollment-desktop-padding-top">                 {{vm.PageText}}             </p>             <br />             <div ng-repeat="sq in securityQuestions" class="challenge-questions">                 <div class="row">                     <div class="col-md-3 col-lg-12">                         <div class="form-group form-group-float desktop-only-form">                             <span id="spnChallengeQuestion{{$index + 1}}" class="form-group--label" aria-hidden="true"                                 tabindex="-1" for="sq{{$index}}" ng-show = "vm.showLabel{{$index + 1}}">Security Question{{$index + 1}}</span>                             <div class="dropdown-container{{$index + 1}}">                                 <select class="securityquestion-dropdown form-control" name="ChallengeQuestion{{$index}}" id="ChallengeQuestion{{$index}}" type="text"                                     ng-model="sq.question" required security-question>                                     <option value="">{{vm.SelectQuestion}} {{$index + 1}}</option>                                     <option class="option-list"                                         ng-repeat="challenge in vm.getChallengeQuestions(sq.question, $index)"                                         value="{{challenge.challengeQuestionID}}">                                         {{challenge.question}}                                     </option>                                 </select>                             </div>                             <div role="alert" class="en-error-message"                                 ng-if="vm.showErrors(\'ChallengeQuestion\'+$index, form)">                                 <span class="sq-error-msg" for="ChallengeQuestion{{$index}}"                                       ng-if="vm.hasError(\'ChallengeQuestion\'+$index, form, \'required\')"                                       aria-live="assertive">{{vm.SelectQuestionRequired}} {{$index + 1}}</span>                             </div>                         </div>                      </div>                 </div>                 <div class="row">                     <div class="col-md-3 col-lg-12">                         <div class="answer-box form-group form-group-float desktop-only-form">                              <input type="text" id="txtConfirmAnswer{{$index}}" name="ConfirmAnswer{{$index}}"                                 aria-labelledby="spnConfirmAnswer{{$index}}" ng-trim="false" required field-validation                                 placeholder="<Answer>" ng-model="sq.answer" cancel-input                                 aria-describedby="spnConfirmAnswer{{$index}}" />                             <span id="spnConfirmAnswer{{$index}}" class="form-group-float--label" aria-hidden="true"                                   tabindex="-1">{{vm.EnterAnswerRequired}} {{$index + 1}}</span>                             <button class="en-cancel-input " type="button"  ng-click="sq.answer=\'\'"                                 ng-if="sq.answer"                                 aria-label="{{vm.ClearButton+vm.Space+vm.ConfirmAnswerLabel}}"></button>                         </div>                         <div role="alert" class="en-error-message desktop-only-form"                             ng-if="vm.showErrors(\'ConfirmAnswer\'+$index, form)">                             <span for="ConfirmAnswer{{$index}}"                                 ng-if="vm.hasError(\'ConfirmAnswer\'+$index, form, \'required\')"                                 aria-live="assertive">Confirm answer {{$index + 1}}</span>                         </div>                     </div>                 </div>                 <br />             </div>              <div class="row en-footer-space">                 <div class="col-md-3 en-marTop-8rem  enroll-text-align-center en-footer-container">                     <input type="submit" value="{{vm.Continue}}" />                     <a ng-if="vm.CancelButton" aria-label="Cancel" role="link" tabindex="0"                         ng-click="cancelEnrollment()"                         class="en-Actionlink en-cancel desktop-only-cancel-button ng-binding ng-scope alignCancel">Cancel</a>                 </div>             </div>         </form>     </div> </div>');
}]);})();
