UNPKG

@particle-network/authkit

Version:

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

114 lines (113 loc) 7.67 kB
"use client"; import{a as c}from"./chunk-BM7ICTT2.mjs";import{a as m}from"./chunk-ZTTU2K7E.mjs";import{h as l,r as n}from"./chunk-H6TXMQRA.mjs";import e,{useEffect as w,useState as s}from"react";var d=`.particle-keywords-box { display: flex; justify-content: space-between; align-items: center; width: 360px; max-width: 96%; margin: 0 auto; } .input-item { display: flex; justify-content: center; width: 30px; height: 30px; padding-bottom: 30px; margin: 0 10px; border-bottom: 2px solid var(--text-color); line-height: 30px; text-align: center; color: var(--text-color); user-select: none; } .particle-keywords-map { position: absolute; z-index: 555; bottom: 0; left: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 100%; height: 245px; padding-bottom: 32px; border-top: var(--keyword-border-width) solid var(--keyword-border-color); background-color: var(--keyword-item-bg); } .particle-keywords-map .footer-box { position: absolute; bottom: 0; display: flex; align-items: center; height: 32px; margin: 0; background-color: var(--keyword-all-bg); } .particle-keywords-map.loading { flex-direction: column; justify-content: flex-start; width: calc(100 * var(--vw)); border-top: none; font-size: 16px; color: var(--secondary-text-color); background: transparent; } .particle-keywords-map.loading img { width: 38px; height: 38px; margin: 0 0 22px; margin-top: 40px; } .particle-keywords-map.loading .loading-icon { margin-top: 15px; font-size: 20px; } .particle-keywords-map [data-value='0'], .particle-keywords-map [data-value='2'], .particle-keywords-map [data-value='5'], .particle-keywords-map [data-value='8'] { border-right: var(--keyword-border-width) solid var(--keyword-border-color); border-bottom: var(--keyword-border-width) solid var(--keyword-border-color); border-left: var(--keyword-border-width) solid var(--keyword-border-color); } .particle-keywords-map [data-value='1'], .particle-keywords-map [data-value='3'], .particle-keywords-map [data-value='4'], .particle-keywords-map [data-value='6'], .particle-keywords-map [data-value='7'], .particle-keywords-map [data-value='9'] { border-bottom: var(--keyword-border-width) solid var(--keyword-border-color); } .particle-keywords-map > .span { display: flex; justify-content: center; align-items: center; width: 33.33%; height: 53px; margin-left: 0.001%; font-weight: 500; font-size: 22px; line-height: 19px; color: var(--text-color); background-color: var(--keyword-item-bg); cursor: pointer; user-select: none; touch-action: manipulation; } .particle-keywords-map > .span[data-value=''] { background: var(--keyword-all-bg); } .particle-keywords-map > .span[data-value='']:active { opacity: 1; } .particle-keywords-map > .span:active { background: var(--keyword-item-active-bg); } .particle-keywords-map .del { background: var(--keyword-all-bg); } .particle-keywords-map .del .img { font-size: 20px; } `;var y="data:image/png;base64,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";var I=({onChange:t,value:a,keyboardInvisible:k})=>{let{t:g}=n(),[b,N]=s(["","","","","",""]),[o,i]=s(a!=null?a:""),[u,L]=s([1,2,3,4,5,6,7,8,9,"",0]),x=r=>{o.length<6&&i(o+""+r)},f=()=>{if(o.length>0){let r=o.slice(0,o.length-1);i(r)}};return w(()=>{t==null||t(o)},[o]),w(()=>{i(a!=null?a:"")},[a]),k?e.createElement(e.Fragment,null,e.createElement("style",null,l(d)),e.createElement("div",{className:"particle-keywords-map loading"},e.createElement("img",{src:y,alt:""}),e.createElement("p",null,g("account.payment_checking")),e.createElement("span",{className:"p-loading-spinner loading-icon"}))):e.createElement(e.Fragment,null,e.createElement("style",null,l(d)),e.createElement("div",{className:"particle-keywords-box"},b.map((r,p)=>e.createElement("span",{key:r+p,className:`input-item ${!r||"active"}`},o[p]?"\u25CF":""))),e.createElement("div",{className:"particle-keywords-map"},u.map(r=>e.createElement("span",{className:"span",key:r,"data-value":r,onClick:()=>{r!==""&&x(r+"")}},r)),e.createElement("span",{className:"span del",onClick:f},e.createElement(c,{className:"img",name:"backspace"})),e.createElement(m,null)))},E=I;export{E as a};