https://static2.paymonade.tech/static/prod/paymonade-channel-ui/_next/static/chunks/7514-62afb10bd8b86b6c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7514],{47514:(e,t,l)=>{l.d(t,{A:()=>g});var s=l(37876),a=l(14232),n=l(99190),i=l(34846),d=l(84952),c=l(54587),o=l.n(c),r=l(56709),x=l(18405),u=l(55492),m=l(77029),v=l(82565),h=l(89592),p=l(83415),f=l(17745);let j=["gaCode0","gaCode1","gaCode2","gaCode3","gaCode4","gaCode5"],g=e=>{var t;let{open:l,type:c,gaVerificateInfo:g,setOpen:y}=e,{t:N}=(0,i.Bd)(),[b,w]=(0,a.useState)([]),[C,S]=(0,a.useState)(""),[k,A]=(0,a.useState)(0),_=(0,a.useRef)(0),[E,I]=(0,a.useState)(-1),T=(0,a.useMemo)(()=>b.filter(e=>!!e).join(""),[b]),[q,B]=(0,a.useState)(!1),U=(0,a.useRef)(E),[D,P]=(0,a.useState)(!1),[R,F]=(0,a.useState)(""),[M,O]=(0,a.useState)(!1),[K,V]=(0,a.useState)(""),[G,H]=(0,a.useState)(""),{ga4log:Q}=(0,f.A)();(0,a.useEffect)(()=>{Q({element_id:"paymonade3_2fa_change_bind_pageview",extraInfo:{}})},[Q]),(0,a.useEffect)(()=>{U.current=E},[E]),(0,a.useEffect)(()=>(l&&w([]),()=>{A(0)}),[l]),(0,a.useEffect)(()=>{(async()=>{let{data:e}=await (0,u.qm)({qrCodeWidth:100,qrCodeHeight:100});V(null==e?void 0:e.googleAuthenticatorToken),H(null==e?void 0:e.qrCode)})()},[]);let W=e=>{"Backspace"===e.code&&(j.forEach(e=>{document.querySelector("#".concat(e)).value=""}),w([]),setTimeout(()=>{var e;null===(e=document.querySelector("#".concat(j[0])))||void 0===e||e.focus()},0))},L=(0,a.useCallback)(async()=>{try{if(1===k){var e;(0,u.o5)({verifyOtpType:"".concat(c),verifyOtpToken:(null==g?void 0:null===(e=g.tokenVo)||void 0===e?void 0:e.token)||"",newGaVerifyCode:b.join("")}).then(e=>{var t;(null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.bindStatus)==="SUCCESS"?(y(!1),v.A.success({text:N("RelinkSuccessfully")})):("USE003000003"===e.code||"USE003000002"===e.code)&&S((null==e?void 0:e.msg)||N("Invalid code. Please try again.")),Q({element_id:"paymonade3_2fa_verify__confirm",extraInfo:{resCode:e.code}})}).catch(e=>{var t,l,s,a,n,i;S((null==e?void 0:null===(l=e.response)||void 0===l?void 0:null===(t=l.data)||void 0===t?void 0:t.msg)||N("Invalid code. Please try again.")),Q({element_id:"paymonade3_2fa_verify__confirm",extraInfo:{resCode:(null==e?void 0:null===(a=e.response)||void 0===a?void 0:null===(s=a.data)||void 0===s?void 0:s.code)||(null==e?void 0:null===(i=e.response)||void 0===i?void 0:null===(n=i.data)||void 0===n?void 0:n.msg)}})})}else{let e=k+1;A(e)}}catch(e){S(N("Invalid code. Please try again."))}},[k,c,null==g?void 0:null===(t=g.tokenVo)||void 0===t?void 0:t.token,b,y,N]);(0,a.useEffect)(()=>{if(b.length>0){var e,t;b.forEach((e,t)=>{let l=document.querySelector("#".concat(j[t]));l&&(l.value=e||"")}),null===(t=document.querySelector("#".concat(j[_.current+1])))||void 0===t||null===(e=t.focus)||void 0===e||e.call(t)}},[b]),(0,a.useEffect)(()=>{6===T.length&&L()},[T]);let z=e=>{navigator.clipboard.writeText(e).then(()=>{v.A.info({text:N("copySucceed"),options:{position:v.y.top,Icon:null}})})};(0,a.useMemo)(()=>[{key:"1",label:N("AddManually"),children:(0,s.jsx)(s.Fragment,{})},{key:"2",label:N("AddByQrcode"),children:(0,s.jsxs)("div",{className:"mt-3 flex",children:[(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)("div",{className:"w-[20px] h-[20px] bg-primary rounded-xl text-center text-white",children:(0,s.jsx)("span",{children:"1"})}),(0,s.jsx)("div",{className:"h-[152px] w-[3px] bg-line mt-1.5"}),(0,s.jsx)("div",{className:"w-[20px] h-[20px] bg-primary mt-1.5 rounded-xl text-center text-white",children:(0,s.jsx)("span",{children:"2"})})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"ml-1",children:N("2FABindDesc3")}),(0,s.jsx)("div",{className:"bg-bg2 rounded-xl mt-3",children:(0,s.jsx)(o(),{src:x.A,className:"mx-auto mt-3 w-[160px] h-[120px]",alt:"Success"})}),(0,s.jsx)("div",{className:"mt-3 flex",children:(0,s.jsx)("div",{className:"ml-1",children:N("ScanQrcode")})}),(0,s.jsx)("div",{className:"bg-bg2 rounded-xl mt-3 py-[12px]",children:(0,s.jsx)(o(),{width:120,height:120,src:decodeURIComponent(G),className:"mx-auto mt-1 w-[100px] h-[100px]",alt:"Success"})})]})]})}],[G]);let J=e=>{S("");let t=e.target.value;t?_.current=j.indexOf(e.target.id):_.current=j.indexOf(e.target.id)-1;let l=e=>+e.replace("gaCode","");if(isNaN(+t)){e.target.value="";return}w(s=>(s[l(e.target.id)]=t,[...s]))},X=e=>{var t;let l=null==e?void 0:null===(t=e.clipboardData)||void 0===t?void 0:t.getData("Text");l&&w(e=>[...l.split(""),...e.slice(l.length)])};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.Ay,{showMask:!0,onClose:()=>y(!1),title:N("RelinkAuthenticatorPopTitle"),open:l,children:(0,s.jsxs)("div",{className:"relative h-full flex flex-col justify-between",children:[0===k&&(0,s.jsxs)("div",{className:"overflow-y-auto ",children:[(0,s.jsxs)("div",{className:"bg-alertbg p-3 flex text-xs mt-4 items-start rounded-xl mb-3",children:[(0,s.jsx)(o(),{src:p.A,alt:"ICInfo"}),(0,s.jsx)("div",{className:"ml-1",children:(0,s.jsx)("span",{className:"text-primary-text",children:N("2faUnBind")})})]}),(0,s.jsxs)("div",{className:"mt-3 flex",children:[(0,s.jsxs)("div",{className:"flex flex-col items-center",children:[(0,s.jsx)("div",{className:"w-[20px] h-[20px] bg-primary rounded-xl text-center text-white",children:(0,s.jsx)("span",{children:"1"})}),(0,s.jsx)("div",{className:"h-[152px] w-[3px] bg-line mt-1.5"}),(0,s.jsx)("div",{className:"w-[20px] h-[20px] bg-primary mt-1.5 rounded-xl text-center text-white",children:(0,s.jsx)("span",{children:"2"})})]}),(0,s.jsxs)("div",{className:" w-full",children:[(0,s.jsx)("div",{className:"ml-1",children:N("2FABindDesc3")}),(0,s.jsx)("div",{className:"bg-bg2 rounded-xl mt-3",children:(0,s.jsx)(o(),{src:x.A,className:"mx-auto w-[160px] h-[120px]",alt:"Success"})}),(0,s.jsx)("div",{className:"mt-8 flex",children:(0,s.jsx)("div",{className:"ml-1",children:N("EnterSetupKey")})}),(0,s.jsxs)("div",{className:"bg-bg2 rounded-xl",children:[(0,s.jsxs)("div",{id:"key-input",style:{lineBreak:"anywhere"},className:"flex-wrap mt-3 flex flex-1 items-center justify-between py-2 px-3 text-base font-bold",onInput:e=>{V(e.target.value)},children:[(0,s.jsx)("div",{children:K}),(0,s.jsx)("div",{children:(0,s.jsx)(o(),{className:"cursor-pointer",onClick:()=>z(K),src:h.A,alt:"copy"})})]}),(0,s.jsx)("div",{className:"  py-[12px]",children:(0,s.jsx)(o(),{width:120,height:120,src:decodeURIComponent(G),className:"mx-auto mt-1 w-[100px] h-[100px]",alt:"Success"})})]})]})]}),(0,s.jsx)("div",{className:"mt-2 text-center",children:(0,s.jsx)(i.x6,{t:N,i18nKey:"DownloadAppTips",components:{s:(0,s.jsx)("span",{onClick:()=>B(!0),className:"text-link ml-1 cursor-pointer"})}})})]}),1===k&&(0,s.jsxs)("div",{className:"overflow-y-auto ",children:[(0,s.jsxs)("div",{className:"flex justify-between mt-6",children:[(0,s.jsx)("div",{className:"font-medium",children:N("2FACodeDesc")}),(0,s.jsx)("div",{className:"font-medium text-link cursor-pointer",onClick:()=>{var e,t,l;null===(l=navigator)||void 0===l||null===(t=l.clipboard)||void 0===t||null===(e=t.readText())||void 0===e||e.then(e=>{w(t=>[...e.split(""),...t.slice(e.length)])})},children:N("Paste")})]}),(0,s.jsx)("div",{className:"flex justify-between",children:j.map(e=>(0,s.jsx)("input",{autoComplete:"off",id:e,onInput:J,onPaste:X,onKeyUp:W,type:"text",inputMode:"numeric",maxLength:1,className:"w-11 h-11 bg-bg2 mt-2\n                    text-center border border-bg2 rounded-xl\n                    text-black text-xl font-medium focus:ring-[#91E500]\n                    focus:border-[#91E500] focu

1s:caret-[#91E500]\n                    focus:outline-[#91E500] ".concat(C?"text-sell":"")},e))}),(0,s.jsx)("div",{className:"text-sell mt-2",children:C})]}),0===k&&(0,s.jsx)(d.A,{onClick:L,className:"",children:(0,s.jsxs)("div",{className:"flex flex-1 justify-center",children:[(0,s.jsx)("span",{children:N(0===k?"Continue":"Submit")}),(0,s.jsx)(o(),{className:"ml-1",src:r.A,alt:"ICGoBtn"})]})})]})}),(0,s.jsx)(m.A,{open:q,setOpen:B})]})}},83415:(e,t,l)=>{l.d(t,{A:()=>s});let s={src:"https://static2.paymonade.tech/static/prod/paymonade-channel-ui/_next/static/media/ICInfo.116fba79.svg",height:16,width:16,blurWidth:0,blurHeight:0}}}]);