https://www.ali88winmy.com/_next/static/chunks/44623-870e31454dea6ea2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44623],{622:(e,r,s)=>{s.d(r,{A:()=>h});var i=s(95155),t=s(71974),l=s(93609),n=s(54336),o=s(12562),a=s(8987),d=s(79561),p=s(51906),x=s(10690),c=s(13847),u=s(12115);let h=e=>{let{value:r,error:s,errorMessage:h,onChange:m,clientStyles:g,required:f=!0,showPassword:b=!1,onTogglePassword:j}=e,A=(0,c.useTranslations)("common"),[v,F]=(0,u.useState)(!1),L=j?b:v,_=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.A,{variant:"subtitle2",sx:{...g.fieldLabel},children:A("register.confirm_password")}),t.J0&&(0,i.jsx)(o.A,{sx:{...g.fieldLabel2,marginRight:"10px"},children:":"})]});return t.J0?(0,i.jsxs)(a.A,{sx:t.J0?{...g.widthWrapper}:void 0,children:[t.J0?(0,i.jsx)(a.A,{sx:{...g.leftWrapperWithoutSpace},children:_}):_,(0,i.jsx)(d.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",name:"confirm_password",id:"confirm-password-input",inputProps:{sx:{...g.inputBase}},placeholder:A("register.confirm_password_placeholder"),sx:{...g.textFieldLight,...g.textFieldLightFocused,...g.textFieldLightHelper},value:r,onChange:m,error:s})]}):(0,i.jsxs)(a.A,{sx:{width:"100%"},children:[(0,i.jsxs)(o.A,{variant:"subtitle2",sx:{...g.fieldLabel},children:[A("register.confirm_password"),f&&(0,i.jsx)("span",{className:"text-red-400",children:"*"})]}),(0,i.jsx)(d.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",name:"confirm_password",id:"confirm-password-input",inputProps:{sx:{...g.inputBase}},placeholder:A("register.confirm_password_placeholder"),type:L?"text":"password",sx:{...g.textFieldLight,...g.textFieldLightFocused,...g.textFieldLightHelper},value:r,onChange:m,error:s,helperText:s?h:"",InputProps:{endAdornment:(0,i.jsx)(p.A,{position:"end",children:(0,i.jsx)(x.A,{id:"confirm-password-button",onClick:j||(()=>F(!v)),edge:"end",size:"small",children:L?(0,i.jsx)(n.A,{sx:{...g.visibilityOn}}):(0,i.jsx)(l.A,{sx:{...g.visibilityOff}})})}),sx:{...g.inputBase}}})]})}},35516:(e,r,s)=>{s.d(r,{A:()=>o});var i=s(95155),t=s(60844),l=s(8987),n=s(12115);function o(e){let{options:r,value:s,onChange:o,prefix:a="",selectStyles:d={},disabled:p=!1}=e,[x,c]=(0,n.useState)(!1),u=(0,n.useRef)(null);return(0,n.useEffect)(()=>{function e(e){u.current&&!u.current.contains(e.target)&&c(!1)}return x&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[x]),(0,i.jsxs)("div",{ref:u,style:{position:"relative",width:"80px",height:d.height||"40px"},children:[(0,i.jsxs)("div",{onClick:()=>!p&&c(!x),style:{border:"1px solid #ddd",borderRadius:"8px",padding:"0px 14px",display:"flex",justifyContent:"space-between",alignItems:"center",height:"40px",opacity:p?.95:1,backgroundColor:p?"#f5f5f5":"#fff",cursor:p?"not-allowed":"pointer",...d},children:[a,s,(0,i.jsx)(t.A,{sx:{fontSize:"28px",color:p?"#ccc":"#464646",transform:x?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.3s"}})]}),(0,i.jsx)("ul",{style:{position:"absolute",top:"100%",left:0,width:"100%",background:"#f5f5f5",borderRadius:"8px",marginTop:"4px",listStyle:"none",padding:0,boxShadow:"0 4px 8px rgba(0,0,0,0.1)",zIndex:10,maxHeight:x&&!p?"200px":"0px",opacity:x&&!p?1:0,overflow:"hidden",transition:"max-height 0.3s ease, opacity 0.2s ease"},children:r.filter(e=>e!==s).map(e=>(0,i.jsxs)(l.A,{onClick:()=>{o(e),c(!1)},style:{padding:"12px 16px",cursor:"pointer",color:"#000"},children:[a,e]},e))})]})}},44623:(e,r,s)=>{s.d(r,{wr:()=>F,Wj:()=>x.A,LP:()=>b,fb:()=>u,bd:()=>d,Wh:()=>j.A,hT:()=>L.A,s3:()=>p.A,wS:()=>f,fC:()=>h,VO:()=>y,Ft:()=>k,pn:()=>T.A});var i=s(95155),t=s(8987),l=s(12562),n=s(79561),o=s(39494),a=s(13847);let d=e=>{let{value:r,error:s,errorMessage:d,onChange:p,clientStyles:x,required:c=!0}=e,u=(0,a.useTranslations)("common");return(0,i.jsxs)(t.A,{children:[(0,i.jsxs)(l.A,{variant:"subtitle2",sx:{...x.fieldLabel},children:[u("register.loginID"),c&&(0,i.jsx)("span",{className:"text-red-400",children:"*"})]}),(0,i.jsx)(n.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",sx:{border:"none",borderColor:"transparent",...x.textFieldLight,...x.textFieldLightFocused,...x.textFieldLightHelper},inputProps:{sx:{...x.inputBase}},name:"login_id",id:o.s.registerLoginIdInput,placeholder:u("register.login_

