@particle-network/auth-core-modal
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
39 lines (38 loc) • 2.19 kB
JavaScript
"use client";
import{Q as p,R as m,oa as d,qa as y,sa as h,ta as b}from"./chunk-E4XMQAPX.js";import"./chunk-L535NPP3.js";import{AuthType as v}from"@particle-network/auth-core";import{Button as f}from"antd";import o from"react";import{useTranslation as A}from"react-i18next";var g=`.select-account-drawer .ant-drawer-body {
padding: 18px !important;
}
.select-account {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.select-account .close-icon {
position: absolute;
top: 10px;
right: 10px;
}
.select-account .account-btn {
width: 100%;
height: 47px;
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);
}
.select-account .account-btn:hover {
opacity: var(--hover-opacity);
}
.select-account .select-account-title {
padding-top: 24px;
padding-bottom: 24px;
font-weight: 500;
font-size: 20px;
line-height: 1;
color: var(--text-color);
}
`;var T=x=>{var l,s,u;let{t:a}=A(),{visible:w,state:c}=x,{showSelectSecurityAccount:n,userInfo:t}=b(),r=h(),{authCoreModal:C}=y(),i=(e,_)=>{c?r("/account/verify",{state:{account:e,...c}}):r("/account/set-password",{state:{account:e}}),n(!1)};return o.createElement(o.Fragment,null,o.createElement("style",null,g),o.createElement(d,{title:(l=a("account.modal_select_verification"))!=null?l:"",placement:"bottom",closable:!1,className:"select-account-drawer",visible:w,maskClosable:!0,forceRender:!0,height:220,onClose:()=>n(!1),getContainer:()=>C.rootBody},o.createElement("div",{className:"select-account"},o.createElement(f,{className:"account-btn",onClick:()=>{var e;return i((e=t==null?void 0:t.security_account)==null?void 0:e.email,v.email)}},`${a("account.email")} - ${p(((s=t==null?void 0:t.security_account)==null?void 0:s.email)||"")}`),o.createElement(f,{className:"account-btn",onClick:()=>{var e;return i((e=t==null?void 0:t.security_account)==null?void 0:e.phone,v.phone)}},`${a("account.mobile")} - ${m(((u=t==null?void 0:t.security_account)==null?void 0:u.phone)||"")}`))))},H=T;export{H as default};