https://www.elv520.com/_next/static/chunks/5621.e250cabf291bcfe4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5621],{15621:function(e,n,t){t.r(n),t.d(n,{default:function(){return pin_code_modal_OtpVerifyModal}});var a=t(52322),s=t(88213),l=t(80133),i=t(14482),r=t(82981),d=t(2784),c=t(67997),o=t(43806),u=t(74702),m=t.n(u),h=t(94349),x=t(28879),b=t.n(x),_=t(10264),p=t.n(_),f=t(52695);b().extend(p());let getInitialCountdown=e=>{if(null==e)return 0;let n=b().utc().unix()-e;return Math.max(0,f.B-n)},ResendPin=e=>{let{otpType:n,startUnixTime:t,onResendError:s}=e,{t:l}=(0,r.$G)(),[u,{isLoading:h}]=(0,i.J2u)(),[x,_]=(0,d.useState)(t),[p,C]=(0,d.useState)(()=>getInitialCountdown(t)),[j,y]=(0,d.useState)(()=>getInitialCountdown(t)>0);(0,d.useEffect)(()=>{if(!j||null==x)return;let tick=()=>{let e=b().utc().unix()-x,n=Math.max(0,f.B-e);C(n),n<=0&&y(!1)};tick();let e=setInterval(tick,1e3);return()=>clearInterval(e)},[j,x]);let N=(0,d.useCallback)(async()=>{try{var e;let t=await u({OtpType:n}).unwrap(),a=null===(e=t.data)||void 0===e?void 0:e.startUnixTime;if(null!=a){let e=b().utc().unix();_(e),C(getInitialCountdown(e)),y(!0)}else _(void 0),C(0),y(!1);null==s||s("")}catch(e){null==s||s(e.message)}},[n,u,s]);return(0,a.jsx)("div",{className:m().resendPin,children:j?(0,a.jsx)("span",{className:m().resendPinCountDown,children:l("Label_VerifyIdentity_ResendIn",{defaultValue:"Resend in {{time}}",time:"".concat(Math.floor(p/60),":").concat(String(p%60).padStart(2,"0"))})}):(0,a.jsxs)(a.Fragment,{children:[h?(0,a.jsx)(c.Cd,{size:20,className:m().resendPinSpinner,"aria-hidden":!0}):(0,a.jsx)(o.l_Z,{className:m().resendPinIcon}),(0,a.jsx)("button",{type:"button",className:m().resendPinBtn,onClick:N,disabled:h,children:l("Label_VerifyIdentity_ResendCode",{defaultValue:"Resend Code"})})]})})};var pin_code_modal_OtpVerifyModal=e=>{let{channel:n,startUnixTime:t,onBack:u,onSubmit:x}=e,{t:b}=(0,r.$G)(),{closeModal:_}=(0,s.JT)(),p="phone"===n?i.UF0.SMS:i.UF0.Email,[C,j]=(0,d.useState)(null),[y,N]=(0,d.useState)(!1),{inputRefs:P,pinDigits:v,pinStr:k,handleDigitChange:S,handleKeyDown:w}=(0,l.pP)(f.h),I=(0,d.useCallback)(async e=>{j(null),N(!0);try{await x(e,e=>j(e))}finally{N(!1)}},[x]),T=(0,d.useCallback)(()=>{_(),null==u||u()},[u,_]),g=(0,d.useCallback)(e=>{e.preventDefault(),k.length===f.h&&I(k)},[k,I]),L=b("email"===n?"Label_PinCode_OTP_SentToEmail":"Label_PinCode_OTP_SentToPhone"),E=k.length===f.h,R=(0,d.useMemo)(()=>C?[{key:"submitError",met:!1,text:C}]:[],[C]);return(0,a.jsx)("div",{className:"pop",children:(0,a.jsx)("div",{className:"editSuccess active ".concat(m().setPinCodePop),children:(0,a.jsx)("div",{className:m().wrapper,children:(0,a.jsxs)("div",{className:m().formCard,children:[(0,a.jsx)(o.sdl,{className:m().shieldIcon}),(0,a.jsx)("h2",{className:m().formTitle,children:b("Label_General_VerifyIdentity_Title")}),(0,a.jsxs)("p",{className:m().formDescription,children:[(0,a.jsx)("span",{children:L}),(0,a.jsx)("br",{}),(0,a.jsx)("span",{children:b("Label_PinCode_OTP_EnterToVerify")})]}),(0,a.jsxs)("form",{onSubmit:g,className:m().formBody,children:[(0,a.jsx)(h.u,{label:b("Label_PinCode_Enter_Code"),values:v,startIndex:0,globalRefs:P,showPin:!0,onChange:S,onKeyDown:w,tips:R}),(0,a.jsx)(ResendPin,{otpType:p,startUnixTime:t,onResendError:j}),(0,a.jsxs)("div",{className:m().buttonRow,children:[(0,a.jsxs)("button",{type:"button",className:m().closeBtn,onClick:T,disabled:y,children:[(0,a.jsx)(o.L9m,{size:16,className:m().backBtnIcon,"aria-hidden":!0}),b("Label_General_Back")]}),(0,a.jsx)("button",{type:"submit",className:m().submitBtn,disabled:!E||y,children:y?(0,a.jsx)(c.Cd,{size:18,className:m().submitSpinner,"aria-hidden":!0}):b("Label_General_Submit")})]})]})]})})})})}}}]);