1id_placeholder"),value:r,onChange:p,error:s,helperText:s?d:""})]})};var p=s(74772),x=s(622),c=s(71974);let u=e=>{let{value:r,error:s,errorMessage:o,onChange:d,clientStyles:p,required:x=!0}=e,u=(0,a.useTranslations)("common"),h=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(l.A,{variant:"subtitle2",sx:{...p.fieldLabel},children:[u("register.full_name"),!c.J0&&x&&(0,i.jsx)("span",{className:"text-red-400",children:"*"})]}),c.J0&&(0,i.jsx)(l.A,{sx:{...p.fieldLabel2,marginRight:"10px"},children:":"})]});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.A,{sx:c.J0?{...p.widthWrapper}:void 0,children:[c.J0?(0,i.jsx)(t.A,{sx:{...p.leftWrapper},children:h}):h,(0,i.jsx)(n.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",sx:{borderRadius:"12px",...p.textFieldLight,...p.textFieldLightFocused,...p.textFieldLightHelper},inputProps:{sx:{...p.inputBase}},name:"full_name",id:"full-name-input",value:r,onChange:d,error:s,placeholder:u("register.full_name_placeholder"),helperText:!c.J0&&s?o:""})]}),c.J0&&(0,i.jsxs)(t.A,{sx:{...p.widthWrapper},children:[(0,i.jsx)(t.A,{sx:{...p.leftWrapper}}),(0,i.jsx)(l.A,{sx:{...p.fullNameReminderText},children:u("register.full_name_reminder")})]})]})},h=e=>{let{value:r,error:s,errorMessage:o,onChange:d,clientStyles:p,required:x=!1,hasStoredReferralCode:u=!1}=e,h=(0,a.useTranslations)("common"),m=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.A,{variant:"subtitle2",sx:{...p.fieldLabel},children:h("register.referral_code")}),c.J0&&(0,i.jsx)(l.A,{sx:{...p.fieldLabel2,marginRight:"10px"},children:":"})]});return c.J0?(0,i.jsxs)(t.A,{sx:c.J0?{...p.widthWrapper}:void 0,children:[c.J0?(0,i.jsx)(t.A,{sx:{...p.leftWrapper},children:m}):m,(0,i.jsx)(n.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",sx:{...p.textFieldLight,...p.textFieldLightFocused,...p.textFieldLightHelper},inputProps:{sx:{...p.inputBase}},name:"referral_id",id:"referral-id-input",placeholder:h("register.optional"),value:r,onChange:d,error:s,disabled:u})]}):(0,i.jsxs)(t.A,{children:[(0,i.jsxs)(l.A,{variant:"subtitle2",sx:{...p.fieldLabel},children:[h("register.referral_id"),x&&(0,i.jsx)("span",{className:"text-red-400",children:"*"})]}),(0,i.jsx)(n.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",sx:{...p.textFieldLight,...p.textFieldLightFocused,"& .MuiInputBase-input.Mui-disabled":{WebkitTextFillColor:c.r_?"#ffffff"

1:"#000",color:c.r_?"#ffffff":"#000"}},inputProps:{sx:{...p.inputBase}},name:"referral_id",id:"referral-id-input",placeholder:h("register.referral_id_placeholder"),value:r,onChange:d,error:s,disabled:u,helperText:s?o:""})]})};var m=s(35516),g=s(96670);let f=e=>{let{value:r,error:s,errorMessage:o,onChange:d,clientStyles:p,required:x=!0,currency:u="N/A",clientCode:h="",phonePrefix:f,onPhonePrefixChange:b,requireTitle:j=!0}=e,A=(0,a.useTranslations)("common"),v=(0,g.gI)(),F=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.A,{variant:"subtitle2",sx:{...p.fieldLabel},children:A(c.J0?"register.mobile_no":"register.phone_no")}),c.J0&&(0,i.jsx)(l.A,{sx:{...p.fieldLabel2,marginRight:"10px"},children:":"})]});return c.J0?(0,i.jsxs)(t.A,{sx:c.J0?{...p.widthWrapper}:void 0,children:[c.J0?(0,i.jsx)(t.A,{sx:{...p.leftWrapper},children:F}):F,(0,i.jsx)(n.A,{fullWidth:!0,className:"brand-form-fields-pro",sx:{...p.textFieldLight,...p.textFieldLightFocused,...p.textFieldLightHelper},inputProps:{sx:{...p.inputBase}},size:"small",name:"phone_no",id:"phone-number-input",placeholder:A("register.phone_no_example_placeholder"),value:r,onChange:e=>{let r=e.target.value;/^\d*$/.test(r)&&d(e)},error:s})]}):(0,i.jsxs)(t.A,{id:"phone-number-field",children:[j&&(0,i.jsxs)(l.A,{variant:"subtitle2",sx:{...p.fieldLabel},children:[A("register.phone_no"),x&&(0,i.jsx)("span",{className:"text-red-400",children:"*"})]}),(0,i.jsxs)(t.A,{sx:{...p.phoneRow},children:[c.CK?(0,i.jsx)(t.A,{sx:{pr:1},children:(0,i.jsx)(m.A,{options:["60","62"],prefix:"+",value:f||"60",onChange:e=>{b&&b(e)},selectStyles:{borderRadius:"8px",color:"#000000"}})}):(0,i.jsx)(n.A,{id:"phone-number-input-country-code",className:"brand-form-fields-pro",size:"small",value:"+".concat(v),sx:{...p.textFieldLight,...p.inputCentered,...p.textFieldLightHelper,background:"transparent",color:"#000000","& .MuiInputBase-input":{"&::placeholder":{color:"#000000"}}},inputProps:{sx:{...p.inputBase}},disabled:!0}),(0,i.jsx)(n.A,{fullWidth:!0,className:"brand-form-fields-pro",sx:{...p.textFieldLight,...p.textFieldLightFocused,...p.textFieldLightHelper},inputProps:{sx:{...p.inputBase}},size:"small",name:"phone_no",id:"phone-number-input",placeholder:A("register.phone_no_placeholder"),value:r,onChange:e=>{let r=e.target.value;/^\d*$/.test(r)&&d(e)},error:s,helperText:s?o:""})]})]})},b=e=>{let{value:r,error:s,errorMessage:o,onChange:d,clientStyles:p,required:x=!0}=e,c=(0,a.useTranslations)("common");return(0,i.jsxs)(t.A,{children:[(0,i.jsxs)(l.A,{variant:"subtitle2",sx:{...p.fieldLabel},children:[c("register.email")||"Email",x&&(0,i.jsx)("span",{className:"text-red-400",children:"*"})]}),(0,i.jsx)(n.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",type:"email",sx:{border:"none",borderColor:"transparent",...p.textFieldLight,...p.textFieldLightFocused,...p.textFieldLightHelper},inputProps:{sx:{...p.inputBase}},name:"email",id:"email-input",placeholder:c("register.email_placeholder")||"Enter your email address",value:r,onChange:d,error:s,helperText:s?o:"",autoComplete:"email"})]})};var j=s(51022),A=s(640),v=s(29936);let F=e=>{var r,s,l,n,d;

1let{step:p,isLoading:x,onLogin:u,onNext:h,onBack:m,onRegister:g,clientStyles:f,isClient:b=!0,otpVerified:j=!1,nextDisabled:F=!1}=e,L=(0,a.useTranslations)("common");if(c.i6)return null;let _={...f.buttonPrimary,"&.Mui-disabled":{color:null==(r=f.buttonPrimary)?void 0:r.color,background:null==(s=f.buttonPrimary)?void 0:s.background,backgroundColor:null==(l=f.buttonPrimary)?void 0:l.backgroundColor,backgroundImage:null==(n=f.buttonPrimary)?void 0:n.backgroundImage,filter:"brightness(0.68)",opacity:1,WebkitTextFillColor:null==(d=f.buttonPrimary)?void 0:d.color}};return 1===p?(0,i.jsxs)(t.A,{sx:{...f.actionsRow},children:[(0,i.jsx)(A.A,{className:"button-brand-outlined",id:o.s.registerActionStep1Login,variant:"outlined",onClick:u,disabled:x,sx:{...f.buttonOutlined},children:L("register.login")}),(0,i.jsx)(A.A,{className:"button-brand",id:o.s.registerActionStep1Next,variant:"contained",onClick:h,disabled:x||F,sx:_,children:L("register.next")})]}):2===p?(0,i.jsx)(t.A,{sx:{...f.stepTwoFooter},children:(0,i.jsxs)(t.A,{sx:{...f.stepTwoActionsRow},children:[(0,i.jsx)(A.A,{className:"button-brand-outlined",id:o.s.registerActionStep2Back,sx:{...f.buttonGhost},fullWidth:!0,onClick:m,children:L("register.back")}),(0,i.jsx)(A.A,{className:"button-brand",id:o.s.registerActionStep2Register,variant:"contained",sx:{...f.mainThemeColorBg,...f.buttonDanger},fullWidth:!0,onClick:g,disabled:x||!b,children:x?(0,i.jsx)(v.A,{size:24,sx:{...f.circularProgress}}):L("register.register")})]})}):null};var L=s(81701),_=s(52619),w=s.n(_),C=s(818);let y=e=>{let{clientCode:r,lng:s,clientStyles:t}=e,l=(0,a.useTranslations)("common");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A.A,{id:o.s.registerSuccessDeposit,variant:"contained",fullWidth:!0,href:(0,C.Z)(C.jD.PROFILE_WALLET_DEPOSIT),sx:{...t.buttonSuccess},children:c.vr?l("register.deposit_now"):l("register.deposit_now").toUpperCase()}),(0,i.jsx)(A.A,{id:o.s.registerSuccessCompleteProfile,fullWidth:!0,component:w(),href:(0,C.Z)(C.jD.PROFILE_ACCOUNT),sx:{...t.buttonSecondary},children:c.vr?l("register.complete_profile"):l("register.complete_profile").toUpperCase()})]})};var W=s(44968);let k=e=>{let{checked:r,onChange:s,onTermsClick:n,error:o=!1,errorMessage:d,clientStyles:p={},required:x=!0}=e,c=(0,a.useTranslations)("common");return(0,i.jsxs)(t.A,{component:"label",sx:{display:"flex",alignItems:"flex-start",gap:1,width:"100%",cursor:"pointer",position:"relative"},children:[(0,i.jsx)(t.A,{component:"span",onClick:e=>e.stopPropagation(),sx:{display:"inline-flex"},children:(0,i.jsx)(W.A,{checked:r,onChange:e=>s(e.target.checked),sx:{padding:{xs:1.5,sm:1},margin:{xs:"-6px",sm:0},...p.checkbox}})}),(0,i.jsxs)(t.A,{sx:{flex:1,minWidth:0},children:[(0,i.jsxs)(l.A,{variant:"body2",component:"span",sx:{...p.termsText},children:[c("register.i_read_and_agree_to"),"\xa0",(0,i.jsx)(t.A,{component:"span",onClick:e=>{e.preventDefault(),e.stopPropagation(),null==n||n()},className:"terms-conditions-checkbox-red-text",sx:{...p.termsTextRed,textDecoration:"underline",fontWeight:600,cursor:"pointer"},children:c("register.terms_and_conditions")})]}),o&&d&&(0,i.jsx)(l.A,{variant:"caption",sx:{color:"error.main",display:"block",mt:.5,...p.errorText},children:d})]})]})};var T=s(68017)},74772:(e,r,s)=>{s.d(r,{A:()=>h});var i=s(95155),t=s(71974),l=s(93609),n=s(54336),o=s(12562),a=s(8987),d=s(79561),p=s(51906),x=s(10690),c=s(13847),u=s(12115);let h=e=>{var r,s,h,m,g;let{value:f,error:b,errorMessage:j,onChange:A,clientStyles:v,required:F=!0,showPassword:L=!1,onTogglePassword:_,phonePrefix:w}=e,C=(0,c.useTranslations)("common"),[y,W]=(0,u.useState)(!1),k=t.J0?null!=(g=null==v||null==(s=v.textFieldLight)||null==(r=s.input)?void 0:r.borderColor)?g:"rgba(255,255,255,0.5)":null==v||null==(m=v.textFieldLight)||null==(h=m.input)?void 0:h.borderColor,T=null!=k&&""!==k?{"& .MuiOutlinedInput-root":{border:"1px solid",borderColor:k,borderRadius:"8px","& .MuiOutlinedInput-notchedOutline":{border:"none"},"&:hover .MuiOutlinedInput-notchedOutline":{border:"none"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{border:"none"}},"& .MuiOutlinedInput-input":{border:"none !important",backgroundColor:"transparent"}}:{},P=_?L:y,N=_||(()=>W(!y)),J=b?j:f?"":C("register.password_error_text"),I=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.A,{variant:"subtitle2",sx:{...v.fieldLabel},children:C("register.password")}),t.J0&&(0,i.jsx)(o.A,{sx:{...v.fieldLabel2,marginRight:"10px"},children:":"})]});return t.J0?(0,i.jsxs)(a.A,{sx:t.J0?{...v.widthWrapper}:void 0,children:[t.J0?(0,i.jsx)(a.A,{sx:{...v.leftWrapper},children:I}):I,(0,i.jsx)(d.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",name:"password",id:"password-input",type:P?"text":"password",inputProps:{sx:{...v.inputBase}},placeholder:C("register.password_placeholder"),sx:{...v.textFieldLight,...v.textFieldLightFocused,...v.textFieldLightHelper,...T},value:f,onChange:A,error:b,helperText:J,FormHelperTextProps:{id:"password-helper"},InputProps:{endAdornment:(0,i.jsx)(p.A,{position:"end",sx:{mr:0},children:(0,i.jsx)(x.A,{id:"password-button",onClick:N,size:"small",sx:{p:.5},children:P?(0,i.jsx)(n.A,{sx:{...v.visibilityOn}}):(0,i.jsx)(l.A,{sx:{...v.visibilityOff}})})}),sx:{...v.inputBase}}})]}):(0,i.jsxs)(a.A,{sx:{width:"100%"},children:[(0,i.jsxs)(o.A,{variant:"subtitle2",sx:{...v.fieldLabel},children:[C("register.password"),F&&(0,i.jsx)("span",{className:"text-red-400",children:"*"})]}),(0,i.jsx)(d.A,{fullWidth:!0,className:"brand-form-fields-pro",size:"small",name:"password",id:"password-input",inputProps:{sx:{...v.inputBase}},placeholder:C("register.password_placeholder"),type:P?"text":"password",sx:{...v.textFieldLight,...v.textFieldLightFocused,...v.textFieldLightHelper,...T},value:f,onChange:A,error:b,helperText:J,FormHelperTextProps:{id:"password-helper"},InputProps:{endAdornment:(0,i.jsx)(p.A,{position:"end",sx:{mr:0},children:(0,i.jsx)(x.A,{id:"password-button",onClick:N,size:"small",sx:{p:.5},children:P?(0,i.jsx)(n.A,{sx:{...v.visibilityOn}}):(0,i.jsx)(l.A,{sx:{...v.visibilityOff}})})}),sx:{...v.inputBase}}})]})}}}]);