@particle-network/auth-core-modal
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
49 lines (48 loc) • 3.15 kB
JavaScript
"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};