https://gracemedia.app/2241.6e30cb63bcaa6a8d.js

1"use strict";(self.webpackChunkgudsho=self.webpackChunkgudsho||[]).push([[2241],{2241:(q,f,a)=>{a.r(f),a.d(f,{OTPModule:()=>$});var m=a(6895),s=a(4006),c=a(9066),u=a(9299),v=a(2340),e=a(4650),T=a(8386),P=a(1315),O=a(5384),_=a(7185),S=a(8951),y=a(5589),C=a(7536),I=a(2302),E=a(9101),x=a(4089),b=a(4080),F=a(9655);const A=["otpele0"];function N(t,l){1&t&&(e.\u0275\u0275elementStart(0,"h1"),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"translate"),e.\u0275\u0275elementEnd()),2&t&&(e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(2,1,"HEADER.OTP_REQVERIFICATION")))}function M(t,l){1&t&&(e.\u0275\u0275elementStart(0,"h1"),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"translate"),e.\u0275\u0275elementEnd()),2&t&&(e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(2,1,"HEADER.RESET_PASSWORD")))}function V(t,l){if(1&t&&(e.\u0275\u0275elementStart(0,"p"),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"translate"),e.\u0275\u0275elementStart(3,"a"),e.\u0275\u0275text(4),e.\u0275\u0275elementEnd(),e.\u0275\u0275text(5,'" '),e.\u0275\u0275elementStart(6,"a",21),e.\u0275\u0275text(7),e.\u0275\u0275pipe(8,"translate"),e.\u0275\u0275elementEnd()()),2&t){const o=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(2,3,"OTP.WE_HAVE_SENT_REQUEST_OTP"),' "'),e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(o.emailOrPhone),e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(8,5,"OTP.CHANGE"))}}function R(t,l){if(1&t&&(e.\u0275\u0275elementStart(0,"p"),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"translate"),e.\u0275\u0275elementStart(3,"a"),e.\u0275\u0275text(4),e.\u0275\u0275elementEnd(),e.\u0275\u0275text(5,'" '),e.\u0275\u0275elementStart(6,"a",21),e.\u0275\u0275text(7),e.\u0275\u0275pipe(8,"translate"),e.\u0275\u0275elementEnd()()),2&t){const o=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(2,3,"OTP.WE_HAVE_SENT_OTP_TO"),' "'),e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(o.emailOrPhone),e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(8,5,"OTP.CHANGE"))}}function B(t,l){1&t&&(e.\u0275\u0275elementStart(0,"div"),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"translate"),e.\u0275\u0275elementEnd()),2&t&&(e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(2,1,"FORM_VALIDATION.OTP")," "))}function L(t,l){if(1&t&&(e.\u0275\u0275elementStart(0,"div",22),e.\u0275\u0275template(1,B,3,3,"div",9),e.\u0275\u0275elementEnd()),2&t){const o=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",null==o.form.otp.errors?null:o.form.otp.errors.required)}}function j(t,l){1&t&&(e.\u0275\u0275elementStart(0,"div",22),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"translate"),e.\u0275\u0275elementEnd()),2&t&&(e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(2,1,"FORM_VALIDATION.NUMBERS_ALLOWED")," "))}function w(t,l){1&t&&(e.\u0275\u0275elementStart(0,"div",22),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"translate"),e.\u0275\u0275elementEnd()),2&t&&(e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(2,1,"FORM_VALIDATION.OTP_MSG")," "))}function D(t,l){1&t&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275text(1,"Sign In"),e.\u0275\u0275elementContainerEnd())}function G(t,l){1&t&&e.\u0275\u0275element(0,"app-infinity-loader")}const h=function(t){return{disabled:t}};function H(t,l){if(1&t&&(e.\u0275\u0275elementStart(0,"button",23),e.\u0275\u0275template(1,D,2,0,"ng-container",9),e.\u0275\u0275template(2,G,1,0,"app-infinity-loader",9),e.\u0275\u0275elementEnd()),2&t){const o=e.\u0275\u0275nextContext();e.\u0275\u0275property("ngClass",e.\u0275\u0275pureFunction1(3,h,(null==o.form||null==o.form.otp||null==o.form.otp.value?null:o.form.otp.value.length)<5)),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",!o.loader),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",o.loader)}}function U(t,l){1&t&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275text(1,"Validate OTP"),e.\u0275\u0275elementContainerEnd())}function k(t,l){1&t&&e.\u0275\u0275element(0,"app-infinity-loader")}function Q(t,l){if(1&t&&(e.\u0275\u0275elementStart(0,"button",23),e.\u0275\u0275template(1,U,2,0,"ng-container",9),e.\u0275\u0275template(2,k,1,0,"app-infinity-loader",9),e.\u0275\u0275elementEnd()),2&t){const o=e.\u0275\u0275nextContext();e.\u0275\u0275property("ngClass",e.\u0275\u0275pureFunction1(3,h,(null==o.form||null==o.form.otp||null==o.form.otp.value?null:o.form.otp.value.length)<5)),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",!o.loader),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",o.loader)}}function W(t,l){if(1&t){const o=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"span")(1,"div",24)(2,"a",25)(3,"app-countdown-timer",26),e.\u0275\u0275listener("resendOTPEvent",function(r){e.\u0275\u0275restoreView(o);const i=e.\u0275\u0275nextContext();

