@particle-network/authkit
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
103 lines (102 loc) • 4.69 kB
JavaScript
"use client";
import{a as w}from"./chunk-ZQMXC5NM.mjs";import{a as g}from"./chunk-ASWASXYK.mjs";import{b as l}from"./chunk-IOEQ3TXF.mjs";import"./chunk-OVV6E33Q.mjs";import{sa as f,va as b}from"./chunk-6YEBFRI3.mjs";import"./chunk-2FKLQE76.mjs";import{useRequest as T}from"ahooks";import{Button as M}from"antd";import{useEffect as E,useState as n}from"react";import{updatePaymentPassword as K}from"@particle-network/auth-core";import o from"react";var y=`.set-password-container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
overflow: hidden;
color: var(--text-color);
}
.set-password-container .display-none {
display: none;
}
.set-password-container .password-mistake {
width: 100%;
height: auto;
padding-bottom: 20px;
margin-top: 50px;
text-align: center;
color: var(--error-color);
}
.set-password-container .payment-title {
margin-top: 60px;
font-size: 22px;
color: var(--text-color);
}
.set-password-container .patment-tips1 {
width: 80vw;
margin-top: 30px;
font-size: 14px;
text-align: center;
color: var(--text-color);
}
@media (min-width: 600px) {
.set-password-container .patment-tips1 {
width: calc(80 * var(--vw));
}
}
.set-password-container .payment-buttons2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-top: 50px;
}
.set-password-container .payment-buttons2 .payment-main-button2 {
display: flex;
justify-content: center;
align-items: center;
width: 90%;
height: 47px;
border: none !important;
border-radius: var(--primary-btn-border-radius);
outline: none;
font-weight: 500;
font-size: var(--primary-btn-font-size);
color: var(--primary-btn-color);
background: var(--primary-btn-background-color);
opacity: 1;
}
.set-password-container .payment-buttons2 .payment-main-button2:hover {
color: var(--primary-btn-color);
background: var(--primary-btn-background-color);
}
.set-password-container .payment-buttons2 .payment-main-button2:disabled {
opacity: 0.5;
}
@media (max-width: 565px) {
.set-password-container .payment-buttons2 {
height: 47px;
position: absolute;
bottom: 262px;
}
}
.set-password-container .success-icon {
width: 50px;
height: 50px;
margin-top: 60px;
}
.set-password-container .payment-desc-1 {
box-sizing: border-box;
margin: 15px 0 0;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-align: center;
color: var(--text-color);
}
.set-password-container .keyboard-container {
width: 100%;
padding-right: 30px;
padding-left: 30px;
margin-top: 50px;
}
@media (max-width: 565px) {
.set-password-container .keyboard-container {
margin-top: 10px;
}
}
`;var V=h=>{let e=f(),{t:a}=b(),t=h,[x,r]=n("loading"),[d,i]=n(""),[u,c]=n(""),[v,m]=n(),[k,p]=n(!1),{errorHandle:P}=g(),{loading:_,run:N}=T(K,{manual:!0,onSuccess:()=>{e(-1)},onError:s=>{P(s),(s==null?void 0:s.error_code)===50104&&(i(""),c(""),m(!1),r("password"))}});E(()=>{r("password")},[]);let C=s=>{s.length===6?s===u?(i(s),p(!0)):(i(""),c(""),m(!0),r("password"),p(!1)):(i(s),p(!1))},S=()=>{if(t!=null&&t.account)e("/account/verify",{state:{account:t==null?void 0:t.account,password:d,pageType:"reset_payment_password"}});else if(t!=null&&t.oldPassword){let s=t==null?void 0:t.oldPassword;N({password:d,oldPassword:s})}};return x==="confirm"?o.createElement("div",{className:"set-password-container"},o.createElement("style",null,y),o.createElement(l,{className:"icon-navigation-back",name:"circle_back",onClick:()=>e(-1)}),o.createElement("h2",{className:"payment-title"},a("account.set_payment_password")),o.createElement("p",{className:"payment-desc-1"},a("account.re_enter_confirm")),o.createElement("div",{className:"keyboard-container"},o.createElement(w,{onChange:C,value:d})),o.createElement("div",{className:"payment-buttons2"},o.createElement(M,{className:"payment-main-button2",disabled:!k,loading:t!=null&&t.oldPassword?_:!1,onClick:S},a("account.done")))):o.createElement(o.Fragment,null,o.createElement("style",null,y),o.createElement("div",{className:"set-password-container"},o.createElement(l,{className:"icon-navigation-back",name:"circle_back",onClick:()=>e(-1)}),o.createElement("h2",{className:"payment-title"},a("account.set_payment_password")),o.createElement("p",{className:"payment-desc-1"},a("account.set_payment_password_tip")),o.createElement("div",{className:"keyboard-container"},o.createElement(w,{onChange:s=>{c(s),s.length>5&&(m(!1),p(!1),r("confirm"))},value:u})),v&&o.createElement("div",{className:"password-mistake"},a("account.password_do_not_match"))))},O=V;export{O as default};