https://www.12fifa2018.com/_next/static/chunks/3588.fee50fb3bd345421.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3588],{33588:function(e,a,r){r.r(a);var l=r(52322),i=r(61842),t=r(83444),n=r(88213),o=r(38201),s=r(78287),d=r(50591),c=r(14482),h=r(14048),m=r(72779),u=r.n(m),p=r(28879),b=r.n(p),v=r(82981),_=r(2784),N=r(63955);a.default=function(){var e,a,r,m,p,x,g,f;let{closeCallback:j}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{t:C}=(0,v.$G)(),{closeModal:L}=(0,n.JT)(),[y]=(0,c.TGI)(),[w,{isFetching:P}]=(0,c.xbE)(),{userInfo:{currencyId:G}}=(0,s.aC)(),[S,E]=(0,_.useState)(!1),[M,q]=(0,_.useState)(""),{accountName:B,birth_d:R,birth_m:I,birth_y:D}=(0,d.xTZ)(),k=b()().subtract(18,"year"),A=R&&I&&D?b()("".concat(D,"-").concat(I.padStart(2,"0"),"-").concat(R.padStart(2,"0"))).toDate():null,{data:{data:{realNameValid:J,birthdayValid:T,phoneValid:Y,emailValid:W}={}}={},isLoading:F}=(0,c.g7u)(),U=!J,$=!T,z=!Y,H=!W,O=Object.values(o._b).map(e=>({value:e.AreaCode,label:"".concat(e.AreaCode," ").concat(e.Name)})),{formState:V,trigger:Z,register:K,handleSubmit:Q,watch:X,setValue:ee,getValues:ea}=(0,N.cI)({mode:"onTouched",defaultValues:{realName:null!=B?B:"",birth:A,phone:"",areaCode:null!==(f=o.Ps[G])&&void 0!==f?f:"",email:""}}),{errors:er,touchedFields:el}=V,ei=X("birth");if(F)return null;let et=G===h.CurrenciesEnum.INR?C("Label_General_GivenName_Surname"):C("Label_General_RealName"),handleClose=()=>{L(),null==j||j()},selectAreaCode=e=>{let a=ea("areaCode");if(e!==a){ee("areaCode",e);let a=ea("phone");a&&Z("phone")}},handleSubmitForm=async e=>{try{let a=$&&e.birth?b()(e.birth).format("DD"):"",r=$&&e.birth?b()(e.birth).format("MM"):"",l=$&&e.birth?b()(e.birth).format("YYYY"):"";await y({AccountName:U?e.realName:"",AreaCode:z?e.areaCode:"",BirthDay:a,BirthMonth:r,BirthYear:l,PhoneNo:z?e.phone:"",Email:H?e.email:""}).unwrap(),(0,t.$H)({message:C("Label_General_UpdateSuccessful"),type:t.Ps.Success,isNotification:!0}),handleClose()}catch(l){let e=l.message,[a,r]=e.split(c.MEU);(0,t.$H)({message:a,type:t.Ps.Error,isNotification:!0}),q(null!=r?r:"")}};return(0,l.jsx)("div",{className:"pop update-profile-info-modal",children:(0,l.jsxs)("form",{className:"Cancel active",onSubmit:Q(handleSubmitForm),children:[(0,l.jsx)("div",{className:"icon icon-icon32px_Profile"}),(0,l.jsx)("div",{className:"title",children:C("Label_General_ImportantNote")}),(0,l.jsxs)("div",{className:"content",children:[(0,l.jsx)("p",{children:C("Label_General_UpdatePersonalInfoWithdrawal")}),U&&(0,l.jsx)("div",{className:"input-wrapper",children:(0,l.jsx)(i.Wz,{register:K("realName",{required:{value:U,message:C("Label_Join_RealNameReq",{realName:et})},pattern:{value:o.qL,message:C("Label_Join_EnterRealName",{realName:et})},onBlur:()=>Z("realName")}),icon:"icon-member txt-gray",placeholder:et,errorMessage:null===(e=er.realName)||void 0===e?void 0:e.message,error:!!er.realName,touched:!!el.realName,infoMessage:U?C("Label_General_RemindForName",{realName:et}):void 0})}),$&&(0,l.jsxs)("div",{className:"input-wrapper input-wrapper-birthday",children:[(0,l.jsxs)("div",{className:u()("inputBox-blue",{error:!!er.birth}),style:{width:"auto"},children:[(0,l.jsx)("div",{className:"iconModule",children:(0,l.jsx)("i",{className:"icon icon-calendar txt-gray"})}),(0,l.jsx)(i.TY,{...K("birth",{required:{value:$,message:C("Label_Profile_BirthRequired")},onBlur:()=>Z("birth")}),selected:ei,onChange:e=>{ee("birth",e),Z("birth")},maxDate:b()(k).toDate(),placeholderText:C("Label_Profile_Birthday"),closeOnScroll:!0,showDisabledMonthNavigation:!0,showYearDropdown:!0,popperClassName:"update-profile-info-datepicker-popper"})]}),(null===(a=er.birth)||void 0===a?void 0:a.message)&&(0,l.jsx)("div",{className:"tip active txt-red",children:null===(r=er.birth)||void 0===r?void 0:r.message})]}),z&&(0,l.jsxs)("div",{className:"input-wrapper",children:[(0,l.jsxs)("div",{className:"phone",style:{display:"flex",flexWrap:"nowrap"},children:[(0,l.jsx)(i.Ph,{showSearch:!0,options:O,prefixIcon:(0,l.jsx)("i",{className:"icon icon-phone txt-gray"}),onChange:e=>selectAreaCode(e),value:X("areaCode"),errorMessage:null===(m=er.phone)||void 0===m?void 0:m.message}),(0,l.jsx)(i.Wz,{register:K("phone",{required:{value:z,message:C("Label_Join_PhoneRequired")},validate:(e,a)=>{let r=a.areaCode;return r?!!o.t$.test(r+e)||C("Label_Join_PhoneNumberErrorTip",{digitalArea:o.hI[r]}):C("Label_Join_PhoneRequired")},onBlur:()=>Z("phone")}),placeholder:C("Label_General_Phone"),error:!!er.phone,touched:!!el.phone,type:"number",onInfoCl

1ick:()=>E(e=>!e)})]}),S&&!er.phone&&(0,l.jsx)("div",{className:"tip active",children:C("Label_Join_CantChangePhone")}),(null===(p=er.phone)||void 0===p?void 0:p.message)&&(0,l.jsx)("div",{className:"tip active txt-red",children:null===(x=er.phone)||void 0===x?void 0:x.message})]}),H&&(0,l.jsx)("div",{className:"input-wrapper",children:(0,l.jsx)(i.Wz,{register:K("email",{required:{value:H,message:C("Label_Profile_EmailReq")},pattern:{value:o.CU,message:C("Label_Profile_MailWrongFormat")||""},validate:async e=>{if(!e)return!0;try{let{data:a}=await w({email:e}).unwrap();return!a||C("Label_Profile_MailExisted")}catch(e){return!0}},onBlur:()=>Z("email")}),icon:"icon icon-email txt-gray",loading:P,placeholder:C("Label_General_Email"),errorMessage:null===(g=er.email)||void 0===g?void 0:g.message,error:!!er.email,touched:!!el.email})})]}),(0,l.jsx)("div",{className:"btnGroup",children:(0,l.jsx)("button",{className:"btn-check primary",type:"submit","data-gtm-event":"submit-update-profile-info-btn",children:C("Label_General_Submit")})}),M&&(0,l.jsx)("div",{className:"api-tech-message",children:M})]})})}}}]);