https://www.lotuss.com/_next/static/chunks/9303-ed7beacac035d496.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9303],{69303:(e,t,o)=>{o.d(t,{A:()=>W});var n=o(37876),r=o(14232),a=o(35268),s=o(59434),l=o(71733),i=o(62034),d=o(9982),c=o(92003),u=o(66703);let g=e=>{let{className:t}=e;return(0,n.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:[(0,n.jsx)("path",{d:"M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",fill:"#E8E8E8"}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.8132 7.81326C8.04915 7.5773 8.4317 7.5773 8.66766 7.81326L11.9999 11.1455L15.3321 7.81326C15.568 7.5773 15.9506 7.5773 16.1865 7.81326C16.4225 8.04921 16.4225 8.43177 16.1865 8.66772L12.8543 11.9999L16.1865 15.3321C16.4225 15.5681 16.4225 15.9506 16.1865 16.1866C15.9506 16.4226 15.568 16.4226 15.3321 16.1866L11.9999 12.8544L8.66766 16.1866C8.4317 16.4226 8.04915 16.4226 7.8132 16.1866C7.57724 15.9506 7.57724 15.5681 7.8132 15.3321L11.1454 11.9999L7.8132 8.66772C7.57724 8.43177 7.57724 8.04921 7.8132 7.81326Z",fill:"#424242"})]})};var h=o(38833),m=o(54587),p=o.n(m),x=o(67348);let A=(0,o(49376).b)("/logo/lotus-logo-primary.svg"),f=(0,a.Ay)(i.A)(e=>{let{theme:t}=e;return{boxShadow:t.shadow.cardElevated.boxShadow,padding:"28px 36px",backgroundColor:t.colors.white,...t.radius.l}}),C=()=>{let{isMobile:e}=(0,x.A)();return(0,n.jsx)(f,{display:"flex",children:(0,n.jsx)(p(),{alt:"lotus logo",width:e?116:156,height:e?26:36,src:A})})};var y=o(361),v=o(43436),b=o(31902),j=o(19589),w=o(43885),k=o(86025),T=o(24346),L=o(48948),S=o(50248),E=o(33455),N=o(68290);let B="MY"===N.A.siteCode,M="TH"===N.A.siteCode,_=(0,a.Ay)(s.A)(e=>{let{theme:t}=e;return{flex:1,paddingTop:0,paddingBottom:0,[t.breakpoints.up("sm")]:{paddingTop:32,paddingBottom:32},[t.breakpoints.up("md")]:{paddingTop:0,paddingBottom:32}}}),G=(0,a.Ay)(s.A)(e=>{let{theme:t}=e;return{marginTop:40,[t.breakpoints.down("md")]:{marginTop:0,marginBottom:0}}}),D=(0,a.Ay)(s.A,{shouldForwardProp:e=>"isLogin"!==e})(e=>{let{theme:t,isLogin:o}=e;return{marginTop:o&&M?34:40,[t.breakpoints.up("md")]:{marginTop:o&&M?24:36}}}),F=(0,a.Ay)(l.A)(e=>{let{theme:t}=e;return{padding:0,backgroundColor:t.colors.grey75,"&:hover":{backgroundColor:t.colors.grey100},[t.breakpoints.up("md")]:{height:44,width:44},"& svg":{width:"100%",height:"100%"}}}),P=(0,a.Ay)(i.A)(e=>{let{theme:t}=e;return{marginTop:12,marginBottom:B?36:48,textAlign:"center",[t.breakpoints.up("md")]:{marginTop:16,marginBottom:48}}}),R=(0,a.Ay)(d.A)(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textM,textDecorationLine:"none"}}),O=(0,a.Ay)(c.A)(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textL,color:t.colors.white}}),I=(0,a.Ay)(i.A)(()=>({width:"100%",marginTop:12})),z=(0,a.Ay)(h.A)(e=>{let{theme:t}=e;return{"&:disabled":{backgroundColor:t.colors.green100}}}),q=(0,a.Ay)("div")(e=>{let{theme:t}=e;return{backgroundColor:t.colors.green10,height:48,marginBottom:16,borderRadius:8,display:"flex",alignItems:"center",justifyContent:"center"}}),H=(0,a.Ay)("span")(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textM,color:t.colors.grey700,fontWeight:400}}),Q=(0,a.Ay)(d.A)(e=>{let{theme:t}=e;return{...t.fonts.fontStyles.textM,textDecorationLine:"none"}}),W=e=>{var t,o,a,l,d;let{isLogin:c=!1,headerText:h="",showPassword:m=!0,forgetPasswordLink:p="#",onSubmit:A=()=>!1,onModalClose:f=()=>!1,onCloseButtonClick:W=()=>!1,children:V=null,isMy:Y=!1,isThai:Z=!0,errorMobile:K=!1,errorPassword:J=!1,...U}=e,X=(0,L.ok)(),$=(0,u.A)(),{isMobile:ee}=(0,x.A)(),[et,eo]=(0,r.useState)(""),[en,er]=(0,r.useState)(""),[ea,es]=(0,r.useState)("+60"),[el,ei]=(0,r.useState)({value:!1,message:""}),[ed,ec]=(0,r.useState)({value:!1,message:""}),[eu,eg]=(0,r.useState)(!1),eh=function(){let e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=!0;(e=B?(0,k.Q7)(et,ea,N.A.siteCode):(0,k.oT)(et))?ei({value:!e,message:""}):(""===et?ei({value:!e,message:X("Contact.Error.InvalidMobileNumber")}):ei({value:!e,message:X("Mobile.Validation.Format.Error")}),n=!1),n&&o instanceof Function&&o(t)},em=(e,t,o)=>{let n,r;r=B&&"+60"===ea?k._o:M?k.qA:k.pg,"phoneNumber"===e?(n=(0,T.q_)(o,en,!m,r),o||ei({value:!1,message:""}),n=B?n&&(0,k.Q7)(o,ea,N.A.siteCode):n&&(0,k.oT)(o)):(n=(0,T.q_)(et,o,!m,r),ec({value:!1,message:""}),n=B?n&&(0,k.Q7)(et,ea,N.A.siteCode):n&&(0,k.oT)(et)),t instanceof Function&&t(o),eg(n)},ep=()=>{let e={mobile:M?"66".concat(et.slice(1)):ea.slice(1)+et};m&&(e.password=en),eh(e,A)};(0,r.useEffect)(()=>{K&&(eo(""),ei({value:!1,message:""})),J&&(er(""),ec({value:!1,message:""})),J&&K&&eg(!1)},[J,K]);let ex=X("Contact.PhoneNumber.TH.Example");return B&&(ex="+60"===ea?X("Contact.PhoneNumber.MY.Example"):X("Contact.PhoneNumber.SG.Example")),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(_,{container:!0,justifyContent:"center",onKeyDown:e=>{"Enter"===e.key&&eu&&ep()},children:(0,n.jsx)(G,{children:(0,n.jsxs)(y.A,{headerText:h,classes:{root:{boxShadow:ee?"none":$.shadow.card.boxShadow,...$.breakpoints.up("md")&&{...$.radius.xl}},headerContainer:{padding:12,minHeight:"unset",...$.breakpoints.up("md")&&{padding:24}},headerText:{color:$.colors.grey700,...$.fonts.fontStyles.header5,...$.breakpoints.up("md")&&{...$.fonts.fontStyles.header4}},container:{padding:"36px 24px 40px"}},startButton:(0,n.jsx)(F,{id:"close-login-register-btn","data-cta-name-en":"Close","data-cta-name-th":"ปิด","data-cta-type":"Button",onClick:W,children:(0,n.jsx)(g,{className:null})}),children:[(0,n.jsxs)(i.A,{display:"flex",flexDirection:"column",alignItems:"center",children:[(0,n.jsx)(C,{}),(0,n.jsx)(D,{isLogin:c,container:!0,direction:"row",justifyContent:"flex-start",children:(0,n.jsx)(s.A,{container:!0,children:(0,n.jsxs)(s.A,{size:{xs:12},style:{flex:1,width:ee?336:424},children:[c&&M&&(0,n.jsx)(s.A,{size:{xs:12},children:(0,n.jsxs)(q,{children:[(0,n.jsx)(H,{children:X("Login.Register.MigrateCustomer")}),(0,n.jsx)(Q,{id:"click-here-login-page","data-cta-name-en":"Click here","data-cta-name-th":"คลิกที่นี่","data-cta-type":"Link",href:(0,S.Ay)("forgetPassword")+"?clickSectionFirstTimeLogin=true",color:"secondary",style:{marginLeft:5},onClick:()=>(0,E.Sg)(E.DG.LOGIN_TO_REGISTER),children:X("General.ClickHere")})]})}),(0,n.jsxs)(s.A,{size:{xs:12},children:[B&&(0,n.jsx)(s.A,{children:(0,n.jsx)(v.A,{defaultValue:ea,onChange:e=>{eo(""),ei({value:!1,message:""}),es(e)}})}),(0,n.jsx)(i.A,{width:"100%",children:(0,n.jsx)(b.A,{value:et,maxLength:k.qA,onChange:em.bind(void 0,"ph

