@particle-network/authkit
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
75 lines (74 loc) • 2.8 kB
JavaScript
"use client";
import{a}from"./chunk-OVV6E33Q.mjs";import{pa as n,sa as s,va as i}from"./chunk-6YEBFRI3.mjs";import"./chunk-2FKLQE76.mjs";import{Button as l}from"antd";import t,{useEffect as b}from"react";var m=`.mp-modal-container {
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
}
.mp-modal-container .particle-title {
height: 60px;
font-weight: bold;
font-size: 20px;
line-height: 60px;
text-align: center;
color: var(--text-color);
}
.mp-modal-container .scroll-content {
padding-right: 18px;
padding-left: 18px;
margin-top: 15px;
display: flex;
flex-direction: column;
}
.mp-modal-container .mp-set-desc {
margin-top: 15px;
font-weight: 400;
font-size: 16px;
text-align: center;
color: var(--secondary-text-color);
}
.mp-modal-container .mp-set-img {
width: 100%;
height: 200px;
background: var(--master_password_icon) center center no-repeat;
flex: 1;
}
.mp-modal-container .mp-antd-bt {
width: 100%;
height: 47px;
margin-bottom: 15px;
border: none;
border-radius: var(--primary-btn-border-radius);
outline: none;
font-size: var(--primary-btn-font-size);
line-height: 22px;
color: var(--primary-btn-color);
background: var(--primary-btn-background-color);
}
.mp-modal-container .mp-antd-bt:hover {
opacity: var(--hover-opacity);
}
.mp-modal-container .mp-set-now {
max-width: 800px;
margin-top: 15px;
}
.mp-modal-container .mp-set-later {
max-width: 800px;
margin-bottom: 0;
color: var(--secondary-btn-color);
background: var(--secondary-btn-background-color);
}
.mp-modal-container .btns {
padding-right: 18px;
padding-left: 18px;
width: 100%;
}
.footer-box {
position: absolute;
bottom: 10px;
margin: 0;
}
`;var v=()=>{let{t:o}=i(),p=s(),{loginSuccessRedirectToApp:c,modalOptions:d,setAuthCoreModal:r}=n(),{promptSettingConfig:e}=d;b(()=>(r({closable:!1}),()=>{r({closable:!0})}),[]);let g=()=>{p("/account/master-password",{replace:!0,state:{loginSetMasterPassword:!0}})},u=()=>{c()};return t.createElement("div",{className:"mp-modal-container"},t.createElement("style",null,m),t.createElement("div",{className:"particle-title"},o("account.set_master_password")),t.createElement("div",{className:"scroll-content"},t.createElement("div",{className:"mp-set-desc"},o("account.set_master_password_tip")),t.createElement("div",{className:"mp-set-img"})),t.createElement("div",{className:"btns"},t.createElement(l,{className:"mp-set-now mp-antd-bt",onClick:g},o("account.set_master_password_now")),(e==null?void 0:e.promptMasterPasswordSettingWhenLogin)!==3&&t.createElement(l,{className:"mp-set-later mp-antd-bt",onClick:u},o("account.later"))),t.createElement(a,{className:"footer-box-v2"}))},k=v;export{k as default};