@particle-network/authkit
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
84 lines (83 loc) • 4.1 kB
JavaScript
"use client";
import{a as l}from"./chunk-BA6Y4UV5.mjs";import"./chunk-GKIRU5P2.mjs";import{a as c}from"./chunk-CHA6AH7V.mjs";import{F as p,pa as f,sa as d,va as u}from"./chunk-45SUOK7A.mjs";import"./chunk-2FKLQE76.mjs";import{RecordType as y}from"@particle-network/analytics";import{analyticsRecord as v,restoreWallet as C}from"@particle-network/auth-core";import{useRequest as I}from"ahooks";import{Button as D,Form as i,Space as B,Typography as W}from"antd";import e,{useEffect as q,useState as x}from"react";var g=`.mp-verify-container {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
overflow: auto;
font-size: 14px;
color: var(--text-color);
background-color: var(--theme-background-color);
}
.mp-verify-container .ant-form {
display: flex;
flex: 1;
flex-direction: column;
width: 100%;
max-width: 800px;
min-height: 360px;
}
.mp-verify-container .ant-form .scroll-content {
flex: 1;
width: 100%;
padding-left: 18px;
padding-right: 18px;
}
.mp-verify-container .ant-form-item {
margin-bottom: 0;
}
.mp-verify-container .mp-verify-title {
margin-top: 16px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: var(--text-color);
}
.mp-verify-container .mp-input-name {
align-self: flex-start;
margin-top: 30px;
font-weight: 400;
}
.mp-verify-container .mp-input {
margin-top: 6px;
}
.mp-verify-container .mp-input-error {
align-self: flex-start;
margin-top: 8px;
color: var(--error-color);
}
.mp-verify-container .mp-tip-space {
width: 100%;
margin-top: 25px;
margin-bottom: 110px;
line-height: 20px;
}
.mp-verify-container .mp-tip-space span {
color: var(--text-color);
}
.mp-verify-container .bottom-container {
width: 100%;
}
.mp-verify-container .bottom-container.footer {
padding-left: 18px;
padding-right: 18px;
}
.mp-verify-container .bottom-container .mp-next {
position: relative;
display: block;
width: 100%;
max-width: 800px;
margin: auto;
}
.mp-verify-container .bottom-container .footer-box {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: var(--footer-height);
margin: 0;
}
.mp-verify-container .bottom-container .footer-box img {
margin: 0;
}
`;var z=h=>{let{Text:a,Link:w}=W,s=d(),[b,n]=x(!1),{t:r}=u(),{loginVerifyMasterPassword:P}=h||{},m=e.useRef(null),[_,S]=x(!0),{loginSuccessRedirectToApp:N}=f(),E=p(),{run:M,loading:T}=I(C,{manual:!0,onBefore:()=>{v({record_type:y.PAGE_MASTER_PASSWORD_VERIFY})},onSuccess:o=>{o?(v({record_type:y.PAGE_MASTER_PASSWORD_VERIFY_SUCCESS}),P?N():s(-1)):n(!0)},onError:o=>{E.error((o==null?void 0:o.message)||"check master password error")}}),k=()=>{s("/account/master-password/description")},V=o=>{let{password:t}=o;(t==null?void 0:t.length)>=6&&(t==null?void 0:t.length)<=20?(n(!1),M(t)):n(!0)},A=o=>{let{password:t}=o;n(!1),S(!t)};return q(()=>{setTimeout(()=>{var o,t;(t=(o=m.current)==null?void 0:o.querySelector(".password-input input"))==null||t.focus()},200)},[]),e.createElement("div",{className:"mp-verify-container",ref:m},e.createElement("style",null,g),e.createElement("div",{className:"mp-verify-title"},r("account.restore_wallet")),e.createElement(i,{layout:"vertical",onFinish:V,onValuesChange:A},e.createElement("div",{className:"scroll-content"},e.createElement("div",{className:"mp-input-name padding-top-16"},r("account.master_password")),e.createElement(i.Item,{name:"password"},e.createElement(l,{className:"mp-input"})),b&&e.createElement("div",{className:"mp-input-error"},r("account.password_error")),e.createElement(B,{direction:"vertical",className:"mp-tip-space"},e.createElement(a,null,r("account.mpc_tss_intro")),e.createElement(a,null,r("account.input_decrypt_hint")," ",e.createElement(w,{onClick:k,className:"more-text-btn"},r("account.learn_more_period"))))),e.createElement(i.Item,null,e.createElement("div",{className:"bottom-container footer"},e.createElement(D,{className:"primary-antd-btn mp-next",htmlType:"submit",loading:T,disabled:_},r("common.confirm")),e.createElement(c,{className:"footer-box-v2"})))))},Z=z;export{Z as default};