{"__symbolic":"module","version":4,"metadata":{"CartUtils":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"validateSurveyInput":{"__symbolic":"function","parameters":["survey"],"value":{"orderId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"survey"},"member":"orderId"},"starRating":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"survey"},"member":"starRating"},"storeEntId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"survey"},"member":"storeEntId"},"comments":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"survey"},"member":"comments"},"location":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"survey"},"member":"location"},"status":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"survey"},"member":"status"}}},"ngInjectableDef":{}}},"Utils":{"__symbolic":"class","members":{},"statics":{"sortByFinance":{"__symbolic":"function","parameters":["products","financeType","crp"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"products"},"member":"filter"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":1067,"character":31,"module":"./lib/shared/utils"}]}},"hasOffer":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"reference","name":"item"},"right":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"instantDiscount"},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"instantDiscount"},"right":0}}},"right":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"openBoxDiscount"},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"openBoxDiscount"},"right":0}}},"right":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"mailInRebate"},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"mailInRebate"},"right":0}}},"right":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"promotions"},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"promotions"},"member":"length"},"right":0}}},"thenExpression":true,"elseExpression":false}}}},"ConsumercreditService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"ConsumercreditComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"consumercredit-cmp","template":"\n<div class = 'row main-content'><div class=\"container-fluid\">\n   \n    <div class=\"card\">\n        <!-- US335007 As a DASH dev I want UI changes for promotional information displayed when a configured Zip code is entered in Customer Information so that I can offer it to my customer-->\n        <div *ngIf=\"((customerModel && customerModel.isPromoEligibleZipCode) || (customer && customer.isPromoEligibleZipCode))\">\n            <div class=\"row\">\n                <div class=\"col-xs-12\">\n                    <espot-cmp [bannerName]=\"bannerName\"></espot-cmp>\n                </div>\n            </div>\n            <!--<div>\n                <h4>Zip Code is eligible for promotions</h4>\n            </div>-->\n        </div>\n        <div class=\"header\">\n            <h4 class=\"title display-inline\">\n                <span>Customer Information</span>\n                <span *ngIf=\"cart\" class=\"text-right\" style=\"font-size:medium;color:#e20074;\">&nbsp;{{cart.fullOrderId}}</span>\n            </h4>\n        </div>\n        <!-- error handling -->\n        <div class=\"content\">\n            <!--[start]- form elements-->\n            <form name=\"customerModel\" #customerForm=\"ngForm\" novalidate>\n                <div *ngIf=\"(!customer || (customer && customer.creditProfile && customer.creditProfile.accountNumber)) ||\n                (customer && customer.errorCode == '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID') || storeId == rtStoreId || !prescreenEnabled\">\n                <div *ngIf=\"!customer || (customer && customer.errorCode == '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID')\">\n                    <div class=\"row\">\n                        <div id=\"credit_check\" class=\"col-sm-12 col-md-3\">\n                            <!--[start] - credit type for new customer -->\n                            <div *ngIf=\"storeId != rtStoreId\">\n                                <div *ngIf=\"showCreditDetail && !customer || (customer && (!customer.creditProfile || !customer.creditProfile.accountNumber))\"\n                                     class=\"row\">\n                                    <div [ngClass]=\"customer && customer.creditProfile && customer.creditProfile.creditClass != creditClassS?'col-md-12':'col-md-12'\">\n                                        <div class=\"form-group\">\n                                            <div class=\"btn-group btn-block\" data-toggle=\"buttons\" style=\"padding-top:10px;\">\n                                                <label class=\"btn btn-deafult credit-type-label\" [ngClass]=\"creditType=='CC'?'active':''\"\n                                                       (click)=\"$event.stopPropagation();\">\n                                                    <input type=\"radio\" name=\"creditType\" id=\"creditType1\" value=\"CC\" [(ngModel)]=\"creditType\"\n                                                           [checked]=\"creditType === 'CC'\" (change)=\"switchCreditType('CC')\">Credit\n                                                    Check\n                                                </label>\n                                                <span class=\"or-text\">or</span>\n                                                <label class=\"btn btn-deafult credit-type-label no-credit-type\" [ngClass]=\"creditType=='NC'?'active':''\"\n                                                       (click)=\"$event.stopPropagation();\">\n                                                    <input type=\"radio\" name=\"creditType\" id=\"creditType2\" value=\"NC\" [(ngModel)]=\"creditType\"\n                                                           [checked]=\"creditType === 'NC'\" (change)=\"switchCreditType('NC')\">No Credit\n                                                    Check\n                                                </label>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div *ngIf=\"customer && customer.creditProfile && customer.creditProfile.creditClass === creditClassS\"\n                                         class=\"col-md-4\">\n                                        <div class=\"form-group text-right\" style=\"padding-top:10px;\">\n                                            <button type=\"submit\" class=\"btn btn-info btn-wd btn-secondary\" (click)=\"manualReviewModel.show()\">Manual\n                                                Review</button>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!--[end] -credit type for new customer -->\n                        </div>\n\n                        <div id=\"employee_order\" class=\"col-sm-12 col-md-4\">\n                            <!-- employee type options section -->\n                            <!-- show employer order option only for CD channel with WTS/Sup users and in CC form -->\n                            <div *ngIf=\"storeId == cdStoreId && (!creditType || creditType == 'CC') && (user && user.permissions && (user.permissions.isSupervisor || user.permissions.isWTS))\"\n                                 class=\"row tm-margin-bottom-10\">\n                                <div class=\"form-group\">\n                                    <div class=\"col-xs-12\">\n                                        <div class=\"col-xs-12 col-sm-6 col-md-5 col-lg-5 employee-order-n\">\n                                            <p>Employee Order ?</p>\n                                        </div>\n                                        <div class=\"col-xs-12 col-sm-6 col-md-7 col-lg-7\">\n                                            <div class=\"row\">\n                                                <div class=\"col-md-4 col-sm-6 col-lg-4 form-check radio tm-margin-top-0\">\n                                                    <input type=\"radio\" name=\"isEmployee\" id=\"isEmployee1\" [(ngModel)]=\"customerModel.isEmployee\"\n                                                           [value]=\"true\" [checked]=\"customerModel.isEmployee\" (click)=\"employeeClick(true)\" ><label>Yes</label>\n                                                </div>\n                                                <div class=\"col-md-4 col-sm-6 col-lg-4 form-check radio tm-margin-top-0\">\n                                                    <input type=\"radio\" name=\"isEmployee\" id=\"isEmployee2\" [(ngModel)]=\"customerModel.isEmployee\"\n                                                           [value]=\"false\" [checked]=\"!customerModel.isEmployee\" (click)=\"employeeClick(false)\"><label>No</label>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                        <div class=\"clearfix\"></div> \n                <div class=\"row\">\n                    <div class=\"col-md-5\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"firstName\" #firstName=\"ngModel\"\n                                id=\"firstName1\" [(ngModel)]=\"customerModel.firstName\" pattern=\"[a-zA-Z]*\" placeholder=\"First Name\"\n                                maxlength=\"32\" required [disabled]=\"disableFields\" (focusout)=\"saveFields(firstName)\" trim-input />\n                            <div *ngIf=\"(firstName.touched && firstName.invalid) || (firstName.hasError('required') && customerForm.valid)\"\n                                class=\"text-danger\">\n                                <div *ngIf=\"firstName.hasError('pattern')\">First Name should be only characters.</div>\n                                <div *ngIf=\"firstName.hasError('required')\">First Name is Required.</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-md-2\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"middleName\" id=\"middleName1\"\n                                #middleName=\"ngModel\" [(ngModel)]=\"customerModel.middleName\" placeholder=\"MI (Optional)\" maxlength=\"1\"\n                                [disabled]=\"disableFields\" (focusout)=\"saveFields(middleName)\" trim-input />\n                        </div>\n                    </div>\n                    <div class=\"col-md-5\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control border-input toCapitalize\" name=\"lastName\" pattern=\"[a-zA-Z- ]*\"\n                                #lastName=\"ngModel\" id=\"lastName1\" [(ngModel)]=\"customerModel.lastName\" placeholder=\"Last Name\"\n                                maxlength=\"50\" required [disabled]=\"disableFields\" (focusout)=\"saveFields(lastName)\" trim-input />\n                            <div *ngIf=\"(lastName.touched && lastName.invalid) || (lastName.hasError('required') && customerForm.valid)\"\n                                class=\"text-danger\">\n                                <div *ngIf=\"lastName.hasError('pattern')\">Last Name should be only characters.</div>\n                                <div *ngIf=\"lastName.hasError('required')\">Last Name is Required.</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"storeId != rtStoreId;else elseRetailAddress\">\n                    <!--[start] non retail store address fields-->\n                    <div class=\"row\">\n                        <div class=\"col-md-6\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"address1\" #address1=\"ngModel\"\n                                    id=\"address11\" (ngModelChange)=\"validatePOAdress($event)\" [(ngModel)]=\"customerModel.address1\"\n                                    placeholder=\"Address Line 1 \" maxlength=\"80\" required [disabled]=\"disableFields\"\n                                    (focusout)=\"saveFields(address1)\" trim-input />\n                                <div *ngIf=\"(address1.touched && address1.invalid) || (address1.hasError('required') && customerForm.valid)\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"address1.hasError('required')\">Address is Required.</div>\n                                </div>\n                                <div *ngIf=\"hasPOAddress\" class=\"text-danger\">\n                                    PO box addresses are not valid for the Billing Address.\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-md-6\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"address2\" #address2=\"ngModel\"\n                                    id=\"address21\" [(ngModel)]=\"customerModel.address2\" placeholder=\"Address Line 2 (Optional)\"\n                                    maxlength=\"50\" [disabled]=\"disableFields\" (focusout)=\"saveFields(address2)\" trim-input />\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                    <!--US335007 As a DASH dev I want UI changes for promotional information displayed when a configured Zip code is entered in Customer Information so that I can offer it to my customer-->\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                            <input type=\"text\" trim-input class=\"form-control border-input\" name=\"zipCode\" #zipCode=\"ngModel\"\n                                id=\"zipCode\" pattern=\"[0-9]*\" [(ngModel)]=\"customerModel.zipCode\" placeholder=\"Zip Code\"\n                                minlength=\"5\" maxlength=\"5\" required [disabled]=\"disableFields\" (ngModelChange)=\"isZipCodePromoEligible()\"\n                                (focusout)=\"saveFields(zipCode)\">\n                                <div *ngIf=\"(zipCode.touched && zipCode.invalid) || (zipCode.hasError('required') && customerForm.valid)\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"zipCode.hasError('minlength')\">Postal code should be 5 digit.</div>\n                                    <div *ngIf=\"zipCode.hasError('pattern')\">Postal code should be only numbers.</div>\n                                    <div *ngIf=\"zipCode.hasError('required')\">Postal code is Required.</div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"city\" #city=\"ngModel\" id=\"city1\"\n                                    [(ngModel)]=\"customerModel.city\" placeholder=\"City\" pattern=\"[A-Za-z]+[\\w\\s]+[A-Za-z]\"\n                                    maxlength=\"30\" required [disabled]=\"disableFields\" (focusout)=\"saveFields(city)\" trim-input />\n                                <div *ngIf=\"(city.touched && city.invalid) || (city.hasError('required') && customerForm.valid)\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"city.hasError('required')\">City is Required.</div>\n                                    <div *ngIf=\"city.hasError('pattern')\">City will accept spaces in between Only.</div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <div class=\"select-wrapper\">\n                                    <select class=\"form-control border-input\" name=\"state\" #state=\"ngModel\" [(ngModel)]=\"customerModel.state\"\n                                        required [disabled]=\"disableFields\" (focusout)=\"saveFields(state)\">\n                                        <option disabled [ngValue]=\"null\">Select State</option>\n                                        <option *ngFor=\"let stateItem of stateItems\" [ngValue]=\"stateItem.key\">{{stateItem.value}}</option>\n                                    </select>\n                                </div>\n                                <div *ngIf=\"((state.touched && (state.invalid  || customerModel.state === '')) || (state.hasError('required') && customerForm.valid))\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"state.hasError('required') || customerModel.state === ''\">State is Required.</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <!--[end] non retail store address fields-->\n                </div>\n                <ng-template #elseRetailAddress>\n                    <!--[start] retail store address fields-->\n                    <div class=\"row\">\n                        <div class=\"col-md-6\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\" name=\"address1\" #address1=\"ngModel\"\n                                    id=\"address11\" (ngModelChange)=\"validatePOAdress($event)\" [(ngModel)]=\"customerModel.address1\"\n                                    placeholder=\"Address Line1 (Optional)\" maxlength=\"80\" [disabled]=\"disableFields\" (focusout)=\"saveFields(address1)\" trim-input />\n                                <div *ngIf=\"hasPOAddress\" class=\"text-danger\">\n                                    PO box addresses are not valid for the Billing Address.\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-md-6\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\"  name=\"address2\" #address2=\"ngModel\"\n                                    id=\"address21\" [(ngModel)]=\"customerModel.address2\" placeholder=\"Address Line2 (Optional)\"\n                                    maxlength=\"50\" [disabled]=\"disableFields\" (focusout)=\"saveFields(address2)\" trim-input />\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input toCapitalize\" name=\"city\" #city=\"ngModel\" id=\"city1\"\n                                    [(ngModel)]=\"customerModel.city\" placeholder=\"City (Optional)\" pattern=\"[A-Za-z]+[\\w\\s]+[A-Za-z]\"\n                                    maxlength=\"30\" [disabled]=\"disableFields\" (focusout)=\"saveFields(city)\" trim-input />\n                                <div *ngIf=\"(city.touched && city.invalid) || (city.hasError('pattern') && customerForm.valid)\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"city.invalid && city.dirty && city.hasError('pattern')\">City will accept spaces in between Only.</div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <div class=\"select-wrapper\">\n                                    <select class=\"form-control border-input\" name=\"state\" #state=\"ngModel\" [(ngModel)]=\"customerModel.state\"\n                                        [disabled]=\"disableFields\" (focusout)=\"saveFields(state)\">\n                                        <option disabled [ngValue]=\"null\">Select State (Optional)</option>\n                                        <option *ngFor=\"let stateItem of stateItems\" [ngValue]=\"stateItem.key\">{{stateItem.value}}</option>\n                                    </select>\n                                </div>\n                            </div>\n                        </div>\n                        <!--US335007 As a DASH dev I want UI changes for promotional information displayed when a configured Zip code is entered in Customer Information so that I can offer it to my customer-->\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" trim-input class=\"form-control border-input\" name=\"zipCode\" #zipCode=\"ngModel\"\n                                    id=\"zipCode\" pattern=\"[0-9]*\" [(ngModel)]=\"customerModel.zipCode\" placeholder=\"ZIP Code (Optional)\"\n                                    minlength=\"5\" maxlength=\"5\" [disabled]=\"disableFields\" (ngModelChange)=\"isZipCodePromoEligible()\"\n                                    (focusout)=\"saveFields(zipCode)\">\n                                <div *ngIf=\"(zipCode.touched && zipCode.invalid) || customerForm.valid\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"zipCode.hasError('minlength')\">ZipCode should be 5 digit.</div>\n                                    <div *ngIf=\"zipCode.hasError('pattern')\">ZipCode should be only numbers.</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <!--[end] retail store address fields-->\n                </ng-template>\n                <div class=\"row\">\n                    <div class=\"col-md-6\">\n                        <div *ngIf=\"storeId != rtStoreId;else rtStroePhone1\">\n                            <div class=\"form-group\">\n                                <!-- @suman and mani ==> Toggling the minlength to avoid error if the input is pasted or selected from the lookup -->\n                                <input type=\"text\" class=\"form-control border-input\" name=\"phone1\"\n                                    #phone1=\"ngModel\" id=\"phoneNumber\" [(ngModel)]=\"customerModel.phone1\" value='{{customerModel.phone1}}'\n                                    placeholder=\"Existing Mobile Number or Contact Number\" [minlength]=\"((customerModel.phone1 && customerModel.phone1.length===10 && !sharedService.checkFormat(customerModel.phone1)))?10:12\"\n                                    maxlength=\"12\" required [disabled]=\"disableFields\" (focusout)=\"saveFields(phone1)\"\n                                    trim-input>\n                                <div *ngIf=\"(phone1.touched && phone1.invalid) || (phone1.hasError('required') && customerForm.valid)\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"phone1.hasError('minlength')\">Phone Number should be 10 digit.</div>\n                                    <div *ngIf=\"phone1.hasError('required')\">Phone Number is Required.</div>\n                                </div>\n                            </div>\n                        </div>\n                        <ng-template #rtStroePhone1>\n                            <div class=\"form-group\">\n                                <!-- @suman and mani ==> Toggling the minlength to avoid error if the input is pasted or selected from the lookup -->\n                                <input type=\"text\" trim-input class=\"form-control border-input\" name=\"phone1\"\n                                    #phone1=\"ngModel\" id=\"rtPhoneNumber\" [(ngModel)]=\"customerModel.phone1\" value='{{customerModel.phone1}}' pattern=\"[0-9]*\"\n                                    placeholder=\"Phone Number\" minlength=\"10\"\n                                    maxlength=\"10\" (focusout)=\"saveFields(phone1)\" required>\n                                <div *ngIf=\"(phone1.touched && phone1.invalid) || (phone1.hasError('required') && customerForm.valid)\"\n                                    class=\"text-danger\">\n                                    <div *ngIf=\"phone1.hasError('minlength')\">Phone Number should be 10 digit.</div>\n                                    <div *ngIf=\"phone1.hasError('required')\">Phone Number is Required.</div>\n                                    <div *ngIf=\"phone1.hasError('pattern')\">Phone Number should only numbers.</div>\n                                </div>\n                            </div>\n                        </ng-template>\n                    </div>\n                    <div *ngIf=\"storeId != rtStoreId\">\n                        <div *ngIf=\"creditType === 'CC' && prescreenEnabled\">\n                            <div  class=\"row\" *ngIf=\"(!customer || (customer && (customer.creditProfile && !customer.creditProfile.accountNumber)))\">\n                                <div class=\"col-md-4\">\n                                    <div class=\"form-group\">\n                                        <input type=\"text\" class=\"form-control border-input\" name=\"offercode\" #offercode=\"ngModel\" id=\"offercode\"\n                                               [(ngModel)]=\"customerModel.offercode\" placeholder=\"Offer Code (Optional)\" [disabled]=\"disableFields\"\n                                               pattern=\"[a-zA-Z0-9]*\" minlength=\"16\" maxlength=\"16\" (focusout)=\"saveFields(offercode)\">\n                                        <div *ngIf=\"(offercode.touched && offercode.invalid) || customerForm.valid\"\n                                             class=\"text-danger\">\n                                            <div *ngIf=\"offercode.hasError('pattern')\">Invalid Offer Code. Please try again</div>\n                                            <div *ngIf=\"offercode.hasError('minlength')\">16 Digits are required</div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                    <div *ngIf=\"storeId == rtStoreId\">\n                        <div class=\"row\">\n                        <div class=\"col-md-6\">\n                            <div class=\"form-group\">\n                                <input type=\"email\" class=\"form-control border-input\" name=\"email1\" id=\"email1\" [(ngModel)]=\"customerModel.email1\"\n                                       placeholder=\"Email\" [disabled]=\"disableFields\"\n                                       pattern=\"^([a-zA-Z0-9_\\-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([a-zA-Z0-9\\-\\_]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)$\"\n                                       maxlength=\"60\" required #email1=\"ngModel\" >\n                                <div *ngIf=\"(email1.touched && email1.invalid)  || (email1.hasError('required') && customerForm.valid)\"\n                                     class=\"text-danger\">\n                                    <div *ngIf=\"email1.hasError('pattern')\">Please enter a valid email.</div>\n                                    <div *ngIf=\"email1.hasError('required')\">Email Address is Required.</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n               \n                <!-- cart additional information -->\n                <!-- Users with BD channel access always see dealer code and company/corp fields -->\n                <div *ngIf=\"(storeId && storeId === bdStoreId);else nonBDChannel\" class=\"row\">\n                    <div class=\"col-md-3\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-group form-control border-input toCapitalize\"  name=\"companyName\" id=\"companyName\"\n                                [(ngModel)]=\"customerModel.companyName\" placeholder=\"Company Name\" #companyName=\"ngModel\"\n                                (focusout)=\"updateCart(companyName)\" maxlength=\"40\" trim-input />\n                        </div>\n                    </div>\n                    <div class=\"col-md-3\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-group form-control border-input\" name=\"corpNode\" id=\"corpNode\"\n                                [(ngModel)]=\"customerModel.corpNode\" placeholder=\"Corporate Node\" #corpNode=\"ngModel\"\n                                (focusout)=\"updateCart(corpNode)\" maxlength=\"9\">\n                        </div>\n                    </div>\n                    <div class=\"col-md-3\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control border-input\" name=\"dealerCode\" id=\"dealerCode\"\n                                [(ngModel)]=\"customerModel.dealerCode\" placeholder=\"Dealer Code *\" pattern=\"[a-zA-z0-9]*\"\n                                maxlength=\"8\" minlength=\"8\" #dealerCode=\"ngModel\" [disabled]=\"customerModel.validDealerCode\"\n                                required>\n                            <div *ngIf=\"(dealerCode.touched && dealerCode.pristine) || (dealerCode.hasError('required') && customerForm.valid)\"\n                                class=\"text-danger\">\n                                <div *ngIf=\"dealerCode.hasError('minlength')\">DealerCode number should be 8 digit.</div>\n                                <div *ngIf=\"dealerCode.hasError('pattern')\">DealerCode should be characters and numbers.</div>\n                                <div *ngIf=\"dealerCode.hasError('required')\">Dealer Code is Required.</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-md-3\">\n                        <button type=\"submit\" class=\"btn btn-info btn-wd btn-secondary\" (click)=\"validateDealerCode(dealerCode)\"\n                            [disabled]=\"customerModel.validDealerCode || dealerCode.hasError('required')\">Validate\n                            Dealer</button>\n                    </div>\n                </div>\n                  <!--Smart credit - msisdn and pin -->\n                <!-- <div *ngIf=\"!creditType || creditType =='CC'\"> -->\n                    <div *ngIf=\"storeId == cdStoreId || storeId == csStoreId\">\n                        <div *ngIf=\"!customer || (customer && (customer.creditProfile && !customer.creditProfile.accountNumber))\">\n                    <div  class=\"row\">\n                    <div class=\"col-md-4\">\n                    <div class=\"form-group\">\n                        <input type=\"text\" trim-input class=\"form-control border-input\" name=\"nonTMOMobileNumber\" #nonTMOMobileNumber=\"ngModel\" id=\"nonTMOMobileNumber\"\n                            [(ngModel)]=\"customerModel.nonTMOMobileNumber\" value='{{customerModel.nonTMOMobileNumber}}' placeholder=\"Existing Prepaid Number (Optional)\"\n                            [minlength]=\"((customerModel.nonTMOMobileNumber && customerModel.nonTMOMobileNumber.length===10 && !sharedService.checkFormat(customerModel.nonTMOMobileNumber)))?10:12\"\n                            maxlength=\"12\"  (focusout)=\"saveFields(nonTMOMobileNumber)\" [disabled]=\"customerModel.isValidated  || customerModel.isorderlookup\">\n                            <!-- <div> {{isValidated && isEligible}} </div> -->\n                    <div *ngIf=\"(nonTMOMobileNumber.touched && nonTMOMobileNumber.invalid) || (nonTMOMobileNumber.hasError('required') && customerForm.valid)\"\n                             class=\"text-danger\">\n                        <div *ngIf=\"nonTMOMobileNumber.hasError('minlength')\">Phone Number should be 10 digits.</div>\n                        <div *ngIf=\"nonTMOMobileNumber.hasError('required')\">Phone Number is Required .</div>\n                        <div *ngIf=\"nonTMOMobileNumber.hasError('pattern')\">Please enter valid Phone Number</div>\n                    </div>\n                    </div>\n                    </div>\n                    <div>\n                        <div class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" trim-input class=\"form-control border-input\" name=\"nonTMOMobilePin\" #nonTMOMobilePin=\"ngModel\"\n                                    id=\"nonTMOMobilePin\" pattern=\"[0-9]*\" [(ngModel)]=\"customerModel.nonTMOMobilePin\" placeholder=\"Prepaid PIN\"\n                                    minlength=\"4\" maxlength=\"16\" (focusout)=\"saveFields(nonTMOMobilePin)\"  autocomplete=\"off\" [disabled]=\"customerModel.isValidated || customerModel.isorderlookup\">\n                        <div *ngIf=\"(nonTMOMobilePin.touched && nonTMOMobilePin.invalid) || (nonTMOMobilePin.hasError('required') && customerForm.valid)\"\n                            class=\"text-danger\">\n                        <div *ngIf=\"nonTMOMobilePin.hasError('minlength')\">Prepaid PIN should be 4-16 digits.</div>\n                        <div *ngIf=\"nonTMOMobilePin.hasError('pattern')\">Please enter valid PIN</div>\n                        </div>\n                    </div>\n                </div>\n                    <div class=\"col-md-4\">\n                     <button type=\"submit\" [disabled]=\"!(customerModel.nonTMOMobileNumber && customerModel.nonTMOMobilePin) || nonTMOMobileNumber.hasError('pattern') ||\n                     nonTMOMobilePin.hasError('pattern') || nonTMOMobilePin.hasError('minlength')||nonTMOMobileNumber.hasError('minlength') || customerModel.isValidated || customerModel.isorderlookup\" \n                     class=\"btn btn-info btn-wd btn-secondary\" (click)=\"validateEligibility(nonTMOMobileNumber,nonTMOMobilePin)\">Verify Eligibility</button>\n                    </div>\n                    </div>\n                </div>\n                <div class=\"alert alert-danger\" *ngIf=\"eligibilityErrorMsg && !customerModel.isValidated && (customerModel.nonTMOMobileNumber && customerModel.nonTMOMobilePin)\">\n                    <button type=\"button\" (click)=\"eligibilityErrorMsg=''\" aria-hidden=\"true\" class=\"close\">×</button>\n                    <span style=\"color:red\"><!--<b>Alert - </b>--><b><i class=\"ti-alert\"></i></b> {{eligibilityErrorMsg}}</span>\n                </div>\n                <div *ngIf=\"customerModel.isValidated && (customerModel.nonTMOMobileNumber && customerModel.nonTMOMobilePin)\">\n                        <span class=\"fa-green\"> <span class=\"fa fa-check\"></span>{{customerModel.eligibilityMsg}}</span>\n                </div>\n                 </div>\n                </div>\n                <div *ngIf=\"storeId != rtStoreId\">\n                        <div class=\"row\" *ngIf=\"!customer || (customer && customer.errorCode == '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID'&& prescreenEnabled)\">\n                            <div class=\"col-md-3\" *ngIf=\"creditType =='CC' && prescreenEnabled\">\n                            <div class=\"form-group\">  \n                            <input type=\"text\" class=\"form-control border-input\" name=\"last4ssn\" id=\"last4ssn\" [(ngModel)]=\"customerModel.last4ssn\"\n                            placeholder=\"SSN (Last 4)\" minlength=\"4\" maxlength=\"4\" pattern=\"[0-9]*\" #last4ssn=\"ngModel\" [disabled]=\"customerModel.disable4ssn || disableFields\" required>\n                            <div *ngIf=\"(last4ssn.touched && last4ssn.invalid)  || (last4ssn.hasError('required') && customerModel.valid)\"\n                            class=\"text-danger\">\n                                <div *ngIf=\"last4ssn.hasError('minlength')\">Field requires 4 digits</div>\n                                <div *ngIf=\"last4ssn.hasError('pattern')\">SSN Number should be only numbers.</div>\n                                <div *ngIf=\"last4ssn.hasError('required')\">SSN Number is required.</div>\n                            </div>\n                        </div>\n                    </div>  \n                    <div *ngIf=\"!(!creditType || creditType == 'CC')\"> \n                            <div *ngIf=\"!customer || (customer && customer.errorCode == '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID' && prescreenEnabled)\">\n                                    <div class=\"col-md-3\">\n                                        <div class=\"form-group\">\n                                            <input trim-input type=\"password\" class=\"form-control border-input\" name=\"pin\" id=\"pin\" [(ngModel)]=\"customerModel.pin\"\n                                                (ngModelChange)=\"customerModel.confirmPin=''\" pattern=\"[0-9]*\" minlength=\"6\" maxlength=\"15\"\n                                                placeholder=\"PIN/Passcode\" pattern=\"[0-9]*\" required #pin=\"ngModel\" (focusout)=\"validatePasscode(pin, confirmPin)\"\n                                                [disabled]=\"disablePIN\">\n                                            <div [hidden]=\"(pin.valid || pin.pristine)\" class=\" text-danger\">\n                                                <div [hidden]=\"!pin.hasError('minlength')\">PIN / Passcode should be at least 6 digits.</div>\n                                                <div [hidden]=\"!pin.hasError('pattern')\">Password should be only numbers.</div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"col-md-3\">\n                                        <div class=\"form-group\">\n                                            <input [type]=\"type\" trim-input class=\"form-control border-input confirm-pin\" name=\"confirmPin\" id=\"confirmPin\"\n                                                [(ngModel)]=\"customerModel.confirmPin\" pattern=\"[0-9]*\" minlength=\"6\" maxlength=\"15\" placeholder=\"Confirm PIN/Passcode\"\n                                                required #confirmPin=\"ngModel\" validateEqual=\"pin\" (focusout)=\"validatePasscode(pin, confirmPin)\"\n                                                [disabled]=\"disablePIN\">\n                                            <span class=\"input-group-addon\"><i (click)=\"type=(type==='password')?'text':'password'\" class=\"ti-eye reveal\"\n                                                    style=\"cursor: pointer\" [style.color]=\"type==='text'?'#e20074':''\"></i></span>\n                                            <div [hidden]=\"(confirmPin.pristine || confirmPin.valid)\" class=\" text-danger\">\n                                                <div [hidden]=\"!confirmPin.hasError('minlength')\">Confirm PIN / Passcode should be at least 6\n                                                    digits.</div>\n                                                <div [hidden]=\"!confirmPin.hasError('pattern')\">Confirm PIN / Passcode should be only numbers.</div>\n                                            </div>\n                                            <div [hidden]=\"(confirmPin.valid || confirmPin.pristine)\" class=\"text-danger\">\n                                                <div *ngIf=\"customerModel.pin && customerModel.confirmPin && customerModel.pin != customerModel.confirmPin\">PIN\n                                                    / Passcodes do not match.</div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            \n                            </div>\n\n                    <div [ngClass]=\"(!creditType || creditType == 'CC')?'col-md-4':'col-md-6'\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" trim-input class=\"form-control border-input\" name=\"dateOfBirth\"\n                                   id=\"dateOfBirth\" [(ngModel)]=\"customerModel.dateOfBirth\" placeholder=\"Date of Birth (MM/DD/YYYY)\"\n                                   required #dateOfBirth=\"ngModel\" maxlength=\"10\" [minlength]=\"((customerModel.dateOfBirth && customerModel.dateOfBirth.length == 8 && !sharedService.checkFormat(customerModel.dateOfBirth)))?8:10\"\n                                   value='{{customerModel.dateOfBirth}}' autocomplete=\"off\" (input)=\"checkAgeLimit()\" [disabled]=\"disableFields\">\n                            <div class=\"text-danger\" *ngIf=\"dob\">Month cannot be greater than 12</div>\n                            <div class=\"text-danger\" *ngIf=\"isDateValid\">Pease enter a valid date</div>\n                            <div class=\"text-danger\" *ngIf=\"dateOfBirth.touched && (sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,0,2) > 12 || sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,0,2) == 0) && customerModel.dateOfBirth.length == 10\">Invalid\n                                Month in Date of Birth </div>\n                            <div class=\"text-danger\" *ngIf=\"dateOfBirth.touched && (sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,3,5) > 31 || sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,3,5) == 0 ) && customerModel.dateOfBirth.length == 10\">Invalid\n                                Date in Date of Birth</div>\n                            <div class=\"text-danger\" *ngIf=\"dateOfBirth.touched && sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,6,10) < eligibleAge && customerModel.dateOfBirth.length == 10\">Invalid\n                                Year in Date of Birth </div>\n                            <!-- Checking the invalid DOB for Copy Paste  -->\n                            <div class=\"text-danger\" *ngIf=\"dateOfBirth.touched && sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,0,2) > 12 && customerModel.dateOfBirth.length == 8\">Invalid\n                                Month in Date of Birth</div>\n                            <div class=\"text-danger\" *ngIf=\"dateOfBirth.touched && sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,2,4) > 31 && customerModel.dateOfBirth.length == 8\">Invalid\n                                Date in Date of Birth</div>\n                            <div class=\"text-danger\" *ngIf=\"dateOfBirth.touched && sharedService.fieldsOfDateOfBirth(customerModel.dateOfBirth,4,8) < 1960 && customerModel.dateOfBirth.length == 8\">Invalid\n                                Year in Date of Birth</div>\n                            <div class=\"text-danger\" *ngIf=\"sharedService.validate('mmddyyyy',customerModel.dateOfBirth) < 18\">Age\n                                must be greater than 18</div>\n                            <!-- <div class=\"text-danger\" *ngIf=\"sharedService.validate('mmddyyyy',customerModel.dateOfBirth) >= 21\">Age\n                            must be greater than 18 and less than 21</div> -->\n                            <div *ngIf=\"(dateOfBirth.touched && dateOfBirth.invalid) || (dateOfBirth.hasError('required') && customerModel.valid)\"\n                                    class=\"text-danger\">\n                            <!-- @Suman-fix for defect-id:476300 added min-length property for both date of birth and id-expiration-->\n                                <div *ngIf=\"dateOfBirth.hasError('minlength')\">Please enter complete date of birth.</div>\n                                <div *ngIf=\"!customerModel.dateOfBirth\">Please enter a valid Date of Birth.</div>\n                                <div *ngIf=\"dateOfBirth.hasError('pattern')\">Date of Birth Should be only MM/DD/YYYY.</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" *ngIf=\"(!creditType || creditType == 'CC')\">\n                        <div *ngIf=\"!customer || (customer && customer.errorCode == '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID')\">\n                                <div class=\"col-md-3\">\n                        <div class=\"form-group\">\n                            <input trim-input type=\"password\" class=\"form-control border-input\" name=\"pin\" id=\"pin\" [(ngModel)]=\"customerModel.pin\"\n                                (ngModelChange)=\"customerModel.confirmPin=''\" pattern=\"[0-9]*\" minlength=\"6\" maxlength=\"15\"\n                                placeholder=\"PIN/Passcode\" pattern=\"[0-9]*\" required #pin=\"ngModel\" (focusout)=\"validatePasscode(pin, confirmPin)\"\n                                [disabled]=\"disablePIN\">\n                            <div [hidden]=\"pin.valid || pin.pristine\" class=\" text-danger\">\n                                <div [hidden]=\"!pin.hasError('minlength')\">PIN / Passcode should be at least 6 digits.</div>\n                                <div [hidden]=\"!pin.hasError('pattern')\">Password should be only numbers.</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-md-3\">\n                        <div class=\"form-group\">\n                            <input [type]=\"type\" trim-input class=\"form-control border-input confirm-pin\" name=\"confirmPin\" id=\"confirmPin\"\n                                [(ngModel)]=\"customerModel.confirmPin\" pattern=\"[0-9]*\" minlength=\"6\" maxlength=\"15\" placeholder=\"Confirm PIN/Passcode\"\n                                required #confirmPin=\"ngModel\" validateEqual=\"pin\" (focusout)=\"validatePasscode(pin, confirmPin)\"\n                                [disabled]=\"disablePIN\">\n                            <span class=\"input-group-addon\"><i (click)=\"type=(type==='password')?'text':'password'\" class=\"ti-eye reveal\"\n                                    style=\"cursor: pointer\" [style.color]=\"type==='text'?'#e20074':''\"></i></span>\n                            <div [hidden]=\"confirmPin.pristine || confirmPin.valid\" class=\" text-danger\">\n                                <div [hidden]=\"!confirmPin.hasError('minlength')\">Confirm PIN / Passcode should be at least 6\n                                    digits.</div>\n                                <div [hidden]=\"!confirmPin.hasError('pattern')\">Confirm PIN / Passcode should be only numbers.</div>\n                            </div>\n                            <div [hidden]=\"confirmPin.valid || confirmPin.pristine\" class=\"text-danger\">\n                                <div *ngIf=\"customerModel.pin && customerModel.confirmPin && customerModel.pin != customerModel.confirmPin\">PIN\n                                    / Passcodes do not match.</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n                <ng-template #nonBDChannel>\n                    <div *ngIf=\"storeId != rtStoreId\" class=\"row\">\n                        <!-- Info:Show WebOrderId for WTSnonBDChannel users OR NextGenAgents with TM_LEAD role-->\n                        <div *ngIf=\"user && user.permissions && (user.permissions.isWTS || user.permissions.canSubmitWebOrder)\" class=\"col-md-4\">\n                            <div class=\"form-group\">\n                                <input type=\"text\" class=\"form-control border-input\" name=\"webOrderId\" id=\"webOrderId\"\n                                    [(ngModel)]=\"customerModel.webOrderId\" pattern=\"[0-9]*\" placeholder=\"Web Order ID\"\n                                    minlength=\"10\" maxlength=\"10\" #webOrderId=\"ngModel\" (focusout)=\"updateCart(webOrderId)\">\n                                <div *ngIf=\"webOrderId.touched && webOrderId.pristine\" class=\"text-danger\">\n                                    <div *ngIf=\"webOrderId.hasError('minlength')\">WebOrderId should be 10 digit.</div>\n                                    <div *ngIf=\"webOrderId.hasError('pattern')\">WebOrderId should only numbers.</div>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- Info:Show dealerCode field for WTS users and Supervisors-->\n                        <div *ngIf=\"user && user.permissions && (user.permissions.isSupervisor || user.permissions.isWTS)\">\n                            <div class=\"col-md-4\">\n                                <div class=\"form-group\">\n                                    <input type=\"text\" class=\"form-control border-input\" name=\"dealerCode\" id=\"dealerCode\"\n                                        [(ngModel)]=\"customerModel.dealerCode\" placeholder=\"Dealer Code\" pattern=\"[a-zA-z0-9]*\"\n                                        maxlength=\"8\" minlength=\"8\" #dealerCode=\"ngModel\" [disabled]=\"customerModel.validDealerCode\"\n                                        required>\n                                    <div *ngIf=\"(dealerCode.touched && dealerCode.pristine) || (dealerCode.hasError('required') && customerForm.valid)\"\n                                        class=\"text-danger\">\n                                        <div *ngIf=\"dealerCode.hasError('minlength')\">DealerCode number should be 8 digit.</div>\n                                        <div *ngIf=\"dealerCode.hasError('pattern')\">DealerCode should be characters and numbers.</div>\n                                        <div *ngIf=\"dealerCode.hasError('required')\">Dealer Code is Required.</div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-md-4\">\n                                <button type=\"submit\" class=\"btn btn-info btn-wd btn-secondary\" (click)=\"validateDealerCode(dealerCode)\"\n                                    [disabled]=\"customerModel.validDealerCode || dealerCode.hasError('required')\">Validate\n                                    Dealer</button>\n                            </div>\n                        </div>\n                    </div>\n                </ng-template>\n                <!--[end] -credit type for new customer -->\n                <div class=\"clearfix\"></div>\n                </div>\n            </form>\n            <!--[end]- form elements-->\n            <!--[start] - customer details -->\n            <div  *ngIf=\"storeId != rtStoreId;else retailStore\">\n                <div *ngIf=\"customer;else emptyCustomer\">\n                    <div *ngIf=\"customer && customer.creditProfile && !customer.creditProfile.accountNumber && customer.errorCode !== '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID' && prescreenEnabled\">\n                        <div class=\"row content\" id=\"billing-inform\">\n                            <div class=\"col-md-6\">\n                                <div class=\"row\">\n                                    <div class=\"col-md-6 billing-inform-left\">\n                                        <p>\n                                            <strong>Name</strong>\n                                            <br>\n                                            {{customerModel.firstName}}&nbsp;{{customerModel.middleName}}&nbsp;{{customerModel.lastName}}\n                                        </p>\n                                        <p>\n                                            <strong>Address</strong>\n                                            <br/>\n                                            {{customerModel.address1}} &nbsp;{{customerModel.address2}}\n                                            <br/>\n                                            {{customerModel.city}},&nbsp;{{customerModel.state}}&nbsp;{{customerModel.zipCode}}\n                                        </p>\n                                        <p>\n                                            <strong>Existing Mobile Number or Contact Number</strong>\n                                            <br>\n                                            {{customerModel.phone1}}\n                                        </p>\n                                        <p>\n                                            <strong>Date of Birth</strong>\n                                            <br>\n                                            {{customerModel.dateOfBirth}}\n                                        </p>\n                                    </div>\n                                    <div class=\"col-md-6 billing-inform-right\">\n                                        <p>\n                                            <strong>SSN</strong>\n                                            <br>\n                                            *****{{customerModel.creditProfile.last4ssn}}\n                                        </p>\n                                        <ng-container *ngIf=\"customer && customer.creditProfile && customer.creditProfile.ssn && customer.errorCode !== '_ERR_PRESCREEN_FAILED_NO_MATCHING_DATA'\">\n                                            <p>\n                                                <strong>ID</strong>\n                                                <br>\n                                                {{customer.creditProfile.idIssuedState}} {{customer.creditProfile.idType}}\n                                                <br>\n                                                {{customer.creditProfile.idNumber}}\n                                                <br>\n                                                Expires {{customer.creditProfile.idExpirationMonth}}/{{customer.creditProfile.idExpirationYear}}\n                                            </p>\n                                            <p>\n                                                <strong>Email</strong>\n                                                <br>\n                                                {{customer.email1}}\n                                            </p>\n                                        </ng-container>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <!--[end]- billing info summary-->\n                    </div>\n                    <!-- <div *ngIf=\"(customer && customer.errorCode !== '_ERR_PRESCREEN_FAILED_NO_MATCHING_DATA' && customer.errorCode !== '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID') || !prescreenEnabled; else PreScreenFail\"> -->\n                    <div *ngIf=\"(customer && !customer.errorCode) || !prescreenEnabled; else PreScreenFail\">\n                        <customer-detail-cmp [customer]=\"customer\"> </customer-detail-cmp>\n                    </div>\n                    <ng-template #PreScreenFail>\n                        <div class=\"content\">\n                            <div class=\"row dealer_failure\" *ngIf=\"customer && customer.errorCode == '_ERR_PRESCREEN_FAILED_DEALER_CODE_INVALID'\">\n                                <i class=\"fa fa-flag fa-custom\" ></i>{{customer.errorMessage}}\n                            </div>\n                            <div class=\"row\" *ngIf=\"customer && customer.errorCode == '_ERR_PRESCREEN_FAILED_NO_MATCHING_DATA'\">\n                                <i class=\"fa fa-flag fa-custom\" ></i>{{customer.errorMessage}}\n                            </div>\n                            <br>\n                            <div class=\"row\">\n                                <credit-check-cmp [creditType]=\"creditType\" [customerModel]=\"customerModel\" [customerForm]=\"customerForm\"\n                                                  (onCartUpdate)=\"onCartUpdate($event)\"   (onResetForm)=\"onResetForm($event)\"></credit-check-cmp>\n                            </div>\n                        </div>\n                    </ng-template>\n                </div>\n                <ng-template #emptyCustomer>\n                    <ng-container *ngIf=\"showCreditDetail && creditType\">\n                        <credit-check-cmp [creditType]=\"creditType\" [customerModel]=\"customerModel\" [customerForm]=\"customerForm\"\n                            (onCartUpdate)=\"onCartUpdate($event)\"   (onResetForm)=\"onResetForm($event)\"></credit-check-cmp>\n                    </ng-container>\n                </ng-template>\n            </div>\n            <ng-template #retailStore>\n                <div *ngIf=\"customer;else emptyCustomer\">\n                    <customer-detail-cmp [customer]=\"customer\"> </customer-detail-cmp>\n                </div>\n                <ng-template #emptyCustomer>\n                    <dummy-check-cmp [creditType]=\"creditType\" [customerModel]=\"customerModel\" [customerForm]=\"customerForm\"\n                        (onCartUpdate)=\"onCartUpdate($event)\"></dummy-check-cmp>\n                </ng-template>\n            </ng-template>\n            <!--[end] - customer deatils -->\n        </div>\n        <!--[end] - content div tag -->\n    </div>\n    <!--[end] - card div tag -->\n</div>\n<manual-review-cmp #manualReviewModel [cart]=\"cart\" [source]=\"'customer-detail'\" (canRefreshCart)=\"$event?ngOnInit():''\"></manual-review-cmp>\n<div *ngIf=\"hasItemsInCart\">{{conflictModel.show()}}</div>\n<!--[start] - conflict popup for add a line -->\n<popup-cmp #conflictModel>\n    <div class=\"app-modal-header\">\n        <button type=\"button\" class=\"close\" (click)=\"conflictModel.hide();\">&times;</button>\n        <h3>Conflicts</h3>\n    </div>\n    <div class=\"app-modal-body\">\n        <p>Cart may get updated based on your credit check. Do you want to proceed?</p>\n    </div>\n    <div class=\"app-modal-footer center-btns row\">\n        <div class=\"col-sm-12\">\n            <button type=\"button\" class=\"btn btn-info btn-fill btn-wd\" (click)=\"acceptCreditSwitch('Continue')\">Continue</button>\n            <button type=\"button\" class=\"btn btn-fill btn-secondary\" (click)=\"acceptCreditSwitch('Cancel')\">Cancel</button>\n        </div>\n    </div>\n</popup-cmp>\n<!--[end] - conflict popup for add a line -->\n    <div [hidden]=\"!showSpinner\" id=\"spinner\" class=\"loading\">Please be patient while we load the page...</div>\n</div>","styles":[":host{padding:0}.credit-type-label{border:1px solid #e20074}.header{width:100%}.header h4.title{display:inline}.header .title span.text-right{float:right}.fa-red{color:red;font-size:13px;vertical-align:middle;margin-top:-2px}.fa-green{color:green;font-size:13px;vertical-align:middle;margin-top:-2px}#employee_order{padding-top:22px}#billing-inform .col-md-6{padding-top:15px}.or-text{position:absolute;margin-left:-12px;margin-top:11px;border-radius:50%;background-color:#fff;z-index:7;font-size:12px;padding:4px 7px;text-align:center}#credit_check .credit-type-label{width:50%!important;border:1px solid #e20074;background:#f0f0f0;color:#888}#credit_check .credit-type-label.active{border:1px solid #e20074;background:#e20074;color:#fff}.employee-order-n{padding-right:0;padding-left:23px}.card .radio label{padding-left:24px}.fa-custom{color:red}.dealer_failure{text-align:center!important;padding-bottom:10px!important}.loading{position:fixed;z-index:999;top:50%;left:50%}.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:1.5s linear infinite spinner;animation:1.5s linear infinite spinner;border-radius:.5em;box-shadow:rgba(226,0,116,.75) 1.5em 0 0 0,rgba(226,0,116,.75) 1.1em 1.1em 0 0,rgba(226,0,116,.75) 0 1.5em 0 0,rgba(226,0,116,.75) -1.1em 1.1em 0 0,rgba(226,0,116,.75) -1.5em 0 0 0,rgba(226,0,116,.75) -1.1em -1.1em 0 0,rgba(226,0,116,.75) 0 -1.5em 0 0,rgba(226,0,116,.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"]}]}],"members":{"conflictModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":5},"arguments":["conflictModel"]}]}],"manualReviewModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":5},"arguments":["manualReviewModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":83,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"employeeClick":[{"__symbolic":"method"}],"checkAgeLimit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initializeCustomer":[{"__symbolic":"method"}],"updateCustomerModel":[{"__symbolic":"method"}],"switchCreditType":[{"__symbolic":"method"}],"revertBackCreditType":[{"__symbolic":"method"}],"assosiateCustomerToCart":[{"__symbolic":"method"}],"updateCreditType":[{"__symbolic":"method"}],"removeConflicts":[{"__symbolic":"method"}],"validateDealerCode":[{"__symbolic":"method"}],"saveCustomerProfile":[{"__symbolic":"method"}],"updateCart":[{"__symbolic":"method"}],"saveFields":[{"__symbolic":"method"}],"acceptCreditSwitch":[{"__symbolic":"method"}],"keypresshandler":[{"__symbolic":"method"}],"validatePOAdress":[{"__symbolic":"method"}],"isZipCodePromoEligible":[{"__symbolic":"method"}],"validateEligibility":[{"__symbolic":"method"}],"onResetForm":[{"__symbolic":"method"}],"validatePasscode":[{"__symbolic":"method"}]}},"ConsumercreditModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ConsumercreditComponent"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":17,"character":17},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":31},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":43},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵv"}],"exports":[{"__symbolic":"reference","name":"ConsumercreditComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":26,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":55,"character":23},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":56,"character":21},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}]}],"showSpinner":[{"__symbolic":"method"}],"showSidebar":[{"__symbolic":"method"}],"showMinicart":[{"__symbolic":"method"}],"updateStoreId":[{"__symbolic":"method"}],"updateCreditChoice":[{"__symbolic":"method"}],"updateErrorMessage":[{"__symbolic":"method"}],"showErrorMessage":[{"__symbolic":"method"}],"showClearAll":[{"__symbolic":"method"}],"showCoverage":[{"__symbolic":"method"}],"setTradeInValidate":[{"__symbolic":"method"}],"getTradeInValidate":[{"__symbolic":"method"}],"updateTradeInList":[{"__symbolic":"method"}],"getAllPromoAndQuoteLists":[{"__symbolic":"method"}],"getDormantProperties":[{"__symbolic":"method"}],"setDormantProperties":[{"__symbolic":"method"}],"setAppDefault":[{"__symbolic":"method"}],"clearSessionStorage":[{"__symbolic":"method"}],"clearLocalStorage":[{"__symbolic":"method"}],"initializeCatalog":[{"__symbolic":"method"}],"addOrderNotes":[{"__symbolic":"method"}],"addLogging":[{"__symbolic":"method"}],"getErrorKey":[{"__symbolic":"method"}],"getErrorMessage":[{"__symbolic":"method"}],"clearAllSelected":[{"__symbolic":"method"}],"keypresshandler":[{"__symbolic":"method"}],"pasteHandler":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"monthOfExpiration":[{"__symbolic":"method"}],"checkFormat":[{"__symbolic":"method"}],"fieldsOfDateOfBirth":[{"__symbolic":"method"}],"showErrorDownPaymentAdjusted":[{"__symbolic":"method"}],"generateMemo":[{"__symbolic":"method"}],"callGenerateMemo":[{"__symbolic":"method"}],"orderAddNote":[{"__symbolic":"method"}],"isSurveyEnabledForCurrentChannel":[{"__symbolic":"method"}],"showSurveyModal":[{"__symbolic":"method"}],"initializeDevices":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":30,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getUser":[{"__symbolic":"method"}],"setUser":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":49,"character":30}]}],"login":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"getProfile":[{"__symbolic":"method"}],"updateProfile":[{"__symbolic":"method"}],"getNotifications":[{"__symbolic":"method"}],"updateNotifications":[{"__symbolic":"method"}],"validateDealerCode":[{"__symbolic":"method"}],"getDormantProperties":[{"__symbolic":"method"}],"getRetailStoreDetail":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵc":{"__symbolic":"class","members":{"httpOptions":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":31,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"hasUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":45,"character":30}]}],"getCart":[{"__symbolic":"method"}],"setCart":[{"__symbolic":"method"}],"getReturnCart":[{"__symbolic":"method"}],"setReturnCart":[{"__symbolic":"method"}],"createCartDetails":[{"__symbolic":"method"}],"updateCartDetails":[{"__symbolic":"method"}],"createPackageDetails":[{"__symbolic":"method"}],"deletePackageDetails":[{"__symbolic":"method"}],"copyPackage":[{"__symbolic":"method"}],"createRateplan":[{"__symbolic":"method"}],"updateRateplan":[{"__symbolic":"method"}],"resolveConflicts":[{"__symbolic":"method"}],"calculate":[{"__symbolic":"method"}],"getCartDeatils":[{"__symbolic":"method"}],"getCartSummary":[{"__symbolic":"method"}],"getCartSummaryInclCancelled":[{"__symbolic":"method"}],"getReturnCartSummary":[{"__symbolic":"method"}],"getExchangeCartSummary":[{"__symbolic":"method"}],"getCartFinance":[{"__symbolic":"method"}],"getCartShipping":[{"__symbolic":"method"}],"getCartPayment":[{"__symbolic":"method"}],"getAssociatedOrders":[{"__symbolic":"method"}],"getReturnableItems":[{"__symbolic":"method"}],"getCartPromo":[{"__symbolic":"method"}],"createReturnItems":[{"__symbolic":"method"}],"createExchangeItems":[{"__symbolic":"method"}],"saveDigitsMapping":[{"__symbolic":"method"}],"returnExchangeItems":[{"__symbolic":"method"}],"issueCredit":[{"__symbolic":"method"}],"issueCreditItems":[{"__symbolic":"method"}],"convertFullPrice":[{"__symbolic":"method"}],"lookupNpaList":[{"__symbolic":"method"}],"clearProducts":[{"__symbolic":"method"}],"getTrakingInfo":[{"__symbolic":"method"}],"createResendShippingLabel":[{"__symbolic":"method"}],"getSapOrderList":[{"__symbolic":"method"}],"getSapItemDetails":[{"__symbolic":"method"}],"dmSync":[{"__symbolic":"method"}],"getSAPBlindCart":[{"__symbolic":"method"}],"setSAPBlindCart":[{"__symbolic":"method"}],"setRefundableItems":[{"__symbolic":"method"}],"getRefundableItems":[{"__symbolic":"method"}],"deviceFeatureConflicts":[{"__symbolic":"method"}],"calculateTax":[{"__symbolic":"method"}],"publishcart":[{"__symbolic":"method"}],"sendSurvery":[{"__symbolic":"method"}],"getSurveyStatus":[{"__symbolic":"method"}],"isActivePackage":[{"__symbolic":"method"}],"createNewOrder":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":31,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":46,"character":30},{"__symbolic":"reference","name":"ɵd"}]}],"setIsEmployeeData":[{"__symbolic":"method"}],"setIsUnderAgeData":[{"__symbolic":"method"}],"getCustomerModel":[{"__symbolic":"method"}],"setCustomerModel":[{"__symbolic":"method"}],"getCustomer":[{"__symbolic":"method"}],"setCustomer":[{"__symbolic":"method"}],"getCreditDetails":[{"__symbolic":"method"}],"setCreditDetails":[{"__symbolic":"method"}],"getCustomerProfile":[{"__symbolic":"method"}],"createCustomer":[{"__symbolic":"method"}],"validateAddress":[{"__symbolic":"method"}],"getSocConflicts":[{"__symbolic":"method"}],"creditCheck":[{"__symbolic":"method"}],"refreshCreditClass":[{"__symbolic":"method"}],"switchCreditType":[{"__symbolic":"method"}],"getCreditLine":[{"__symbolic":"method"}],"getOrderList":[{"__symbolic":"method"}],"getSubscriberList":[{"__symbolic":"method"}],"getPreferredPrice":[{"__symbolic":"method"}],"resendSAEmail":[{"__symbolic":"method"}],"validatePINFormat":[{"__symbolic":"method"}],"profileByBAN":[{"__symbolic":"method"}],"profileByMSISDN":[{"__symbolic":"method"}],"profileByToken":[{"__symbolic":"method"}],"otpGenerate":[{"__symbolic":"method"}],"otpValidate":[{"__symbolic":"method"}],"paymentArrangement":[{"__symbolic":"method"}],"searchMemo":[{"__symbolic":"method"}],"generateMemo":[{"__symbolic":"method"}],"getHeaders":[{"__symbolic":"method"}],"zipCodePromotion":[{"__symbolic":"method"}],"createTentativeBan":[{"__symbolic":"method"}],"getCreditOptionDetails":[{"__symbolic":"method"}],"verifyEligibility":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":29,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":42,"character":30}]}],"setOrderNotesIndicatorData":[{"__symbolic":"method"}],"getOrderSearchModel":[{"__symbolic":"method"}],"setOrderSearchModel":[{"__symbolic":"method"}],"getOrderList":[{"__symbolic":"method"}],"setOrderList":[{"__symbolic":"method"}],"getOrder":[{"__symbolic":"method"}],"setOrder":[{"__symbolic":"method"}],"lookupCustomer":[{"__symbolic":"method"}],"lookupOrder":[{"__symbolic":"method"}],"getOrderNotes":[{"__symbolic":"method"}],"searchMemoNotes":[{"__symbolic":"method"}],"createOrderNotes":[{"__symbolic":"method"}],"cancelOrder":[{"__symbolic":"method"}],"releaseOrder":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":25,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":33,"character":30}]}],"addLogging":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"credit-check-cmp","template":"<form name=\"creditCheckModel\" #creditCheckForm=\"ngForm\" novalidate>\n    <div *ngIf=\" !prescreenEnabled  || isUnderAge || isEmployee || isPreScreenFailure || creditType == 'NC'\">\n        <div class=\"row \" *ngIf=\"isUnderAge && !isEmployee && !isPreScreenFailure && creditType == 'CC' && prescreenEnabled \">\n            <div class=\"col-md-12\">\n                <div class=\"under_age_msg\"><i class=\"fa fa-flag fa-custom\" ></i> Customers under 21 require a full credit check. Fill out the fields below to complete.</div>\n            </div>\n        </div>\n        <div class=\"row\" *ngIf=\"isEmployee && !isPreScreenFailure && creditType == 'CC' && prescreenEnabled \">\n            <div class=\"col-md-12\">\n                <div class=\"under_age_msg\"><i class=\"fa fa-flag fa-custom\"></i> Employee Orders require a full credit check. Fill out the fields below to complete.</div>\n            </div>\n        </div>\n        <!-- pin and social section -->\n        <div class=\"row\">\n                <div *ngIf=\"!creditType || creditType =='CC'\" class=\"col-md-3\">\n                        <div class=\"form-group\" >\n                            <div *ngIf=\"!isEmployee ; else elseBlock\">\n                                <div *ngIf=\"prescreenEnabled; else prescreenDisabled\">\n                                    <input type=\"text\" class=\"form-control border-input ssn-format\" name=\"ssn1\" id=\"ssn1\" [(ngModel)]=\"creditCheckModel.ssn1\"\n                                           placeholder=\"SSN (full)\" minlength=\"3\" maxlength=\"3\" #ssn1=\"ngModel\" required trim-input>\n                                    <input type=\"text\" class=\"form-control border-input ssn-mid-format\" name=\"ssn2\" id=\"ssn2\" [(ngModel)]=\"creditCheckModel.ssn2\"\n                                        minlength=\"2\" maxlength=\"2\" #ssn2=\"ngModel\" required trim-input>\n                                    <input type=\"text\" class=\"form-control border-input ssn-format\" name=\"ssn3\" id=\"ssn3\" [(ngModel)]=\"creditCheckModel.ssn3\"\n                                        minlength=\"4\" maxlength=\"4\" #ssn3=\"ngModel\" required [disabled]=\"disableSsn3\" trim-input>\n                                    <div *ngIf=\"(ssn1.touched && ssn1.invalid) || (ssn2.touched && ssn2.invalid) || (ssn3.touched && ssn3.invalid) ||\n                                    ((ssn1.hasError('required') || ssn2.hasError('required') || ssn3.hasError('required')) && creditCheckForm.valid)\"\n                                         class=\"text-danger\">\n                                        <div *ngIf=\"ssn1.hasError('minlength') || ssn2.hasError('minlength') || ssn3.hasError('minlength')\">SSN Number should be 9 digit.</div>\n                                        <div *ngIf=\"ssn1.hasError('required') || ssn2.hasError('required') || ssn3.hasError('required')\">SSN Number is required.</div>\n                                    </div>\n                                </div>\n                                <ng-template #prescreenDisabled>\n                                    <input type=\"text\" class=\"form-control border-input\" name=\"ssn\" id=\"ssn\" [(ngModel)]=\"creditCheckModel.ssn\"\n                                           placeholder=\"SSN (full)\" minlength=\"11\" maxlength=\"11\" #ssn=\"ngModel\" required trim-input>\n                                    <div *ngIf=\"(ssn.touched && ssn.invalid) || (ssn.hasError('required') && creditCheckForm.valid)\"\n                                         class=\"text-danger\">\n                                        <div *ngIf=\"ssn.hasError('minlength')\">SSN Number should be 9 digit.</div>\n                                        <div *ngIf=\"ssn.hasError('required')\">SSN Number is required.</div>\n                                    </div>\n                                </ng-template>\n                            </div>\n                            <ng-template #elseBlock>\n                                        <input type=\"text\" trim-input class=\"form-control border-input\" name=\"employeeId\" id=\"employeeId\"\n                                        [(ngModel)]=\"creditCheckModel.employeeId\" maxlength=\"8\" minlength=\"8\" placeholder=\"Employee ID\"\n                                        required #employeeId=\"ngModel\">\n                                    <div *ngIf=\"(employeeId.touched && employeeId.invalid) || (employeeId.hasError('required') && creditCheckForm.valid)\"\n                                        class=\"text-danger\">\n                                        <div *ngIf=\"employeeId.hasError('minlength')\">Employee ID Number should be 8 digit.</div>\n                                        <div *ngIf=\"employeeId.hasError('pattern')\">Employee ID Number should be only numbers.</div>\n                                        <div *ngIf=\"employeeId.hasError('required')\">Employee ID is required.</div>\n                                    </div>\n                            </ng-template>\n                        </div>\n                    </div>\n                    <div class=\"col-md-6\">\n                        <div class=\"form-group\">\n                            <input type=\"email\" class=\"form-control border-input\" name=\"email1\" id=\"email1\" [(ngModel)]=\"creditCheckModel.email1\"\n                                placeholder=\"Email\"\n                                pattern=\"^([a-zA-Z0-9_\\-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([a-zA-Z0-9\\-\\_]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)$\"\n                                 maxlength=\"60\" required #email1=\"ngModel\" >\n                            <div *ngIf=\"(email1.touched && email1.invalid)  || (email1.hasError('required') && creditCheckForm.valid)\"\n                                 class=\"text-danger\">\n                                <div *ngIf=\"email1.hasError('pattern')\">Please enter a valid email.</div>\n                                <div *ngIf=\"email1.hasError('required')\">Email Address is Required.</div>\n                            </div>\n                        </div>\n                    </div>            \n            <!--[end]- Added for CVF Project -->\n        </div>\n        <!-- id information section -->\n        <div class=\"row\" >\n            <div class=\"col-md-3\">\n                <div class=\"form-group\">\n                    <div class=\"select-wrapper\">\n                        <select class=\"form-control border-input\" name=\"idType\" [(ngModel)]=\"creditCheckModel.idType\"\n                            (ngModelChange)=\"idTypeChanged($event)\" #idType=\"ngModel\" required>\n                            <option value=\"\">Select ID Type</option>\n                            <option *ngFor=\"let idTypeItem of idTypeItems\" [ngValue]=\"idTypeItem.key\">{{idTypeItem.value}}</option>\n                        </select>\n                    </div>\n                    <div *ngIf=\"(idType.touched && (idType.invalid  || creditCheckModel.idType === 'null')) || (idType.hasError('required') && creditCheckForm.valid)\"\n                        class=\"text-danger\">\n                        <div *ngIf=\"idType.hasError('required') || creditCheckModel.idType === 'null'\">ID Type is Required.</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-3\">\n                <div class=\"form-group\">\n                    <div class=\"select-wrapper\">\n                        <select class=\"form-control border-input\" name=\"idState\" [(ngModel)]=\"creditCheckModel.idIssuedState\"\n                            #idState=\"ngModel\" required [disabled]='idType.value===\"ALIE\" || idType.value===\"MILI\"'>\n                            <option value=\"\">Select ID State</option>\n                            <option *ngFor=\"let stateItem of stateItems\" [ngValue]=\"stateItem.key\">{{stateItem.value}}</option>\n                        </select>\n                    </div>\n                    <div *ngIf=\"(idState.touched && (idState.invalid  || creditCheckModel.state === 'null')) || (idState.hasError('required') && creditCheckForm.valid)\"\n                        class=\"text-danger\">\n                        <div *ngIf=\"idState.hasError('required') || creditCheckModel.state === 'null'\">ID State is Required.</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-3\">\n                <div class=\"form-group\">\n                    <!-- <expiration with mm/yyyy digits> -->\n                    <input type=\"text\" trim-input class=\"form-control border-input\" #idExpiration=\"ngModel\" [(ngModel)]=\"creditCheckModel.idExpiration\"\n                        [max]=\"maxdate\" required name=\"idExpiration\" id=\"idExpiration1\" autocomplete=\"off\" placeholder=\"ID Expiration (MM/YYYY)\"\n                        maxlength=\"7\" [minlength]=\"((creditCheckModel.idExpiration && creditCheckModel.idExpiration.length == 6 && !sharedService.checkFormat(creditCheckModel.idExpiration)))?6:7\"\n                        value='{{creditCheckModel.idExpiration}}'>\n    \n                    <div class=\"text-danger\" *ngIf=\"sharedService.validate('mmyyyy',creditCheckModel.idExpiration) > 50 && creditCheckModel.idExpiration.length == 7\">Expiration\n                        cannot be greater than 50 years.</div>\n                    <div class=\"text-danger\" *ngIf=\"sharedService.validate('mmyyyy',creditCheckModel.idExpiration)<0 && creditCheckModel.idExpiration.length == 7\">Id\n                        has already expired</div>\n                    <div class=\"text-danger\" *ngIf=\"idExpiration.touched && (sharedService.monthOfExpiration(creditCheckModel.idExpiration) > 12 || sharedService.monthOfExpiration(creditCheckModel.idExpiration) < 1) && (creditCheckModel.idExpiration.length == 7 || creditCheckModel.idExpiration.length == 6)\">Invalid\n                        Expiration Month</div>\n                    <div *ngIf=\"(idExpiration.touched && idExpiration.invalid)  || (idExpiration.hasError('required') && creditCheckForm.valid)\"\n                        class=\"text-danger\">\n                        <div *ngIf=\"idExpiration.hasError('minlength')\">Please enter complete Expiration date.</div>\n                        <div *ngIf=\"idExpiration.hasError('pattern')\">Expiration Should be only MM/YYYY.</div>\n                        <div *ngIf=\"idExpiration.hasError('required')\">Expiration is required.</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-md-3\">\n                <div class=\"form-group\">\n                    <!-- @mani ==> Setting min and max length to restrict the length of the input-->\n                    <input type=\"text\" class=\"form-control border-input\" name=\"idNumber1\" maxlength=\"20\" id=\"idNumber1\"\n                        [(ngModel)]=\"creditCheckModel.idNumber\" placeholder=\"ID Number\" required #idNumber1=\"ngModel\">\n                    <div *ngIf=\"(idNumber1.touched && idNumber1.invalid)  || (idNumber1.hasError('required') && creditCheckForm.valid)\"\n                        class=\"text-danger\">\n                        <div *ngIf=\"idNumber1.hasError('pattern')\"> ID Number should be only CHnaracters and numbers.</div>\n                        <div *ngIf=\"!creditCheckModel.idNumber\">ID Number is required.</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngIf=\"!creditType || creditType == 'CC'\" class=\"row\" >\n        <div class=\"pull-left form-check radio tm-margin-top-0 radio-language-selector\">\n            <input type=\"radio\" name=\"isEnglish\" id=\"isEnglish1\" [(ngModel)]=\"creditCheckModel.isEnglish\"\n                   [value]=\"true\" [checked]=\"creditCheckModel.isEnglish\"><label>English</label>\n        </div>\n        <div class=\"pull-left form-check radio tm-margin-top-0\">\n            <input type=\"radio\" name=\"isEnglish\" id=\"isEnglish2\" [(ngModel)]=\"creditCheckModel.isEnglish\"\n                   [value]=\"false\" [checked]=\"!creditCheckModel.isEnglish\"><label>Spanish</label>\n        </div>\n    </div>\n\n    <div *ngIf=\"(!creditType || creditType =='CC');else elseNCType\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <b>Please read and check box if customer agrees</b>\n            </div>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <div class=\"form-check checkbox\">\n                    <div id=\"check-box\">\n                        <label class=\"form-check-label\">\n                            <input class=\"form-check-input\" type=\"checkbox\" [value]=\" \" name=\"yesAuthorize\" id=\"yesAuthorize\"\n                                   [(ngModel)]=\"creditCheckModel.yesAuthorize\" [checked]=\"creditCheckModel.yesAuthorize\"\n                                    (change)=\"!creditCheckModel.yesAuthorize = creditCheckModel.yesAuthorize\">\n                            <span></span>\n                        </label>\n                    </div>\n                    <div *ngIf=\"creditCheckModel.isEnglish\">\n                        <div id=\"content\" *ngIf=\"creditCheckModel.errormsg || isEmployee || isUnderAge\">\n                            You authorize T-Mobile to use the information you provide to obtain your credit history from credit\n                            reporting agencies, which may affect your credit rating. In addition, you agree that T-Mobile, its vendors and\n                            other third parties may use this data for fraud prevention and identity verification purposes. Do you agree?\n                        </div>\n                        <div id=\"content\" *ngIf=\"!customer && !creditCheckModel.errormsg && !isEmployee && !isUnderAge\">\n                            You authorize T-Mobile to use the information you provide to locate any pre-selected offers.\n                            In addition,T-Mobile, its vendors and other third parties may use this data for fraud prevention\n                            and identity verification purposes. Do you agree?\n                        </div>\n                    </div>\n                    <div *ngIf=\"!creditCheckModel.isEnglish\">\n                        <div id=\"content\" *ngIf=\"creditCheckModel.errormsg || isEmployee || isUnderAge\">\n                            Usted autoriza a T-Mobile a utilizar la información proporciona para obtener su historial de crédito de\n                            las agencias de informes de crédito, lo que puede afectar su calificación crediticia.\n                            Además, acepta que T-Mobile, sus proveedores y otros terceros pueden usar esta información\n                            para fines de prevención de fraudes y verificación de identidad. ¿Estás de acuerdo?\n                        </div>\n                        <div id=\"content\" *ngIf=\"!customer && !creditCheckModel.errormsg && !isEmployee && !isUnderAge\">\n                            Autoriza a T-Mobile a utilizar la información que proporcionas para localizar cualquier oferta preseleccionada.\n                            Además, T-Mobile, sus proveedores y otros terceros pueden usar estos datos para prevenir el fraude\n                            y propósitos de verificación de identidad. ¿Estás de acuerdo?\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"row button-submit-reset\">\n            <button *ngIf=\"!cart || isPreScreenFailure\" type=\"submit\" class=\"btn btn-fill btn-secondary\" (click)=\"resetCreditCheck(creditCheckForm)\">Reset</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n            <button type=\"submit\" class=\"btn btn-info btn-fill magenta btn-submit-wd\" [disabled]=\"!customerForm.valid || !creditCheckModel.yesAuthorize\"\n                    (click)=\"checkEligibility()\">Submit</button>\n        </div>\n    </div>\n    <ng-template #elseNCType>\n        <div class=\"row button-submit-reset\">\n        <button *ngIf=\"!cart\" type=\"submit\" class=\"btn btn-fill btn-secondary\" (click)=\"resetCreditCheck(creditCheckForm)\">Reset</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n        <button type=\"submit\" class=\"btn btn-info btn-fill magenta btn-submit-wd\" [disabled]=\"!customerForm.valid\"\n            (click)=\"checkEligibility()\">Submit</button>\n        </div>\n    </ng-template>\n    <div class=\"clearfix\"></div>\n</form>\n<!--[start] - conflict popup for new customer -->\n<popup-cmp #conflictModel>\n    <div class=\"app-modal-header\">\n        <button type=\"button\" class=\"close\" (click)=\"conflictModel.hide();\">&times;</button>\n        <h3>Conflicts</h3>\n    </div>\n    <div class=\"app-modal-body\">\n        <p>Cart may get updated based on your credit check. Do you want to proceed?</p>\n    </div>\n    <div class=\"app-modal-footer center-btns row\">\n        <div class=\"col-sm-12\">\n            <button type=\"button\" (click)=\"resolveConflicts()\" class=\"btn btn-info btn-fill btn-wd magenta\">Continue</button>\n            <button type=\"button\" class=\"btn btn-fill btn-secondary\" (click)=\"conflictModel.hide()\">Cancel</button>\n        </div>\n    </div>\n</popup-cmp>\n<!--[end] - conflict popup for new customer -->","styles":[".fa-custom{color:red}.under_age_msg{text-align:center!important;padding-bottom:10px!important}#check-box{float:left;padding-left:0}#content{overflow:hidden;padding-left:10px}.button-submit-reset{text-align:center}.checkbox span::before{background-color:#fff;color:#fff;border:1px solid #66615b;height:17px;width:18px}.checkbox span::after,.custom-checkbox span::after{background:#e20074;border-radius:0;color:#fff;border:1px solid #e20074;font-weight:bolder;height:18px;width:18px;top:-2px;font-size:12px;font-family:FontAwesome;content:\"\\f00c\"}.checkbox input[type=checkbox]{height:18px;width:18px}.radio-language-selector{padding:0 5px}.ssn-format{display:inline-block;width:39%}.ssn-mid-format{display:inline-block;width:22%}"]}]}],"members":{"creditType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"customerModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"customerForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"onResetForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":5}}]}],"conflictModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":5},"arguments":["conflictModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkEligibility":[{"__symbolic":"method"}],"processCreditCheck":[{"__symbolic":"method"}],"resolveConflicts":[{"__symbolic":"method"}],"removeConflicts":[{"__symbolic":"method"}],"resetCreditCheck":[{"__symbolic":"method"}],"idTypeChanged":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"dummy-check-cmp","template":"<form name=\"dummyCheckModel\" #dummyCheckForm=\"ngForm\" novalidate>\n    <h5 class=\"title display-inline\" style=\"color:gray\">\n        Credit Class(T-Mobile Specific)\n        <h6 class=\"cc_notes\">(Select customer credit class to display updated tier pricing)</h6>\n    </h5>\n    <div class=\"row\">         \n        <div class=\"col-md-6\">\n            <div class=\"form-group\">\n                <div class=\"select-wrapper\">\n                    <select class=\"form-control border-input\" name=\"creditClass\" [(ngModel)]=\"dummyCheckModel.creditClass\" #creditClass=\"ngModel\">\n                        <option disabled [ngValue]=\"null\">Select Credit Class</option>\n                        <option *ngFor=\"let item of creditDetails\" [ngValue]=\"item.creditClass\">{{item.creditClass}}</option>                        \n                    </select>\n                </div> \n                <!--                                          \n                <div *ngIf=\"(((creditClass.touched) || (creditClass.hasError('required') && dummyCheckForm.valid)) && !dummyCheckModel.creditClass)\" class=\"text-danger\">                           \n                    Credit Class is Required.\n                </div>\n                -->\n            </div>\n        </div> \n    </div>\n    <div class=\"row\">    \n        <div class=\"col-xs-12 text-right\"> \n            <button *ngIf=\"!cart\" type=\"submit\" class=\"btn btn-fill btn-secondary\" (click)=\"resetDummyCheck(dummyCheckForm)\">Reset</button>\n            <button type=\"submit\" class=\"btn btn-info btn-fill magenta\" [disabled]=\"!customerForm.valid || !dummyCheckForm.valid\" (click)=\"checkEligibility()\">Submit</button>\n        </div>\n    </div> \n    <!--\n    <div class=\"row\">\n        <div class=\"col-xs-8\">\n            <div class=\"form-check checkbox\">\n                <label class=\"form-check-label\">\n                    <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"yesAuthorize\" [checked]=\"dummyCheckModel.yesAuthorize\" (change)=\"dummyCheckModel.yesAuthorize = !dummyCheckModel.yesAuthorize\">\n                    <span></span>\n                </label>                \n                Be sure to check the customer's ID?                 \n            </div>\n        </div>\n        <div class=\"col-xs-4 text-right\">\n            <button type=\"submit\" class=\"btn btn-info btn-fill magenta btn-submit-wd\" [disabled]=\"!customerForm.valid || !dummyCheckForm.valid || !dummyCheckModel.yesAuthorize\" (click)=\"checkEligibility()\">Submit</button> \n        </div>\n    </div>  \n    -->\n    <div class=\"clearfix\"></div>\n</form>\n<!--[start] - conflict popup for new customer -->\n<popup-cmp #conflictModel>\n    <div class=\"app-modal-header\">\n        <button type=\"button\" class=\"close\" (click)=\"conflictModel.hide();\">&times;</button>\n        <h3>Conflicts</h3>\n    </div>\n    <div class=\"app-modal-body\">\n        <p>Cart may get updated based on your credit check. Do you want to proceed?</p>\n    </div>\n    <div class=\"app-modal-footer center-btns row\">\n        <div class=\"col-sm-12\">\n            <button type=\"button\" (click)=\"resolveConflicts()\" class=\"btn btn-info btn-fill btn-wd magenta\">Continue</button>\n            <button type=\"button\" class=\"btn btn-fill btn-secondary\" (click)=\"conflictModel.hide()\">Cancel</button>\n        </div>\n    </div>\n</popup-cmp>\n<!--[end] - conflict popup for new customer -->\n    ","styles":[":host{padding:0}.cc_notes{font-family:Arial,sans-serif;font-style:italic;font-size:12px;line-height:12px;color:#e20074}"]}]}],"members":{"creditType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"customerModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"customerForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"conflictModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":5},"arguments":["conflictModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initCreditDetails":[{"__symbolic":"method"}],"checkEligibility":[{"__symbolic":"method"}],"processDummyCheck":[{"__symbolic":"method"}],"submitCustomerDetail":[{"__symbolic":"method"}],"resetDummyCheck":[{"__symbolic":"method"}],"removeConflicts":[{"__symbolic":"method"}],"resolveConflicts":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"espot-cmp","template":"<div *ngIf=\"staticHtml\" style=\"margin-bottom:10px;\">\n    <div id=\"text-carousel\" class=\"carousel slide\" data-ride=\"carousel\">        \n        <div class=\"row\">\n            <div class=\"col-xs-offset-3 col-xs-6\">\n                <div class=\"carousel-inner\" [innerHTML]=\"staticHtml\">\n                    <!--\n                    <div class=\"item active\">\n                        <div class=\"carousel-content\">\n                            <div>\n                                <h5>Samsung Galaxy S8 - Midnight Black - 64GB</h5>\n                                <p>Retail Price:$800.00 &nbsp;With EIP today:$0.00 &nbsp; with JUMP today:$0.00</p>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"item\">\n                        <div class=\"carousel-content\">\n                            <div>\n                                <h5>Apple® iPhone 6s - Silver - 64GB - Cert. Pre-Owned</h5>\n                                <p>Retail Price:$699.99 &nbsp;With EIP today:$0.00 &nbsp; with JUMP today:$49.99</p>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"item\">\n                        <div class=\"carousel-content\">\n                            <div>             \n                                <h5>Samsung Galaxy S8 plus - Orchid Gray - 64GB</h5>\n                                <p>Retail Price:$750.00 &nbsp;With EIP today:$0.00 &nbsp; with JUMP today:$99.99</p>\n                            </div>\n                        </div>\n                    </div>\n                    -->\n                </div>\n            </div>\n        </div>\n        <a class=\"left carousel-control\" href=\"#text-carousel\" data-slide=\"prev\"><i class=\"ti-angle-left\"></i></a>\n        <a class=\"right carousel-control\" href=\"#text-carousel\" data-slide=\"next\"><i class=\"ti-angle-right\"></i></a>    \n    </div>\n</div>\n","styles":[":host{padding:0}.carousel-content{color:#000;display:flex;align-items:center}#text-carousel{width:100%;height:auto;padding:0}.carousel-control.left{background-image:linear-gradient(to right,#e20074 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,#e20074 100%);background-repeat:repeat-x}.carousel-control .icon-next,.carousel-control .icon-prev,.carousel-control .ti-angle-left,.carousel-control .ti-angle-right{position:absolute;top:40%;z-index:5;display:inline-block}.blink{-webkit-animation:.75s linear infinite blink;animation:.75s linear infinite blink}@-webkit-keyframes blink{0%,50%{opacity:1}100%,50.01%{opacity:0}}@keyframes blink{0%,50%{opacity:1}100%,50.01%{opacity:0}}"]}]}],"members":{"bannerName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵk"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":29,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getGSMDeviceSuggestions":[{"__symbolic":"method"}],"getMIDeviceSuggestions":[{"__symbolic":"method"}],"getAccessorySuggestions":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":89,"character":30}]}],"getEspotStaticContent":[{"__symbolic":"method"}],"getEspotConfigContent":[{"__symbolic":"method"}],"sendQuote":[{"__symbolic":"method"}],"sendFeedback":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":6,"character":15},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":29},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":6,"character":43}],"declarations":[{"__symbolic":"reference","name":"ɵm"}],"exports":[{"__symbolic":"reference","name":"ɵm"}]}]}],"members":{}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"popup-cmp","template":"<div (click)=\"onContainerClicked($event)\" class=\"modal fade\" tabindex=\"-1\" [ngClass]=\"{'in': visibleAnimate}\"\n       [ngStyle]=\"{'display': visible ? 'block' : 'none', 'opacity': visibleAnimate ? 1 : 0}\">\n    <div class=\"modal-dialog\">\n        <ng-content select=\".app-modal-header\"></ng-content>\n        <div class=\"row\">\n            <div class=\"col-xs-12\"><ng-content select=\".app-modal-body\"></ng-content></div>\n        </div>\n        <br>\n        <div class=\"row center-btns\">\n            <div class=\"col-xs-12\"><ng-content select=\".app-modal-footer\"></ng-content></div>\n        </div>\n    </div>\n</div>","styles":[":host{margin-top:50px;padding:0}.modal{margin-top:50px;background:rgba(0,0,0,.6);overflow-y:scroll}.btn>btn-default{color:#fff;background-color:#333;border-color:#333}"]}]}],"members":{"modelWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"onContainerClicked":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":15},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":29},{"__symbolic":"reference","name":"ɵl"}],"declarations":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"}],"exports":[{"__symbolic":"reference","name":"ɵo"}],"providers":[]}]}],"members":{}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"customer-detail-cmp","template":"<!-- Nav tabs -->\n<ul class=\"nav nav-tabs hidden-xs hidden-sm title\" role=\"tablist\" style=\"padding-top:10px;\">\n    <li role=\"presentation\" [ngClass]=\"{'toggle-tabs':customer.creditProfile.isDelinquent == true, 'active':customer.creditProfile.isDelinquent != true}\"><a href=\"#deposit\" aria-controls=\"deposit\" role=\"tab\" data-toggle=\"tab\">Deposit Info</a></li>\n    <li role=\"presentation\" [ngClass]=\"{'active':customer.creditProfile.isDelinquent == true, 'toggle-tabs':customer.creditProfile.isDelinquent != true}\"><a [ngClass]=\"{'delinquent_customer':customer.creditProfile.isDelinquent == true}\" href=\"#account\" aria-controls=\"account\" role=\"tab\" data-toggle=\"tab\">Account Info</a></li>\n    <li role=\"presentation\"><a href=\"#orders\" class=\"order-line-align\" aria-controls=\"orders\" role=\"tab\" data-toggle=\"tab\">Orders</a></li>\n    <li role=\"presentation\" class=\"toggle-tabs\"><a href=\"#lines\" aria-controls=\"lines\" role=\"tab\" data-toggle=\"tab\">Line Info</a></li>\n</ul>\n<!--  -->\n\n<ul class=\"nav nav-tabs visible-xs visible-sm \" role=\"tablist\" style=\"padding-top:10px;\" >\n    <li role=\"presentation\" class=\"toggle-tabs\" [ngClass]=\"{'active':customer.creditProfile.isDelinquent != true}\"><a href=\"#deposit\" aria-controls=\"deposit\" role=\"tab\" data-toggle=\"tab\" class=\"padding-header-resp\">Deposits</a></li>\n    <li role=\"presentation\" class=\"toggle-tabs\" [ngClass]=\"{'active':customer.creditProfile.isDelinquent == true}\"><a [ngClass]=\"{'delinquent_customer':customer.creditProfile.isDelinquent == true}\" href=\"#account\" aria-controls=\"account\" role=\"tab\" data-toggle=\"tab\" class=\"padding-header-resp\">Account</a></li>\n    <li role=\"presentation\"><a href=\"#orders\" class=\"order-line-align\" aria-controls=\"orders\" role=\"tab\" data-toggle=\"tab\" class=\"padding-header-resp\">Orders</a></li>\n    <li role=\"presentation\" class=\"toggle-tabs\"><a href=\"#lines\" aria-controls=\"lines\" role=\"tab\" data-toggle=\"tab\"  class=\"padding-header-resp\">Lines</a></li>\n</ul>\n\n<!-- Tab panes -->\n<div class=\"tab-content\">\n    <div role=\"tabpanel\" class=\"tab-pane\" [ngClass]=\"{'active':customer.creditProfile.isDelinquent != true}\" id=\"deposit\"><deposit-info-cmp [customer]=\"customer\"></deposit-info-cmp></div>\n    <div role=\"tabpanel\" class=\"tab-pane\" [ngClass]=\"{'active':customer.creditProfile.isDelinquent == true}\" id=\"account\"><account-info-cmp [customer]=\"customer\"></account-info-cmp></div>\n    <div role=\"tabpanel\" class=\"tab-pane\" id=\"orders\"><order-history-cmp [customer]=\"customer\"></order-history-cmp></div>\n    <div role=\"tabpanel\" class=\"tab-pane\" id=\"lines\"><line-info-cmp [customer]=\"customer\"></line-info-cmp></div>\n</div>\n<!--[end] - customer personal deatils -->\n","styles":[":host{padding:0}.delinquent_customer{color:red!important;font-weight:700}"]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getCreditLineDeatils":[{"__symbolic":"method"}],"getOrderHistory":[{"__symbolic":"method"}],"getSubscribers":[{"__symbolic":"method"}],"getPreferredPrice":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getAssociatedOrder":[{"__symbolic":"method"}],"showAssociatedOrders":[{"__symbolic":"method"}],"showBlindAssociatedOrders":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"deposit-info-cmp","template":"<div class=\"row\">\n    <!--[start] - Voice Lines section -->\n    <div class=\"col-md-6\">\n        <div class=\"content table-responsive table-full-width\">\n            <table class=\"table table-striped\">\n                <thead>\n                    <tr>\n                        <th colspan=\"2\">Voice Lines</th>\n                    </tr>\n                </thead>\n                <tbody *ngIf=\"customer && customer.creditProfile\">\n                    <tr>\n                        <td>Credit Class</td>\n                        <td *ngIf=\"customer.creditProfile.creditClass\">{{customer.creditProfile.creditClass}}&nbsp;<span\n                                *ngIf=\"!customer.creditProfile.accountNumber && storeId == rtStoreId\">(Est)</span></td>\n                    </tr>\n                    <tr>\n                        <td>Current Voice Lines</td>\n                        <td>{{customer.creditProfile.activeVoiceLines}}</td>\n                    </tr>\n                    <tr>\n                        <td>Available Voice Lines</td>\n                        <td>{{customer.creditProfile.maxVoiceLines-customer.creditProfile.activeVoiceLines}}</td>\n                    </tr>\n                    <div class=\"row\" *ngFor=\"let item of GSMDeposits ;let j= index\">\n                        <div class=\"row \" *ngIf='j%5===0'>\n                            <div class=\"col-xs-11 padding-left30\">Deposit For Lines {{item.lineId}} -\n                                {{ConvertToInt(item.lineId) + ConvertToInt(4)}}</div>\n                            <div class=\"col-xs-1 text-right\" (click)=\"isDepositLinesDisplayed[Math.floor(j/5)]=!isDepositLinesDisplayed[Math.floor(j/5)]\">\n                                <span class=\"fa fa-angle-up drop-down-arrow deposits-line-arrow\" [ngClass]=\"{'rotate': !isDepositLinesDisplayed[Math.floor(j/5)]}\"\n                                    style=\"left:15px;\"></span></div>\n                        </div>\n                        <div class=\"row \" *ngIf=\"isDepositLinesDisplayed[Math.floor(j/5)]\" [ngClass]=\"{'white-well': j%2==0}\">\n                            <div class=\"col-xs-11 padding-left30\">Line {{item.lineId}}</div>\n                            <div class=\"col-xs-1 text-right\">{{item.amount |currency:'USD':'symbol':'1.2-2'}}</div>\n                        </div>\n                    </div>\n                </tbody>\n            </table>\n        </div>\n    </div>\n    <!--[end] - Voice Lines section -->\n    <!--[start] - Data Lines section -->\n    <div class=\"col-md-6\">\n        <div class=\"content table-responsive table-full-width\">\n            <!--@harsha,Suman grouping of deposit lines-->\n            <table class=\"table table-striped\">\n                <thead>\n                    <tr>\n                        <th colspan=\"2\">MI Lines</th>\n                    </tr>\n                </thead>\n                <tbody *ngIf=\"customer && customer.creditProfile\">\n                    <tr>\n                        <td>Current MI Lines</td>\n                        <td>{{customer.creditProfile.activeDataLines}}</td>\n                    </tr>\n                    <tr>\n                        <td>Available MI Lines</td>\n                        <td>{{customer.creditProfile.maxDataLines-customer.creditProfile.activeDataLines}}</td>\n                    </tr>\n                    <div class=\"row\" *ngFor=\"let item of MBBDeposits; let i= index\">\n                        <div class=\"row \" *ngIf='i%5===0'>\n                            <div class=\"col-xs-11 padding-left30\">Deposit For Lines {{item.lineId}} -\n                                {{ConvertToInt(item.lineId) + ConvertToInt(4)}}</div>\n                            <div class=\"col-xs-1 text-right\" (click)=\"isDepositLinesDisplayedMI[Math.floor(i/5)]=!isDepositLinesDisplayedMI[Math.floor(i/5)]\">\n                                <span class=\"fa fa-angle-up drop-down-arrow deposits-line-arrow\" [ngClass]=\"{'rotate': !isDepositLinesDisplayedMI[Math.floor(i/5)]}\"\n                                    style=\"left:15px;\"></span></div>\n                        </div>\n                        <div class=\"row \" *ngIf=\"isDepositLinesDisplayedMI[Math.floor(i/5)]\" [ngClass]=\"{'white-well': i%2==0}\">\n                            <div class=\"col-xs-11 padding-left30\">Line {{item.lineId}}</div>\n                            <div class=\"col-xs-1 text-right\">{{item.amount|currency:'USD':'symbol':'1.2-2'}}</div>\n                        </div>\n\n                    </div>\n                </tbody>\n            </table>\n            <!-- End of grouping of deposit lines-->\n        </div>\n    </div>\n    <!--[end] - Data Lines section -->\n</div>","styles":[":host{padding:0}.table>tbody>tr>th{border:0}.table>tbody>tr>td{padding-top:1px;padding-bottom:2px;border:0}.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:.3s ease-in-out}.table>tbody tr>td{border-top:none}.drop-down-arrow{color:#e30074;font-size:20px;margin-top:2px}.white-well{background-color:#fffcf5}.table-row{width:100%;padding-left:0!important}.deposits-line-arrow{position:relative;right:-52px}.voice-header{text-align:left;border-bottom-width:0;font-size:1.25em;font-weight:300;height:38px;padding-left:28px}.padding-left45{padding-left:45px}.padding-left1{padding-left:1px}.arrow-down-guy{display:inline-block}.padding-left30{padding-left:30px}"]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"ConvertToInt":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"account-info-cmp","template":"<div class=\"row\">\n    <!--[start] - Voice Lines section -->\n    <div class=\"col-md-6\">\n        <div class=\"content table-responsive table-full-width\">\n            <table class=\"table table-striped\">\n                <thead>\n                    <tr><th colspan=\"2\">Account & Billing</th></tr>                \n                </thead>\n                <tbody *ngIf=\"customer && customer.creditProfile\">\n                    <tr><td>Account Number:</td><td>{{customer.creditProfile.accountNumber}}</td></tr>\n                    <tr><td>Credit Class:</td>\n                        <td *ngIf=\"customer.creditProfile.creditClass\">{{customer.creditProfile.creditClass}}&nbsp;<span *ngIf=\"!customer.creditProfile.accountNumber && storeId == rtStoreId\">(Est)</span></td>\n                    </tr>\n                    <!--Account Type field to include both accountType and accountSubType -->\n                    <tr>\n                        <td>Account Type:</td>\n                        <td *ngIf=\"customer.creditProfile.accountType && customer.creditProfile.accountSubType\">{{customer.creditProfile.accountType}}/{{customer.creditProfile.accountSubType}}</td>\n                    </tr>\n                    <tr><td>Account Status:</td><td>{{customer.creditProfile.accountStatus}}</td></tr>\n                    <tr><td>Activation Date:</td><td>{{customer.creditProfile.activationDate}}</td></tr>\n                    <tr><td>Delinquent:</td><td class=\"delinquent_customer\" *ngIf=\"customer.creditProfile.isDelinquent && customer.creditProfile.isDelinquent ==true;else falseDelinquent\">Yes</td>\n                    <ng-template #falseDelinquent><td>No</td></ng-template></tr>\n                    <tr><td>Extended Pay Sch:</td><td *ngIf=\"customer.creditProfile.isExtendedPaySchedule && customer.creditProfile.isExtendedPaySchedule ==true;else falseIsExtendedPaySchedule\">Yes</td>\n                    <ng-template #falseIsExtendedPaySchedule><td>No</td></ng-template></tr>\n                    <tr><td>Bill Current:</td><td *ngIf=\"customer.creditProfile.billCurrent && customer.creditProfile.billCurrent =='Y';else noBillCurrent\">Yes</td>\n                    <ng-template #noBillCurrent><td>No</td></ng-template></tr>\n                    <tr><td>Auto Pay:</td><td *ngIf=\"customer.creditProfile.autoPayIndicator && customer.creditProfile.autoPayIndicator ==true;else falseAutoPayIndicator\">Yes</td>\n                    <ng-template #falseAutoPayIndicator><td>No</td></ng-template></tr>\n                    <tr><td>Amount Past Due:</td><td [ngClass]=\"{'delinquent_customer_pastdue':customer.creditProfile.isDelinquent == true}\">{{customer.creditProfile.pastDueAmount|currency:'USD':'symbol':'1.2-2'}}</td></tr>\n                    <tr><td>Total Balance Due:</td><td>{{customer.creditProfile.totalBalanceDue|currency:'USD':'symbol':'1.2-2'}}</td></tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n    <!--[end] - Voice Lines section -->\n    <!--[start] - Data Lines section -->\n    <div class=\"col-md-6\">\n        <div class=\"content table-responsive table-full-width\">\n            <table class=\"table table-striped\">\n                <thead>\n                    <tr><th colspan=\"2\">Credit & Financing</th></tr>\n                </thead>\n                <tbody *ngIf=\"customer && customer.creditProfile\">\n                    <!--<tr><td>JUMP on Demand:</td><td>{{customer.creditProfile.isFinancedJod}}</td></tr>-->\n                    <tr><td>JUMP on Demand:</td><td *ngIf=\"customer.creditProfile.isFinancedJod && customer.creditProfile.isFinancedJod ==true;else falseIsFinancedJod\">Yes</td>\n                    <ng-template #falseIsFinancedJod><td>No</td></ng-template></tr>\n                    <!--<tr><td>EIP:</td><td>{{customer.creditProfile.isFinancedEip}}</td></tr>-->\n                    <tr><td>EIP:</td><td *ngIf=\"customer.creditProfile.isFinancedEip && customer.creditProfile.isFinancedEip ==true;else falseIsFinancedEip\">Yes</td>\n                    <ng-template #falseIsFinancedEip><td>No</td></ng-template></tr>\n                    <tr><td>EC Balance:</td><td *ngIf=\"customer.creditProfile.eclb >=0 && customer.creditProfile.eclb !='N/A'\">{{customer.creditProfile.eclb|currency:'USD':'symbol':'1.2-2'}}</td></tr>\n                    <tr><td>EC Available:</td><td *ngIf=\"customer.creditProfile.ecla >=0 && customer.creditProfile.ecla !='N/A'\">{{customer.creditProfile.ecla|currency:'USD':'symbol':'1.2-2'}}</td></tr>\n                    <tr><td>Current EC Limit:</td><td *ngIf=\"customer.creditProfile.ecl >=0 && customer.creditProfile.ecl !='N/A'\">{{customer.creditProfile.ecl|currency:'USD':'symbol':'1.2-2'}}</td></tr>\n                    <tr><td>Line Count Amount:</td><td *ngIf=\"customer.creditProfile.lca >=0 && customer.creditProfile.lca !='N/A'\">{{customer.creditProfile.lca|currency:'USD':'symbol':'1.2-2'}}</td></tr>\n                    <tr><td>Max Potential EC:</td><td *ngIf=\"customer.creditProfile.mpec >=0 && customer.creditProfile.mpec !='N/A'\">{{customer.creditProfile.mpec|currency:'USD':'symbol':'1.2-2'}}</td></tr>\n                    <!-- commented out below lines as they are already shown under Preferred Pricing section -->\n                    <!--<tr><td>Eligible Date :</td><td *ngIf=\"customer.creditProfile.eligibleDate\">{{customer.creditProfile.eligibleDate}}</td><td *ngIf=\"!customer.creditProfile.eligibleDate\">N/A</td></tr>\n                    <tr><td>On Time Payment:</td><td *ngIf=\"customer.creditProfile.onTimePayment\" >{{customer.creditProfile.onTimePayment}}</td><td *ngIf=\"!customer.creditProfile.onTimePayment\">N/A</td></tr>\n                    <tr><td>Reason Code:</td><td *ngIf=\"customer.creditProfile.reasonCode\" >{{customer.creditProfile.reasonCode}}</td><td *ngIf=\"!customer.creditProfile.reasonCode\">N/A</td></tr>\n                    <tr><td>Remaining Payment:</td><td>{{customer.creditProfile.remainingPayment|currency:'USD':'symbol':'1.2-2'}}</td></tr> -->\n                </tbody>\n            </table>\n            <table class=\"table table-striped\">\n                <thead>\n                    <tr><th colspan=\"2\">Preferred Pricing Eligibility</th></tr>\n                </thead>\n                <tbody *ngIf=\"customer && customer.creditProfile\">\n                    <tr><td>Eligible Date:</td><td *ngIf=\"customer.creditProfile.eligibleDate\">{{customer.creditProfile.eligibleDate}}</td><td *ngIf=\"!customer.creditProfile.eligibleDate\">N/A</td></tr>\n                    <tr><td>On Time Payment:</td><td *ngIf=\"customer.creditProfile.onTimePayment\">{{customer.creditProfile.onTimePayment}}</td><td *ngIf=\"!customer.creditProfile.onTimePayment\">N/A</td></tr>\n                    <tr><td>Reason Code:</td><td *ngIf=\"customer.creditProfile.reasonCode\">{{customer.creditProfile.reasonCode}}</td><td *ngIf=\"!customer.creditProfile.reasonCode\">N/A</td></tr>\n                    <tr>\n                        <td>Remaining Payment:</td>\n                        <td *ngIf=\"customer.creditProfile.remainingPayment && customer.creditProfile.remainingPayment !='N/A'\">{{customer.creditProfile.remainingPayment|currency:'USD':'symbol':'1.2-2'}}</td>\n                    </tr>\n                </tbody>\n            </table>\n         </div>\n    </div>\n    <!--[end] - Data Lines section -->\n</div> ","styles":[":host{padding:0}.table>tbody>tr>th{border:0}.table>tbody>tr>td{padding-top:1px;padding-bottom:2px;border:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.delinquent_customer{color:red;font-weight:700}.delinquent_customer_pastdue{color:red}"]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"order-history-cmp","template":"<div class=\"row\">\n    <!--[start] - Voice Lines section -->\n    <div class=\"col-md-12\">\n        <div class=\"content table-responsive table-full-width\">\n            <table class=\"table table-striped\">\n                <thead>\n                    <tr>\n                        <th>Order ID</th>\n                        <th>Order Date</th>\n                        <th>Order Type</th>\n                        <th>Channel</th>\n                        <th>Agent ID</th>\n                        <th>Status</th>\n                    </tr>                \n                </thead>\n                <tbody *ngIf=\"customer.orders && customer.orders.length>0\">\n                        <tr *ngFor=\"let item of customer.orders\">\n                           \n                            <ng-container *ngIf=\"item.isSAPReturnOrder;else noSAPReturnOrder\">\n                                <td><a (click)=\"showSAPOrderSummary(item.relatedOrderId)\" style=\"cursor: pointer\">{{item.relatedOrderId}}</a></td>\n                                <td>{{item.createdByDate}}</td>\n                                <td>{{item.refType}}</td>\n                                <td>{{getChannelLabel(item.storeId)}}</td>\n                                <td>{{item.submittedBy}}</td>                            \n                                <td>{{item.status}}</td>\n                            </ng-container>\n                                <ng-template #noSAPReturnOrder>\n                                <td><a (click)=\"showOrderSummary(item.orderId)\">{{item.fullOrderId}}</a></td>                        \n                                <td>{{item.createdDate}}</td>\n                                <td>{{getRefTypeLabel(item.refType)}}</td>\n                                <td>{{getChannelLabel(item.storeId)}}</td>\n                                <td>{{item.logonId}}</td>\n                                <td>{{getStatusLabel(item.status)}}</td>\n                            </ng-template> \n\n\n\n                           \n                            \n                        </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n    <!--[end] - Data Lines section -->\n</div> \n\n<!--[start] - conflict popup for add a line -->\n<popup-cmp #conflictModel class=\"resume-btn-popup\">\n    <div class=\"app-modal-header\">\n        <button type=\"button\" class=\"close\" (click)=\"conflictModel.hide();\">&times;</button>\n        <h3>Conflicts</h3>\n    </div>\n    <div class=\"app-modal-body\">\n        <p>Cart is in progress with an another customer. Do you want to clear cart and proceed?</p>\n    </div>\n    <div class=\"app-modal-footer center-btns row\">\n        <div class=\"col-sm-12\">\n            <button type=\"submit\" (click)=\"resolveConflicts()\" class=\"btn btn-info btn-fill btn-wd\">Continue</button>\n            <button type=\"button\" class=\"btn btn-fill btn-secondary\" (click)=\"conflictModel.hide()\">Cancel</button>\n        </div>\n    </div>\n</popup-cmp>\n<!--[end] - conflict popup for add a line -->","styles":[":host{padding:0}.table>tbody>tr>th{border:0}.table>tbody>tr>td{padding-top:1px;padding-bottom:2px;border:0}"]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"conflictModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":["conflictModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":39,"character":23},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getRefTypeLabel":[{"__symbolic":"method"}],"getChannelLabel":[{"__symbolic":"method"}],"getStatusLabel":[{"__symbolic":"method"}],"showOrderSummary":[{"__symbolic":"method"}],"showOrderCustomer":[{"__symbolic":"method"}],"resolveConflicts":[{"__symbolic":"method"}],"showSAPOrderSummary":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"line-info-cmp","template":"<div class=\"row\">\n    <!--[start] - Voice Lines section -->\n    <div class=\"col-md-12\">\n        <div class=\"content table-responsive table-full-width\">\n            <table class=\"table table-striped\">\n                <thead>\n                    <!-- @harsha  header alignment of account details-->\n                    <tr>\n                        <th>Phone Number</th>\n                        <th>Rate Plan</th>\n                        <th>Device</th>\n                        <th>Features</th>\n                        <th style=\"text-align:end\">Price</th>\n                    </tr>\n                </thead>\n                <tbody *ngIf=\"customer.subscribers && customer.subscribers.length>0\">\n                    <tr *ngFor=\"let item of customer.subscribers\">\n                        <td style=\"vertical-align: top;\">{{item.phoneNumber}}</td>\n                        <td style=\"vertical-align: top;\">{{item.rateplanName}}<span *ngIf=\"item.isPooledPlan\">&nbsp;(Shared)</span></td>\n                        <td style=\"vertical-align: top;\">{{item.deviceName}}</td>\n                        <td style=\"padding-right:0\" colspan=\"2\">\n                            <table class=\"table table-striped\">\n                                <tbody *ngIf=\"item.features\">\n                                    <tr *ngFor=\"let feature of item.features\">\n                                        <td style=\"padding-left:0\">{{feature.name}}</td>\n                                        <td style=\"text-align:end\">{{feature.monthlyPrice|currency:'USD':'symbol':'1.2-2'}}</td>\n                                        <!-- end of alignment -->\n                                    </tr>\n                                </tbody>\n                            </table>\n\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n    <!--[end] - Data Lines section -->\n</div>","styles":[":host{padding:0}.table>tbody>tr>th{border:0}.table>tbody>tr>td{padding-top:1px;padding-bottom:2px;border:0}"]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":15},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":28}],"declarations":[{"__symbolic":"reference","name":"ɵu"}],"exports":[{"__symbolic":"reference","name":"ɵu"}]}]}],"members":{}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"manual-review-cmp","template":"<div (click)=\"onContainerClicked($event)\" class=\"modal fade\" tabindex=\"-1\" [ngClass]=\"{'in': visibleAnimate}\" \n                            [ngStyle]=\"{'display': visible ? 'block' : 'none', 'opacity': visibleAnimate ? 1 : 0}\">\n    <div class=\"modal-dialog\">\n        <button type=\"button\" class=\"close\" (click)='this.visible = false; this.visibleAnimate = false;'>&times;</button>\n        <div class=\"title\"><h3>Manual Review</h3></div>\n        <!--<pre>{{moreInfoList|json}}</pre> -->\n        <!-- [start] Tab panes -->\n        <div class=\"tab-content more-detail-body\">\n            <p class=\"lead\">Please contact Consumer Credit for further assistance.</p>                \n            <p>Credit App #:&nbsp;<b *ngIf=\"cart && cart.customer && cart.customer.creditProfile\" >{{cart.customer.creditProfile.onyxReferenceNumber}}</b></p>\n            <p>Credit Class:&nbsp;<b *ngIf=\"cart && cart.customer && cart.customer.creditProfile\">{{cart.customer.creditProfile.creditClass}}</b></p>\n            <div class=\"row\">\n                <div class=\"col-xs-12\">\n                    <div class=\"form-group\">\n                        <textarea rows=\"5\" class=\"form-control border-input\" name=\"reviewNotes\" id=\"reviewNotes\" [(ngModel)]=\"reviewNotes\" placeholder=\"Notes\"></textarea>\n                    </div>\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col-xs-4\">&nbsp;</div>\n                <div class=\"col-xs-4\"><button (click)=\"refreshCreditClass()\" class=\"btn btn-fill btn-info\" [disabled]=\"!reviewNotes\" >Refresh Credit</button></div>                \n                <div class=\"col-xs-4\"><button class=\"btn btn-block btn-secondary\" (click)=\"this.visible = false; this.visibleAnimate = false;\">Cancel</button></div> \n            </div>\n        </div>\n        <!-- [end] Tab panes -->\n    </div>\n</div>","styles":[":host{padding:0}.modal{background:rgba(0,0,0,.6);text-align:left}.btn>btn-default{color:#fff;background-color:#333;border-color:#333}@media only screen and (min-width :768px){.modal-dialog{width:40%;padding:10px;background:#fff;border-radius:5px;margin-top:100px}}"]}]}],"members":{"cart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"canRefreshCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":44,"character":23},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"onContainerClicked":[{"__symbolic":"method"}],"refreshCreditClass":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":14,"character":26}],"declarations":[{"__symbolic":"reference","name":"ɵw"}],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":26},{"__symbolic":"reference","module":"@angular/http","name":"JsonpModule","line":16,"character":39},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":52},{"__symbolic":"reference","name":"ɵw"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵv"},"providers":[]}}}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[trim-input]","host":{"(input)":"onInputChange()","$quoted$":["(input)"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":8,"character":26},"useExisting":{"__symbolic":"reference","name":"ɵw"},"multi":true}]}]}],"members":{"ngModelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":36}]}],"validate":[{"__symbolic":"method"}],"initializeAmount":[{"__symbolic":"method"}],"onfocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":34,"character":5},"arguments":["focus",["$event"]]}]}],"onkeypress":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":46,"character":5},"arguments":["keypress",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"onInputChange":[{"__symbolic":"method"}],"changePosition":[{"__symbolic":"method"}]}}},"origins":{"CartUtils":"./lib/shared/cart.utils","Utils":"./lib/shared/utils","ConsumercreditService":"./lib/consumercredit.service","ConsumercreditComponent":"./lib/consumercredit.component","ConsumercreditModule":"./lib/consumercredit.module","ɵa":"./lib/shared/shared.service","ɵb":"./lib/services/user.service","ɵc":"./lib/services/base.service","ɵd":"./lib/services/cart.service","ɵe":"./lib/services/customer.service","ɵf":"./lib/services/lookup.service","ɵg":"./lib/services/logging.service","ɵh":"./lib/credit-check/credit-check.component","ɵi":"./lib/dummy-check/dummy-check.component","ɵj":"./lib/espot/espot.component","ɵk":"./lib/services/marketing.service","ɵl":"./lib/shared/popup/popup.module","ɵm":"./lib/shared/popup/popup.component","ɵn":"./lib/customer-detail/customer-detail.module","ɵo":"./lib/customer-detail/customer-detail.component","ɵp":"./lib/customer-detail/deposit-info/deposit-info.component","ɵq":"./lib/customer-detail/account-info/account-info.component","ɵr":"./lib/customer-detail/order-history/order-history.component","ɵs":"./lib/customer-detail/line-info/line-info.component","ɵt":"./lib/manualreview/manual-review.module","ɵu":"./lib/manualreview/manual-review.component","ɵv":"./lib/shared/shared.module","ɵw":"./lib/shared/directive/trim-input.directive"},"importAs":"consumercredit"}