1oneNumber",eo),id:"username",onClear:()=>em("phoneNumber",eo,""),onBlur:eh,onFocus:()=>ei({value:!1,message:""}),error:el.value,errorMessage:el.message,sampleText:ex})})]}),m&&(0,n.jsx)(s.A,{size:{xs:12},children:(0,n.jsx)(i.A,{mt:"18px",width:"100%",children:(0,n.jsx)(j.A,{value:en,label:X("General.Password"),onChange:em.bind(void 0,"password",er),id:"password",onClear:()=>er(""),error:ed.value,errorMessage:ed.message,maxLength:50})})}),(0,n.jsxs)(s.A,{size:{xs:12},children:[(0,n.jsx)(I,{children:(0,n.jsx)(z,{id:c?"login":"confirm-for-register","data-cta-name-en":c?"Login":"Confirm","data-cta-name-th":c?"เข้าสู่ระบบ":"ยืนยัน","data-cta-type":"Button",fullWidth:!0,disabled:!eu,onClick:ep,children:(0,n.jsx)(O,{children:X("General.Confirm")})})}),m&&(0,n.jsx)(P,{children:(0,n.jsx)(R,{id:"forgot-password","data-cta-name-en":"Forgot Password","data-cta-name-th":"ลืมรหัสผ่าน","data-cta-type":"Link",href:p,color:"secondary",onClick:()=>(0,E.Sg)(E.DG.LOGIN_FORGOT_PASSWORD),children:X("Password.Edit")})})]})]})})})]}),(0,n.jsx)(i.A,{component:"div",children:V})]})})}),(0,n.jsx)(w.default,{isOpen:null==(t=U.modal)?void 0:t.info,title:null==(o=U.modal)?void 0:o.title,description:null==(a=U.modal)?void 0:a.message,labelText:null==(l=U.modal)?void 0:l.confirmText,onClose:f,errorDescription:null==(d=U.modal)?void 0:d.errorDescription})]})}}}]);