@particle-network/authkit
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
103 lines (102 loc) • 4.8 kB
JavaScript
"use client";
import{a as y}from"./chunk-B4ZTIRNP.mjs";import{a as x}from"./chunk-HRKAGZXU.mjs";import{a as h}from"./chunk-NSWCC5PG.mjs";import{a as w}from"./chunk-BM7ICTT2.mjs";import"./chunk-ZTTU2K7E.mjs";import"./chunk-UXH6IVHO.mjs";import"./chunk-GYYKKPHD.mjs";import"./chunk-3RRPQ2DX.mjs";import{h as l,o as f,r as b}from"./chunk-H6TXMQRA.mjs";import"./chunk-C7OWFSST.mjs";import E from"ahooks/es/useRequest";import{useEffect as K,useState as n}from"react";import{updatePaymentPassword as V}from"@particle-network/auth-core";import o from"react";var u=`.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 j=v=>{let e=f(),{t:a}=b(),t=v,[k,r]=n("loading"),[d,i]=n(""),[g,c]=n(""),[P,m]=n(),[_,p]=n(!1),{errorHandle:N}=x(),{loading:S,run:C}=E(V,{manual:!0,onSuccess:()=>{e(-1)},onError:s=>{N(s),(s==null?void 0:s.error_code)===50104&&(i(""),c(""),m(!1),r("password"))}});K(()=>{r("password")},[]);let z=s=>{s.length===6?s===g?(i(s),p(!0)):(i(""),c(""),m(!0),r("password"),p(!1)):(i(s),p(!1))},T=()=>{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;C({password:d,oldPassword:s})}};return k==="confirm"?o.createElement("div",{className:"set-password-container"},o.createElement("style",null,l(u)),o.createElement(w,{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(y,{onChange:z,value:d})),o.createElement("div",{className:"payment-buttons2"},o.createElement(h,{className:"payment-main-button2",disabled:!_,loading:t!=null&&t.oldPassword?S:!1,onClick:T},a("account.done")))):o.createElement(o.Fragment,null,o.createElement("style",null,l(u)),o.createElement("div",{className:"set-password-container"},o.createElement(w,{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(y,{onChange:s=>{c(s),s.length>5&&(m(!1),p(!1),r("confirm"))},value:g})),P&&o.createElement("div",{className:"password-mistake"},a("account.password_do_not_match"))))},W=j;export{W as default};