1return e.\u0275\u0275resetView(i.OTPResent(r))}),e.\u0275\u0275elementEnd()()()()}2&t&&(e.\u0275\u0275advance(3),e.\u0275\u0275property("page","signup"))}const z=[{path:"",component:(()=>{class t{constructor(o,n,r,i,p,d,g,X,J,Y){this.userService=o,this.formBuilder=n,this.loginService=r,this.apiService=i,this.toasterService=p,this.translate=d,this.authService=g,this.router=X,this.OtpFirebaseService=J,this.sharedService=Y,this.submitted=!1,this.error={},this.isLoggedIn=!0,this.loader=!1,this.otpcnt=0,this.keycnt=0,this.otpCurrentPos=0,this.otpPreviousPos=0,this.environment=v.N,this.emailOrPhone=this.loginService.checkUserEmailOrPhone(),localStorage.getItem("gudUser")&&(this.isLoggedIn=!1)}ngAfterViewInit(){this.otpFocus.nativeElement.focus()}ngOnInit(){this.sharedService.getLogoImageResponse.subscribe(o=>{this.lightlogoImage=o.light}),this.sharedService.scrollToTop(),this.gudShoOTPForm=this.formBuilder.group({otp:["",[s.Validators.required,s.Validators.minLength(6),s.Validators.pattern("^[0-9]*$")]]}),localStorage.getItem("otpType")&&(this.otpType=localStorage.getItem("otpType")),localStorage.getItem("userPhone")&&(this.isPhoneOtp=this.emailOrPhone),this.userService.nextPage.subscribe(o=>{this.nextUrl=o})}get form(){return this.loginService.getForm(this.gudShoOTPForm)}updateotp(o){const n=document.querySelectorAll(".otp-value");let r="";n.forEach((p,d)=>{r+=p.value});const i=r.length;i<6&&i>0&&(8===o.keyCode?this.otpCurrentPos>=this.otpPreviousPos&&(this.otpPreviousPos=this.otpCurrentPos-1,n[this.otpCurrentPos-1].focus()):n[this.otpCurrentPos].value&&n[this.otpCurrentPos+1].focus(),this.gudShoOTPForm.controls.otp.setValue(r))}onfocus(o){this.otpCurrentPos=o,this.otpCurrentPos>this.otpPreviousPos&&(this.otpPreviousPos=this.otpCurrentPos)}onSubmit(){this.submitted=this.loader=!0;const o=document.querySelectorAll(".otp-value");let n="";o.forEach((r,i)=>{n+=r.value}),this.gudShoOTPForm.controls.otp.setValue(n),this.gudShoOTPForm.invali

1d?this.loader=!1:this.gudShoOTPForm.invalid||(""!==this.isPhoneOtp&&null!=this.isPhoneOtp?(this.loader=!0,this.OtpFirebaseService.verifyLoginCode(String(this.gudShoOTPForm.value.otp),this.emailOrPhone).then(r=>{this.loader=!1},r=>{this.loader=!1})):this.apiService.callPostAPI(v.N.usersApiUrl+"verifyOtp",{otp:this.gudShoOTPForm.value.otp,email:this.emailOrPhone,type:this.otpType}).subscribe(r=>{200===r.statusCode&&!1===r.error&&(this.loader=!1,"reset_otp"===this.otpType?(this.translate.get("OTP.OTP_VERIFIED").subscribe(i=>{this.apiService.successToast(i)}),localStorage.setItem("userEmail",this.emailOrPhone),this.router.navigate(["/reset-password"])):(this.translate.get("SIGN_IN.LOGIN_SUCCESS").subscribe(i=>{this.apiService.successToast(i,"Good!")}),this.authService.setLocalData(r.response),this.router.navigate([this.nextUrl])))},r=>{this.loader=!1,422===r.error.statusCode?"string"==typeof r.error.message||r.error.message instanceof String?this.toasterService.error("",r.error.message):this.error=r.error.message:(this.error={},this.toasterService.error("",r.error.message?r.error.message:r.message))}))}goBack(){this.loginService.goBack()}ngOnDestroy(){"reset_otp"===this.otpType||this.loginService.destroyUserEmailOrPhone(),this.loginService.destroyOtpType()}OTPResent(o){document.querySelectorAll(".otp-value").forEach((r,i)=>{r.value=""}),this.otpFocus.nativeElement.focus()}}return t.\u0275fac=function(o){return new(o||t)(e.\u0275\u0275directiveInject(T.K),e.\u0275\u0275directiveInject(s.FormBuilder),e.\u0275\u0275directiveInject(P.r),e.\u0275\u0275directiveInject(O.s),e.\u0275\u0275directiveInject(_._W),e.\u0275\u0275directiveInject(c.sK),e.\u0275\u0275directiveInject(S.e),e.\u0275\u0275directiveInject(u.F0),e.\u0275\u0275directiveInject(y.w),e.\u0275\u0275directiveInject(C.F))},t.\u0275cmp=e.\u0275\u0275defineComponent({type:t,selectors:[["app-otp"]],viewQuery:function(o,n){if(1&o&&e.\u0275\u0275viewQuery(A,5),2&o){let r;e.\u0275\u0275queryRefresh(r=e.\u0275\u0275loadQuery())&&(n.otpFocus=r.first)}},decls:36,vars:12,consts:[[1,"user-page"],[1,"back-arrow"],[1,"back-btn","cursor",3,"click"],["xmlns","http://www.w3.org/2000/svg","width","28","height","28","viewBox","0 0 28 28"],["d","M0,0H28V28H0Z",1,"arrow"],["d","M24,12.75H8.788l6.988-6.987L14,4,4,14,14,24l1.763-1.762L8.788,15.25H24Z",1,"bw-svg"],[1,"form-container","otp-page","verify"],[1,"user-page-logo"],["width","123","height","45","alt","Grace Media",3,"src"],[4,"ngIf"],["autocomplete","disabled",1,"inner-container",3,"formGroup","ngSubmit"],[1,"form-group"],[1,"otp-input"],["type","text","maxlength","1","inputmode","numeric","pattern","[0-9]*","value","","appAllowNumberOnly","","autofocus","",1,"single-otp-input","otp-value",3,"focus","keyup"],["otpele0",""],["type","text","maxlength","1","inputmode","numeric","pattern","[0-9]*","value","","appAllowNumberOnly","",1,"single-otp-input","otp-value",3,"focus","keyup"],["type","hidden","id","partitioned","formControlName","otp","maxlength","6"],["otp",""],["class","error otp-error",4,"ngIf"],[1,"form-submit"],["mat-button","","type","submit","class","button is-equal primary e-large",3,"ngClass",4,"ngIf"],["routerLink","/sign-in",1,"gudsho-new","blue"],[1,"error","otp-error"],["mat-button","","type","submit",1,"button","is-equal","primary","e-large",3,"ngClass"],[1,"form-bottom","otp-footer"],[1,"gudsho-new"],[3,"page","resendOTPEvent"]],template:function(o,n){1&o&&(e.\u0275\u0275elementStart(0,"div",0)(1,"div",1)(2,"a",2),e.\u0275\u0275listener("click",function(){return n.goBack()}),e.\u0275\u0275namespaceSVG(),e.\u0275\u0275elementStart(3,"svg",3)(4,"defs")(5,"style"),e.\u0275\u0275text(6,".arrow{fill:none;}"),e.\u0275\u0275elementEnd()(),e.\u0275\u0275element(7,"path",4)(8,"path",5),e.\u0275\u0275elementEnd()()(),e.\u0275\u0275namespaceHTML(),e.\u0275\u0275elementStart(9,"div",6)(10,"div",7)(11,"a"),e.\u0275\u0275element(12,"img",8),e.\u0275\u0275elementEnd()(),e.\u0275\u0275template(13,N,3,3,"h1",9),e.\u0275\u0275template(14,M,3,3,"h1",9),e.\u0275\u0275template(15,V,9,7,"p",9),e.\u0275\u0275template(16,R,9,7,"p",9),e.\u0275\u0275elementStart(17,"form",10),e.\u0275\u0275listener("ngSubmit",function(){return n.onSubmit()}),e.\u0275\u0275elementStart(18,"div",11)(19,"div",12)(20,"input",13,14),e.\u0275\u0275listener("focus",function(){return n.onfocus(0)})("keyup",function(i){return n.updateotp(i)}),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(22,"input",15),e.\u0275\u0275listener("focus",function(){return n.onfocus(1)})("keyup",function(i){return n.updateotp(i)}),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(23,"input",15),e.\u0275\u0275listener("focus",function(){return n.onfocus(2)})("keyup",function(i){return n.updateotp(i)}),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(24,"input",15),e.\u0275\u0275listener("focus",function(){return n.onfocus(3)})("keyup",function(i){return n.updateotp(i)}),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(25,"input",15),e.\u0275\u0275listener("focus",function(){return n.onfocus(4)})("keyup",function(i){return n.updateotp(i)}),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(26,"input",15),e.\u0275\u0275listener("focus",function(){return n.onfocus(5)})("keyup",function(i){return n.updateotp(i)}),e.\u0275\u0275elementEnd()(),e.\u0275\u0275element(27,"input",16,17),e.\u0275\u0275template(29,L,2,1,"div",18),e.\u0275\u0275template(30,j,3,3,"div",18),e.\u0275\u0275template(31,w,3,3,"div",18),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(32,"div",19),e.\u0275\u0275template(33,H,3,5,"button",20),e.\u0275\u0275template(34,Q,3,5,"button",20),e.\u0275\u0275elementEnd()(),e.\u0275\u0275template(35,W,4,1,"span",9),e.\u0275\u0275elementEnd()()),2&o&&(e.\u0275\u0275advance(12),e.\u0275\u0275property("src",(null==n.environment?null:n.environment.bucketImageUrl)+n.lightlogoImage,e.\u0275\u0275sanitizeUrl),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","login_otp"===n.otpType),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","reset_otp"===n.otpType),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","login_otp"===n.otpType),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","reset_otp"===n.otpType),e.\u0275\u0275advance(1),e.\u0275\u0275property("formGroup",n.gudShoOTPForm),e.\u0275\u0275advance(12),e.\u0275\u0275property("ngIf",n.submitted&&(null==n.form.otp?null:n.form.otp.errors)),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",n.submitted&&(null==n.form.otp||null==n.form.otp.errors?null:n.form.otp.errors.pattern)),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",n.submitted&&(null==n.form.otp||null==n.form.otp.errors?null:n.form.otp.errors.minlength)&&!(null!=n.form.otp&&null!=n.form.otp.errors&&n.form.otp.errors.pattern)),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngIf","login_otp"===n.otpType),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","reset_otp"===n.otpType),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",n.isLoggedIn))},dependencies:[m.mk,m.O5,u.rH,s.\u0275NgNoValidate,s.DefaultValueAccessor,s.NgControlStatus,s.NgControlStatusGroup,s.MaxLengthValidator,s.FormGroupDirective,s.FormControlName,I.P,E.lW,x.t,b.xb,F.m,c.X$],encapsulation:2}),t})()}];let K=(()=>{class t{}return t.\u0275fac=function(o){return new(o||t)},t.\u0275mod=e.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=e.\u0275\u0275defineInjector({imports:[u.Bz.forChild(z),u.Bz]}),t})();var Z=a(5080);let $=(()=>{class t{}return t.\u0275fac=function(o){return new(o||t)},t.\u0275mod=e.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=e.\u0275\u0275defineInjector({providers:[s.ReactiveFormsModule],imports:[m.ez,u.Bz,K,s.ReactiveFormsModule,s.FormsModule,c.aw,Z.m]}),t})()}}]);