UNPKG

@particle-network/auth-core-modal

Version:

Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.

49 lines (48 loc) 3.15 kB
"use client"; import{la as g,qa as f,sa as w,ta as b}from"./chunk-E4XMQAPX.js";import"./chunk-L535NPP3.js";import{useInterval as B}from"ahooks";import{Button as y,Modal as T}from"antd";import o,{useEffect as W,useState as x}from"react";import{useTranslation as A}from"react-i18next";var v=`.ant-modal-content .ant-modal-footer { display: none; } .wrong-password-content { display: flex; flex-direction: column; align-items: center; } .wrong-password-content .modal-title { font-size: 22px; font-weight: bold; position: relative; top: 7px; margin-bottom: 12px; } .wrong-password-content .tip { padding-right: 10px; padding-left: 10px; margin-top: 16px; margin-bottom: 20px; font-weight: 400; font-size: 17px; line-height: 1.3; text-align: center; color: var(--secondary-text-color); } .wrong-password-content .frozen-countdown { margin-top: 12px; margin-bottom: 22px; font-weight: bold; font-size: 24px; color: var(--text-color); } .wrong-password-content .btn { width: 100%; height: 47px; margin-top: 10px; border-radius: var(--primary-btn-border-radius); font-size: var(--primary-btn-font-size); color: var(--primary-btn-color); background: var(--primary-btn-background-color); opacity: 1; } .wrong-password-content .close-icon { align-self: flex-end; } `;var S=({info:e})=>{var m;let{t:i}=A(),{setWrongPassword:d,setPaymentVerify:h,userInfo:t,showSelectSecurityAccount:z}=b(),C=w(),M=()=>{d({visible:!1}),h({visible:!1}),P()},{authCoreModal:N}=f(),P=()=>{var n,r,s,a;((n=t==null?void 0:t.security_account)==null?void 0:n.email)&&((r=t==null?void 0:t.security_account)==null?void 0:r.phone)?z(!0):C("/account/set-password",{state:{account:((s=t==null?void 0:t.security_account)==null?void 0:s.email)||((a=t==null?void 0:t.security_account)==null?void 0:a.phone)}})},c=()=>{d({visible:!1})},[_,l]=x(),[p,u]=x(((m=e.accountFrozen)==null?void 0:m.seconds)||0);B(()=>{let n=p-1;u(n),n<=0&&(l(void 0),c())},_),W(()=>(e.accountFrozen&&(u(e.accountFrozen.seconds),l(1e3)),()=>{l(void 0)}),[e.accountFrozen]);let F=n=>{let r=Math.floor(n/60/60);r=r<10?"0"+r:r;let s=Math.floor(n/60%60);s=s<10?"0"+s:s;let a=Math.floor(n%60);return a=a<10?"0"+a:a,r+":"+s+":"+a};return o.createElement(o.Fragment,null,o.createElement("style",null,v),o.createElement(T,{open:e.visible,closable:!1,centered:!0,okButtonProps:{style:{display:"none"}},cancelButtonProps:{style:{display:"none"}},getContainer:()=>N.rootBody},o.createElement("div",{className:"wrong-password-content"},o.createElement(g,{className:"close-icon",onClick:c}),e.accountFrozen?o.createElement(o.Fragment,null,o.createElement("div",{className:"modal-title"},i("account.incorrect_payment_password")),o.createElement("div",{className:"tip m-margin-top-20"},i("account.incorrect_tip2"))):o.createElement("div",{className:"tip m-margin-top-20"},i("account.incorrect_tip1")),e.accountFrozen&&o.createElement("div",{className:"frozen-countdown"},F(p)),o.createElement(y,{className:"btn",onClick:M},i("account.forgot_password")),!e.accountFrozen&&o.createElement(y,{className:"btn",onClick:c},i("account.retry")))))},J=S;export{J as default};