https://web.masaupp.com/_next/static/chunks/9.322bd7f709050347.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9],{4787:function(e,n,r){r.d(n,{Z:function(){return i}});var o=r(85893),l=r(87536),t=r(5152),s=r.n(t);let a=s()(r.e(8279).then(r.t.bind(r,38279,23)),{loadableGenerated:{webpack:()=>[38279]},ssr:!1});function i(e){let{register:n,errors:r,control:t,placeholder:s,...i}=e;return(0,o.jsx)(l.Qr,{control:t,name:n.name,rules:{required:!0},render(e){let{field:l}=e;return(0,o.jsx)(a,{...n,autoComplete:"off",onChange(e){l.onChange(e)},...i,className:"ms-textbox-code-wrapper ".concat(i.className," ").concat(r[n.name]?"ms-validate":"")})}})}},50009:function(e,n,r){r.r(n),r.d(n,{default:function(){return p}});var o=r(85893),l=r(87536),t=r(47533),s=r(7258),a=r(9473),i=r(67294),m=r(19757),c=r(4787),d=r(98490),u=r(63991),f=r(28276);function p(){let{t:e}=(0,f.$G)("common"),n=s.object().shape({code:s.string().required(e("components.modules.profile.edit.phoneNumberModal.changeNumberVerify.form.code.required")).min("5",e("components.modules.profile.edit.phoneNumberModal.changeNumberVerify.form.code.min"))}),{register:r,handleSubmit:p,control:h,formState:{errors:x}}=(0,l.cI)({resolver:(0,t.X)(n)}),b=(0,a.I0)(),N=(0,a.v9)(e=>e.profile.edit.personal.phone),[g,j]=(0,i.useState)(N.timeOut),y=e=>{b((0,m.XT)(parseFloat(e.code)))},C=()=>{b((0,m.Tw)()).then(e=>{e.payload&&j(e.payload.timeOut)})};return(0,i.useEffect)(()=>{let e=setInterval(()=>{1!==g?j(g-1):(b((0,m.D5)(!0)),clearInterval(e))},1e3);return()=>{clearInterval(e)}},[g]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"text-[22px] leading-[26px] font-extrabold",children:e("components.modules.profile.edit.phoneNumberModal.changeNumberVerify.title")}),(0,o.jsx)("p",{dangerouslySetInnerHTML:{__html:e("components.modules.profile.edit.phoneNumberModal.changeNumberVerify.content",{phoneNumber:N.phoneNumber})}}),(0,o.jsxs)("div",{className:"flex flex-col w-full mt-[20px]",children:[(0,o.jsxs)("fieldset",{className:"flex flex-col items-start w-full lg:w-[503px]",children:[(0,o.jsx)(c.Z,{register:r("code",{required:!0}),errors:x,control:h,type:"number",fields:5,className:"field-5"}),(0,o.jsx)(d.Z,{name:"code",errors:x})]}),(0,o.jsx)("fieldset",{className:"flex flex-col items-center mt-[50px] text-center",children:N.resendCode?(0,o.jsx)("p",{children:e("components.modules.profile.edit.emailModal.phoneNumberModal.changeNumberVerify.resendCode.timeOut")}):(0,o.jsx)("p",{dangerouslySetInnerHTML:{__html:e("components.modules.profile.edit.phoneNumberModal.changeNumberVerify.resendCode",{remainingTime:g})}})})]}),(0,o.jsxs)("div",{className:"flex justify-center items-center gap-[20px] mt-[30px]",children:[(0,o.jsx)(u.Z,{onClick:()=>b((0,m.Dm)(1)),className:"grey",children:e("components.modules.profile.edit.emailModal.changeEmailVerify.form.button.back")}),N.resendCode?(0,o.jsx)(u.Z,{onClick:()=>C(),children:e("components.modules.profile.edit.emailModal.changeEmailVerify.form.button.sendAgain")}):(0,o.jsx)(u.Z,{onClick:p(y),children:e("components.modules.profile.edit.emailModal.changeEmailVerify.form.button.continue")})]})]})}}}]);