https://www.fabindia.com/6814.b2b01b3ecac25312.js

1"use strict";(self.webpackChunkfabindia=self.webpackChunkfabindia||[]).push([[6814],{6814(z,d,s){s.d(d,{FabEmailLoginComponent:()=>N});var r=s(71005),c=s(90401),f=s(18359),_=s(92608),n=s(41360),p=s(88788),u=s(64807),b=s(44542),m=s(32881),g=s(89417),h=s(49870),E=s(76707),v=s(96212);const I=()=>({cxRoute:"forgotPassword"}),L=()=>({cxRoute:"register"});function C(o,l){1&o&&n.nrm(0,"cx-spinner",13)}function x(o,l){1&o&&(n.j41(0,"span"),n.EFF(1," or Signup "),n.k0s())}function T(o,l){if(1&o&&(n.j41(0,"span",16),n.EFF(1,"Login "),n.DNE(2,x,2,0,"span",7),n.k0s()),2&o){const i=n.XpG(2);n.R7$(2),n.Y8G("ngIf",!i.internationalCustomer)}}function R(o,l){if(1&o&&(n.j41(0,"div",14),n.DNE(1,T,3,1,"span",15),n.k0s()),2&o){const i=n.XpG();n.R7$(),n.Y8G("ngIf",!i.isEmailLogin)}}function M(o,l){1&o&&(n.qex(0),n.j41(1,"span",30)(2,"p"),n.EFF(3," This is not a valid email format "),n.k0s()(),n.bVm())}function F(o,l){1&o&&(n.qex(0),n.j41(1,"span",30)(2,"p"),n.EFF(3," This field is required "),n.k0s()(),n.bVm())}function P(o,l){1&o&&(n.j41(0,"span",32)(1,"p"),n.EFF(2),n.nI1(3,"cxTranslate"),n.k0s()()),2&o&&(n.R7$(2),n.JRh(n.bMT(3,1,"fabFormErrors.emailMaxLength")))}function S(o,l){if(1&o&&(n.qex(0),n.DNE(1,P,4,3,"span",31),n.bVm()),2&o){let i;const t=n.XpG(2);n.R7$(),n.Y8G("ngIf",null==(i=t.form.get("userId"))||null==i.errors?null:i.errors.maxlength)}}function O(o,l){if(1&o){const i=n.RV6();n.j41(0,"i",33),n.bIt("click",function(){n.eBV(i);const e=n.XpG(2);return n.Njj(e.passwordShow())}),n.k0s()}}function w(o,l){if(1&o){const i=n.RV6();n.j41(0,"i",34),n.bIt("click",function(){n.eBV(i);const e=n.XpG(2);return n.Njj(e.passwordShow())}),n.k0s()}}function j(o,l){if(1&o){const i=n.RV6();n.j41(0,"div")(1,"div",14)(2,"label",16),n.EFF(3,"Login"),n.k0s()(),n.j41(4,"form",17),n.bIt("ngSubmit",function(){n.eBV(i);const e=n.XpG();return n.Njj(e.fabEmailLogin())}),n.j41(5,"div",18)(6,"input",19),n.nI1(7,"cxTranslate"),n.mxI("ngModelChange",function(e){n.eBV(i);const a=n.XpG();return n.DH7(a.userEmailAddress,e)||(a.userEmailAddress=e),n.Njj(e)}),n.bIt("change",function(){n.eBV(i);const e=n.XpG();return n.Njj(e.handleChangeLogin("email"))}),n.k0s(),n.j41(8,"label",20),n.EFF(9),n.nI1(10,"cxTranslate"),n.k0s(),n.DNE(11,M,4,0,"ng-container",7)(12,F,4,0,"ng-container",7)(13,S,2,1,"ng-container",7),n.k0s(),n.j41(14,"div",18)(15,"input",21),n.nI1(16,"cxTranslate"),n.mxI("ngModelChange",function(e){n.eBV(i);const a=n.XpG();return n.DH7(a.userEmailPassword,e)||(a.userEmailPassword=e),n.Njj(e)}),n.k0s(),n.j41(17,"div",22),n.DNE(18,O,1,0,"i",23)(19,w,1,0,"i",24),n.k0s(),n.j41(20,"label",25),n.EFF(21),n.nI1(22,"cxTranslate"),n.k0s(),n.nrm(23,"cx-form-errors",26),n.k0s(),n.j41(24,"a",27),n.nI1(25,"cxUrl"),n.EFF(26),n.nI1(27,"cxTranslate"),n.k0s(),n.j41(28,"div",28)(29,"button",29),n.bIt("click",function(){n.eBV(i);const e=n.XpG();return n.Njj(e.emailLogin())}),n.EFF(30),n.nI1(31,"cxTranslate"),n.k0s()()()()}if(2&o){let i,t,e;const a=n.XpG();n.R7$(4),n.Y8G("formGroup",a.form),n.R7$(2),n.FS9("placeholder",n.bMT(7,18,"loginForm.emailAddress.placeholder")),n.R50("ngModel",a.userEmailAddress),n.R7$(3),n.SpI("",n.bMT(10,20,"loginForm.emailAddress.label"),"*"),n.R7$(2),n.Y8G("ngIf",(null==(i=a.form.get("userId"))?null:i.dirty)&&(null==(i=a.form.get("userId"))?null:i.value)&&(null==(i=a.form.get("userId"))||null==i.errors?null:i.errors.cxInvalidEmail)),n.R7$(),n.Y8G("ngIf",(null==(t=a.form.get("userId"))?null:t.dirty)&&(null==(t=a.form.get("userId"))||null==t.errors?null:t.errors.required)),n.R7$(),n.Y8G("ngIf",(null==(e=a.form.get("userId"))?null:e.dirty)||(null==(e=a.form.get("userId"))?null:e.touched)),n.R7$(2),n.FS9("placeholder",n.bMT(16,22,"loginForm.password.placeholder")),n.Y8G("type",a.show?"text":"password"),n.R50("ngModel",a.userEmailPassword),n.R7$(3),n.Y8G("ngIf",a.show),n.R7$(),n.Y8G("ngIf",!a.show),n.R7$(2),n.SpI(" ",n.bMT(22,24,"loginForm.password.label")," "),n.R7$(2),n.Y8G("control",a.form.get("password")),n.R7$(),n.Y8G("routerLink",n.bMT(25,26,n.lJ4(32,I))),n.R7$(2),n.JRh(n.bMT(27,28,"loginForm.forgotPassword")),n.R7$(3),n.Y8G("disabled",a.form.invalid||a.form.disabled),n.R7$(),n.Sp

1I(" ",n.bMT(31,30,"fabCommon.logIn")," ")}}function y(o,l){if(1&o){const i=n.RV6();n.j41(0,"app-fab-mobile-login",35),n.bIt("verifyOTP",function(e){n.eBV(i);const a=n.XpG();return n.Njj(a.verifyOTPPage(e))})("setEmailLogin",function(e){n.eBV(i);const a=n.XpG();return n.Njj(a.setEmailLogin(e))}),n.k0s()}}function G(o,l){1&o&&(n.j41(0,"div",36)(1,"div",37)(2,"span"),n.EFF(3),n.nI1(4,"cxTranslate"),n.k0s()(),n.j41(5,"div",37)(6,"span")(7,"b")(8,"a",38),n.nI1(9,"cxUrl"),n.EFF(10),n.nI1(11,"cxTranslate"),n.k0s()()()()()),2&o&&(n.R7$(3),n.SpI(" ",n.bMT(4,3,"registration.notRegistered"),""),n.R7$(5),n.Y8G("routerLink",n.bMT(9,5,n.lJ4(9,L))),n.R7$(2),n.SpI(" ",n.bMT(11,7,"registration.signUp"),""))}function U(o,l){1&o&&(n.j41(0,"div",39)(1,"span"),n.EFF(2,"Or"),n.k0s()())}function k(o,l){if(1&o){const i=n.RV6();n.j41(0,"div",40)(1,"button",41),n.bIt("click",function(){n.eBV(i);const e=n.XpG();return n.Njj(e.setEmailLogin(!1))}),n.EFF(2,"Login/Signup using OTP"),n.k0s()()}}function D(o,l){1&o&&(n.j41(0,"div",42),n.nrm(1,"asl-google-signin-button",43),n.k0s())}let N=(()=>{class o extends c.zO{constructor(i,t,e,a,B,X,$,A,V,Y,W,K,J){super(i),this.service=i,this.zone=t,this.redirectService=e,this.fabLoginService=a,this.authRedirectStorageService=B,this.routing=X,this.fabGtmCollectorService=$,this.authServiceOld=A,this.currencyService=V,this.cd=Y,this.winRef=W,this.authService=K,this.globalMessageService=J,this.style=!1,this.show=!1,this.internationalCustomer=!1,this.previousInternationalCustomer=!1,this.isEmailLogin=!1,this.hideLoginLabel=!1,this.sub=new f.yU}ngOnInit(){const i=this.winRef?.localStorage?.getItem("fabAppConfig");if(i){const t=JSON.parse(i);this.fab=t.data}this.hideLoginLabel=!1,this.form.reset(),this.initializeCurrencySettings(),this.authServiceOld.authState.subscribe(t=>{this.user=t,this.loggedIn=null!=t,this.loggedIn&&(this.fabGtmCollectorService.userLoginMode="Google",this.fabLoginService.gmailLogin(t.provider,t.email,t.idToken));const e=this.winRef?.nativeWindow?.sessionStorage;t&&(e?.setItem("isgoogleSingUp","true"),e?.setItem("googleSingUpfirstName",t.firstName||""),e?.setItem("googleSingUplastName",t.lastName||""),e?.setItem("googleSingUpemail",t.email||""),e?.setItem("googleSingUpUserProvider",t.provider||""),e?.setItem("googleSingUpTockenId",t.idToken||""))})}initializeCurrencySettings(){this.currentCurrency=this.winRef?.localStorage?.getItem("currentCurrency"),this.currentCurrency&&(this.internationalCustomer="INR"!==this.currentCurrency,this.isEmailLogin="INR"!==this.currentCurrency)}passwordShow(){this.show=!this.show}handleChangeLogin(i){this.hideLoginLabel=!1,"email"===i?(this.fabGtmCollectorService.userLoginMode="password",this.isEmailLogin=!0):(this.fabGtmCollectorService.userLoginMode="otp",this.isEmailLogin=!1)}emailLogin(){null!==this.winRef.localStorage.getItem("selectedAddress")&&this.winRef?.localStorage.removeItem("selectedAddress")}verifyOTPPage(i){this.hideLoginLabel=i}setEmailLogin(i){this.isEmailLogin=!!i}fabEmailLogin(){this.fabLoginService?.isUserAvailable(this.userEmailAddress).subscribe(i=>{!1===i?this.globalMessageService.add({key:"fabForgotPassword.nonRegisteredUserLogin"},r.NCV.MSG_TYPE_ERROR):this.authService.loginWithCredentials(this.userEmailAddress,this.userEmailPassword)})}onGmailLogin(){alert("Google Login Clicked"),this.fabGtmCollectorService.userLoginMode="Google",this.fabLoginService.onSocialLogin(_.Gz.PROVIDER_ID)}static{this.\u0275fac=function(t){return new(t||o)(n.rXU(c.wY),n.rXU(n.SKi),n.rXU(p.v),n.rXU(u.w),n.rXU(r.tJU),n.rXU(r.Oie),n.rXU(b._),n.rXU(_.Jn),n.rXU(r.PnO),n.rXU(n.gRc),n.rXU(r.WTn),n.rXU(r.uRZ),n.rXU(r.S8D))}}static{this.\u0275cmp=n.VBU({type:o,selectors:[["app-fab-email-login"]],hostVars:2,hostBindings:function(t,e){2&t&&n.AVh("user-form",e.style)},standalone:!1,features:[n.Vt3],decls:14,vars:10,consts:[["class","overlay",4,"ngIf"],[1,"loginwith-email-address","position-relative","overflow-hidden","pb-5"],[1,"container","d-flex","justify-content-center"],[1,"login-email-container","w-100"],["src","assets/images/Login/login-bg-side.png",1,"login-email-bottom-left-image"],["src","assets/images/Login/login-bg-side-down.png",1,"login-email-top-right-image"],["class","mb-2 d-flex justify-content-between login-label",4,"ngIf"],[4,"ngIf"],[3,"verifyOTP","setEmailLogin",4,"ngIf"],["class","login-social text-center",4,"ngIf"],["class","divider",4,"ngIf"],["class","email-login-text",4,"ngIf"],["class","googleSingUpIn",4,"ngIf"],[1,"overlay"],[1,"mb-2","d-flex","justify-content-between","login-label"],["class","login-with-email fw-bold",4,"ngIf"],[1,"login-with-email","fw-bold"],[1,"login-with-email",3,"ngSubmit","formGroup"],[1,"form-group","form-floating"],["type","email","id","logiemail","formControlName","userId",1,"mb-4","p-1","w-100","form-control",3,"ngModelChange","change","placeholder","ngModel"],["for","logiemail"],["id","logipass","formControlName","password",1,"p-1","w-100","form-control",3,"ngModelChange","type","placeholder","ngModel"],[1,"hidePassword"],["class","fa fa-eye text-secondary","aria-hidden","true",3,"click",4,"ngIf"],["class","fa fa-eye-slash text-secondary",3,"click",4,"ngIf"],["for","logipass"],[3,"control"],[1,"forgot-pass","d-inline-block","w-100","text-left","mt-sm-2",3,"routerLink"],[1,"login-signup-mobile-btn"],["id","send-otp",1,"btn","btn-primary","mt-sm-4","w-100","border-0","send-otp",3,"click","disabled"],[1,"fab-form-errors",2,"font-weight","lighter"],["class","fab-form-errors",4,"ngIf"],[1,"fab-form-errors"],["aria-hidden","true",1,"fa","fa-eye","text-secondary",3,"click"],[1,"fa","fa-eye-slash","text-secondary",3,"click"],[3,"verifyOTP","setEmailLogin"],[1,"login-social","text-center"],[1,"login-with-email-sep"],[3,"routerLink"],[1,"divi

1der"],[1,"email-login-text"],[1,"login_password","login-with-email-sep","underline-hover",3,"click"],[1,"googleSingUpIn"],["type","standard","size","large","shape","rectangular","text","continue_with"]],template:function(t,e){1&t&&(n.DNE(0,C,1,0,"cx-spinner",0),n.nI1(1,"async"),n.j41(2,"div",1)(3,"div",2)(4,"div",3),n.nrm(5,"img",4)(6,"img",5),n.DNE(7,R,2,1,"div",6)(8,j,32,33,"div",7)(9,y,1,0,"app-fab-mobile-login",8)(10,G,12,10,"div",9)(11,U,3,0,"div",10)(12,k,3,0,"div",11),n.k0s()(),n.DNE(13,D,2,0,"div",12),n.k0s()),2&t&&(n.Y8G("ngIf",n.bMT(1,8,e.isUpdating$)),n.R7$(7),n.Y8G("ngIf",!e.hideLoginLabel),n.R7$(),n.Y8G("ngIf",e.isEmailLogin),n.R7$(),n.Y8G("ngIf",!e.isEmailLogin),n.R7$(),n.Y8G("ngIf",e.internationalCustomer),n.R7$(),n.Y8G("ngIf",!e.internationalCustomer&&e.isEmailLogin),n.R7$(),n.Y8G("ngIf",e.isEmailLogin&&!e.internationalCustomer),n.R7$(),n.Y8G("ngIf","true"===e.fab["fab.google.sign.in.enabled"]&&"INR"===e.currentCurrency))},dependencies:[m.bT,g.qT,g.me,g.BC,g.cb,g.j4,g.JD,h.Wk,E.Z1C,v.FabMobileLoginComponent,_.HR,m.Jj,r._xc,r.D97],styles:['.divider[_ngcontent-%COMP%]{display:flex;align-items:center;text-align:center;gap:5px;width:90%;margin:10px auto}.divider[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:15px}.divider[_ngcontent-%COMP%]:before, .divider[_ngcontent-%COMP%]:after{content:"";flex:1;border-bottom:1px solid var(--cx-color-inverse)}.email-login-text[_ngcontent-%COMP%]{display:flex}.email-login-text[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{border:none;background:none;margin:auto;font-weight:700;color:var(--cx-color-primary);font-size:16px}.underline-hover[_ngcontent-%COMP%]:hover{text-decoration:underline}.googleSingUpIn[_ngcontent-%COMP%]{margin-top:-20px!important;display:flex}@media (max-width: 767px){.googleSingUpIn[_ngcontent-%COMP%]{margin-top:-30px!important}}.googleSingUpIn[_ngcontent-%COMP%]   asl-google-signin-button[_ngcontent-%COMP%]{margin:0 auto;width:unset}.cx-form-errors[_ngcontent-%COMP%]{display:none!important}']})}}return o})()}}]);