https://www.12hanoi.com/_next/static/chunks/1427.426efbafa0b607bb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1427,9617],{61427:function(e,a,s){s.r(a);var n=s(52322),r=s(61842),l=s(88213),o=s(38201),i=s(78287),t=s(9451),d=s(50591),c=s(14482),u=s(93364),m=s(82981),b=s(25237),g=s.n(b),h=s(39097),p=s.n(h),j=s(5632),x=s(2784),_=s(63955);let v=g()(()=>Promise.all([s.e(3668),s.e(4119)]).then(s.bind(s,93668)),{loadableGenerated:{webpack:()=>[93668]},ssr:!1}),w=g()(()=>s.e(4546).then(s.bind(s,44546)),{loadableGenerated:{webpack:()=>[44546]},ssr:!1}),N=g()(()=>s.e(6532).then(s.bind(s,56532)),{loadableGenerated:{webpack:()=>[56532]},ssr:!1});a.default=e=>{var a,s;let{onLineLogin:b,redirectTo:g,closeOnly:h=!1,disableRedirectOnCancel:k=!1}=e,L=(0,j.useRouter)(),{redirectAfterLogin:C}=(0,t.I8)(),{t:y}=(0,m.$G)(),{modal:G,closeModal:f}=(0,l.JT)(),{getBannerUrl:P}=(0,i.U5)(),{onSignIn:T}=(0,i.aC)(),{formState:F,trigger:R,setError:S,register:M,getValues:q,handleSubmit:E}=(0,_.cI)(),{errors:H,touchedFields:U}=F,[A,B]=(0,x.useState)(0),{handleTgLogin:I}=(0,d.agh)(),handleSubmitForm=async()=>{let{username:e,password:a}=q();B(0);try{await T({userName:e,password:a}),f(),await C(g)}catch(o){let{errorCode:e,message:a,data:s}=o;if(107===e){let{twoFactorAuthenticationStatus:e,authToken:a}=s;if(e===c.aPZ.Email){G.open((0,n.jsx)(N,{authToken:a,redirectTo:g}));return}if(e===c.aPZ.TOTP){G.open((0,n.jsx)(w,{authToken:a,redirectTo:g}));return}}1104===e&&B(s.loginErrorCount);let r={username:[1101,1102,1103,9e3],password:[1104]},l=Object.values(r).findIndex(a=>a.includes(e));if(-1!==l){let e=Object.keys(r)[l];S(e,{type:"mismatch",message:a})}else G.error(a)}},handleForgetPassword=()=>G.open((0,n.jsx)(v,{})),J=!(0,u.bX)();return(0,n.jsx)("div",{className:"pop pop-login",children:(0,n.jsx)("div",{className:"loginpop active",children:(0,n.jsxs)("div",{className:"joinloginModule",children:[(0,n.jsx)("div",{className:"banner",children:(0,n.jsx)("img",{alt:"banner",src:P("/desktop/img/login-banner.png")})}),(0,n.jsxs)("form",{className:"joinloginFunction",method:"post",onSubmit:E(handleSubmitForm),children:[(0,n.jsx)("div",{className:"title txt-orange",children:y("Label_General_Login")}),(0,n.jsxs)("div",{className:"noAccount",children:[y("Label_Join_DontHaveAccount"),(0,n.jsx)(p(),{legacyBehavior:!0,href:o.Hb.join.root,children:(0,n.jsx)("a",{className:"txt-orange",onClick:f,children:y("Label_General_Register")})})]}),(0,n.jsxs)("div",{className:"inputModule",children:[(0,n.jsx)(r.Wz,{register:M("username",{required:{value:!0,message:y("Label_General_UsernameReq")},onBlur:()=>R("username")}),icon:"icon-member txt-blue",placeholder:y("Label_General_Username")||"",errorMessage:null===(a=H.username)||void 0===a?void 0:a.message,error:!!H.username,touched:!!U.username,infoMessage:y("Label_Join_UsernameTooltip")||"","data-ttid":"login-username-input"}),(0,n.jsx)(r.Wz,{register:M("password",{required:{value:!0,message:y("Label_General_PasswordRequired")},onBlur:()=>R("password")}),password:!0,icon:"icon icon-key txt-blue",placeholder:y("Label_General_Password")||"",errorMessage:null===(s=H.password)||void 0===s?void 0:s.message,error:!!H.password,touched:!!U.password,"data-ttid":"login-password-input"}),A>=o.yd.ShowLoginReminder&&(0,n.jsx)("div",{className:"tip active",style:{color:"#eb4549"},children:(0,n.jsx)(m.cC,{i18nKey:A===o.yd.LockAccount?"Label_General_ContactCSD":"Label_General_LoginReminder",components:{ForgetPassword:(0,n.jsx)("a",{onClick:handleForgetPassword}),LiveChat:(0,n.jsx)("a",{onClick:u.NL})}})}),(0,n.jsx)("a",{className:"forgot",onClick:handleForgetPassword,children:y("Label_Header_ForgetPassword")})]}),(0,n.jsxs)("div",{className:"btnGroup",children:[(0,n.jsx)("button",{className:"ghost",type:"button",onClick:h?f:()=>{g&&!k&&L.push(o.Hb.home.root),f()},children:y("Label_General_Cancel")}),(0,n.jsx)("button",{className:"primary",type:"submit","data-ttid":"login-submit-btn",children:y("Label_General_Login")})]}),J&&(0,n.jsxs)("div",{className:"line-login-container",children:[(0,n.jsx)("p",{className:"divider",children:"or"}),(0,n.jsxs)("div",{className:"login-buttons-container",children:[(0,n.jsx)("button",{type:"button",onClick:I,className:"login-btn login-btn--telegram",children:(0,n.jsx)("img",{src:P(o.bo.desktop.telegram),alt:"Telegram"})}),(0,n.jsx)("button",{type:"button",onClick:b,className:"login-btn login-btn--line",children:(0,n.jsx)("img",{src:P(o.bo.desktop.line),alt:"line"})})]})]})]})]})})})}}}]);