@particle-network/auth-core-modal
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
75 lines (74 loc) • 2.84 kB
JavaScript
"use client";
import{a}from"./chunk-6XLKFNW7.js";import{sa as n,ta as s}from"./chunk-E4XMQAPX.js";import"./chunk-L535NPP3.js";import{Button as m}from"antd";import t,{useEffect as x}from"react";import{useTranslation as b}from"react-i18next";var i=`.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 f=()=>{let{t:o}=b(),l=n(),{loginSuccessRedirectToApp:p,modalOptions:c,setAuthCoreModal:r}=s(),{promptSettingConfig:e}=c;x(()=>(r({closable:!1}),()=>{r({closable:!0})}),[]);let d=()=>{l("/account/master-password",{replace:!0,state:{loginSetMasterPassword:!0}})},g=()=>{p()};return t.createElement("div",{className:"mp-modal-container"},t.createElement("style",null,i),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(m,{className:"mp-set-now mp-antd-bt",onClick:d},o("account.set_master_password_now")),(e==null?void 0:e.promptMasterPasswordSettingWhenLogin)!==3&&t.createElement(m,{className:"mp-set-later mp-antd-bt",onClick:g},o("account.later"))),t.createElement(a,{className:"footer-box-v2"}))},P=f;export{P as default};