UNPKG

@particle-network/auth-core-modal

Version:

Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.

75 lines (74 loc) 2.84 kB
"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};