@particle-network/auth-core-modal
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
102 lines (101 loc) • 4.78 kB
JavaScript
"use client";
import{a as w}from"./chunk-2OZNRFK5.js";import{a as g}from"./chunk-MO6ZXZ2D.js";import"./chunk-YBOB65TJ.js";import{b as l}from"./chunk-S7NKTA7D.js";import"./chunk-6XLKFNW7.js";import{sa as f}from"./chunk-E4XMQAPX.js";import"./chunk-L535NPP3.js";import{useRequest as z}from"ahooks";import{Button as T}from"antd";import{useEffect as M,useState as n}from"react";import{useTranslation as E}from"react-i18next";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: calc(var(--doc-height) - 245px - 106px - 31px - 42px);
margin-top: 0;
}
}
.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:s}=E(),t=h,[x,r]=n("loading"),[d,i]=n(""),[u,c]=n(""),[b,m]=n(),[v,p]=n(!1),{errorHandle:k}=g(),{loading:P,run:_}=z(K,{manual:!0,onSuccess:()=>{e(-1)},onError:a=>{k(a),(a==null?void 0:a.error_code)===50104&&(i(""),c(""),m(!1),r("password"))}});M(()=>{r("password")},[]);let N=a=>{a.length===6?a===u?(i(a),p(!0)):(i(""),c(""),m(!0),r("password"),p(!1)):(i(a),p(!1))},C=()=>{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 a=t==null?void 0:t.oldPassword;_({password:d,oldPassword:a})}};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"},s("account.set_payment_password")),o.createElement("p",{className:"payment-desc-1"},s("account.re_enter_confirm")),o.createElement("div",{className:"keyboard-container"},o.createElement(w,{onChange:N,value:d})),o.createElement("div",{className:"payment-buttons2"},o.createElement(T,{className:"payment-main-button2",disabled:!v,loading:t!=null&&t.oldPassword?P:!1,onClick:C},s("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"},s("account.set_payment_password")),o.createElement("p",{className:"payment-desc-1"},s("account.set_payment_password_tip")),o.createElement("div",{className:"keyboard-container"},o.createElement(w,{onChange:a=>{c(a),a.length>5&&(m(!1),p(!1),r("confirm"))},value:u})),b&&o.createElement("div",{className:"password-mistake"},s("account.password_do_not_match"))))},Q=V;export{Q as default};