@particle-network/auth-core-modal
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
86 lines (80 loc) • 9.82 kB
JavaScript
"use client";
import {
svg_icon_default
} from "./chunk-RE3TPCDB.js";
import {
power_footer_default
} from "./chunk-3DLMKWWJ.js";
import {
__esm,
__export,
__toCommonJS
} from "./chunk-LQ53OFQ3.js";
// src/common/images/account/icon_logo_gray.png
var icon_logo_gray_exports = {};
__export(icon_logo_gray_exports, {
default: () => icon_logo_gray_default
});
var icon_logo_gray_default;
var init_icon_logo_gray = __esm({
"src/common/images/account/icon_logo_gray.png"() {
icon_logo_gray_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAQAAABtnpmgAAAAAXNSR0IArs4c6QAACcVJREFUeNrtWnt0FNUZnzQBAkGglAgVCA+F9PASKDE8hECpkFCMUQMEAoqGh4FGHkXepkEsAUTLEXzk0DangAWXQrJzv9/dDUFywIJFXvJosWLEU1oKyCshvJPdnpmdnZ07wx6ym934jzP/JHfn3vub737P3zeS9MNVTxfvw2bRPPa0cYw6YxJPL23+vYEqaECFqIZbuekwOihjtqZk08YqabEU8b0Aw1oPKO3+sjBaklBqGHFRbr0AKYxmU+l3tExOUQ8xFncEYG421fGsOIK79taeubZY+yNhgkU98LVXEpBtjek5Ewg3PqI15jGeJkk0Bv9QZvEzlJ33oxDDYk1wxrghbaYMC7CPaZ15jCZSFtX4Dhf5oZbXbPOW9qeo2gRiAZZawD6FKuH/e3L30AKzymIMbRNGLpQ2L3kYV4SD3E8TzfNYfpiBsfSiFrRf//8s+qkmkYZb+lg5+xkttsjwD3UHMxgM5/gZ2sy6UI5peRd1liR3BD2HfP4uTXO21J1IV6yio/Qp5ha1kCT2NFwmc3hdsW85wR7vDs4Q5Cnw6VCFnIR/CRtsqN0qtsb4nzDvFutC63BD/fscTQwYVnF7k9KWs8dxXJfWloIGtZb7MNw2yDmLdhjXdbwY6DG+YdGp4YXReAaLMJf3DzBC9OZAFaqwjw1Fsulor7ImgQF732KFWX4ejZB/gelI1OYNxEw+wupGeSNbY/X3QouuDgssa3jLIrFn/cjjA+33+ZJEv/HIgz70K70iy7qZgUlsoMFfK/dN1sooJRqMFZhga0idfWotx3m1iaodHXkjysZ6luYWMgy8bZZYwA4XG4zTMUWQ53xVMi4U2wfpz9Q4Bhg1kko9z9BK40xHR4MpKM7jsC0yQGBlUVjqWYRfogxRX6hS17xf6tb7dWE0feGNAmyEvvkNJR0ynEWWAdh5ezxr4oi3NQwQnK2pPZ4/ap5WEkN6wiOnsAF0kq7jgCNeca60D9dwnPfH8z5JKo7WKBcaCBnlOMXW8yTswV24cRsyaxt0JLA/RGtwFqyoN/Zqm17b8RN/r0T/1Z75xD4IR1CDrTseNulxZ1QYrP60v7UebBCbtCUuFXdDMV3HMfq5/6cdvagMV2kT9cBlbfOdpvXsJof0TlCwSmJ8GSubIEm2hg/O6BWLZHpWS3dM5nXNZKFngquHGmkRTgE2KoAUc6gO7DsTsHsmYBeDLdUWaOHkiGgOvBnlsC7uCJbJ0t0WKdoi4dAcxzxbpDEm4LwJ2IlgtT+CMqgQy+0P6ebwCJ6nH6ve/AKbChdcPAVDeKYIvCwK07HWMRwLcRkXKUcH9o4pBvw6dOnjSbi5kwhuXJGnqO7jVSVi0JL7PJuth+/xuqT3G1SfAvZm9y927cmsi5prfWZvjVeph5I0Uqo9Xs3iltPLZj1EsQ6hwOBUcukrXKCTlBMSWJKEPLipklL5752mWCensEWYq5ZrfYQZG3XprLLEmJdQTEexlg2oO7C34aYaOc7PEc9QfnX0ElLPnqj0eEHWxThe2hyf6ZCreV31zNYSK/wlQpKUF4UJLJN2YD1vZJBlHOXSEt5tY4zwEn8UTKCaPVE/zEayqWzeChe/6+M0NsYYqiqtng83sGdwFxUeDkgfW6FnYWM9I87ulkz5cNhJmO3tMIdlGl0ujpkts6S9ubyjvWEHpmZeLnm0AdjHOoA8b1ygsyaZLQ0/fzYWLlTTYGO9pGUax0p0A2DpQhJf7osrYbzkSSxNHClqgTmYfEioSh0ZuKAl8HsdHeuDcUzEDaqkHsLYazhEe72qb6jXR9NEZ9/6okJfUZU52zAyU1P1exhikGsnbKL/4Dz20Mh6AcZaYRP+ZHSx9Kk1XvI+dN1gk7PDL68O+Jz2oY0wJusQ1urZ2pei57fHh1teyz1UpwAsWasqv/NGWUeC2Y9hdVhh2Zry/nQeZ4pMViYn8TW00v6YfrjTLJTBX+u0sX0IncdxH11n+rUXKqhSThCrbCykb/AtLRNiQbJFYh/Uzasv89CdVndoayjHYbK6xSyhMnhBg+Ay2mlhtF7caVGUJ9XNdXbHCQLLoxraJsLCQbj5m2wDNpQ1FeT1F31z4bAwXqTpQ9LmoYOKT6IMXKYDaEOncI2NU1Jrvus+z36ob/+e6ZdU+kqV5mV6I0QJNk/HETYff1bfdZ4nbaYl4DTwPjLuhIvqE5d9KbetMX+B5SOfXkSbkvbBW1okrcRR7DRvy55AOW1mTdhH/LDzsftA6ku7cRGERJqBmXInPW52VFs5nvsUfzR4z5SvLVLF2wXU7Pm3Nu+gyQUfEdT+SJDHaIv08dgKrVnr404yWFysAXCaxYONCAqYO4J8Jf30ggbo6s+LeS9nSznJ2RI9dU9100jhWTt1QaeI8mSN+i2X++NbuHAHq/wbtzwZN1Xu9iXaomVbQrBhqy3Z/oLg3UMqVlOu86f4XF9soCTxdpjkVV1bLGXJCWq16KVDK0ubYzLyeLoJ+JNmn28fVFsJxWE6LcAQcxfE1tDHBNIMjKebaoa1UA0wFZ6kBomGLRP9vKZTAMZr2WSlN7VekgtfoKvI+vjsSU5ROVQ1+WNt6bTeVhipNwivlMSI4R2vEGgflhcn0i6dFd9pq91XB2yRcPrf7G8sGHpPjyHQu3In31NyimHOaxitlrK3MFqw0Vg6oT9TxdJoGOVQjmNoLQ+xtLmpxeXGXDPx6eyrFLOF0V76jW4UtaC9XlJTSWx4M3TlzUwv/ImwamWA/p4Ntzbi/fdQcFahSihVbegrJW0VTfPzbA+zwrO5gaXFyRZT3u7/6UMN0NXbQ3NHODqKpIkAzJIW0ubAJNbW3IjHb8uiHKMol17nKWVRAaeVreVOSi3psHx5QOsCLSU2Cgtck/vjb/piux/k84WV+mG3eoAXlWa07t2899jAc/ZdPhWlX9EeoTW1KwAy/aZBPoVYatQy2hdE4LZFUgY20jassLf2cfVev+MY6akcHal8HHtczCbkBPT2OmX6pziPjcBSfl2ng+v6xZTKqYrWlKeW+1Wae+TebibP1Q7rHL0sSfZ+lk9qCtRCeAJlidRByIAhD3ME0z+oVNxCw7oGs9g4y7zdoS1eh1u/UzFVN25McCSYRirYUIvfWh/a8jXS69O9rB8bZXXBWGiBn02HTY3mJ0PNRLTBAf3t/85jxaJLvcnS73azRXJfXDV8MfBWGIp+t9JJWkkr+TglOZTjTM18N19M2RZVT5ckezxtURmL44o51Af7xQQQt9GBtRWpcTrtpQjKokpipPq6WCsDB32DxqjOItPXLUdFyPWptldZNM2m7bQbq4q76WF6MLaiii7xArEx88NVX9f/ASPhjmRkq4YZAAAAAElFTkSuQmCC";
}
});
// src/pages/account/ParticleKeywords/index.tsx
import { LoadingOutlined } from "@ant-design/icons";
import React, { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
// src/pages/account/ParticleKeywords/index.less
var ParticleKeywords_default = ".particle-keywords-box {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 360px;\n max-width: 96%;\n margin: 0 auto;\n}\n.input-item {\n display: flex;\n justify-content: center;\n width: 30px;\n height: 30px;\n padding-bottom: 30px;\n margin: 0 10px;\n border-bottom: 2px solid var(--text-color);\n line-height: 30px;\n text-align: center;\n color: var(--text-color);\n user-select: none;\n}\n.particle-keywords-map {\n position: absolute;\n z-index: 555;\n bottom: 0;\n left: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n width: 100%;\n height: 245px;\n padding-bottom: 32px;\n border-top: var(--keyword-border-width) solid var(--keyword-border-color);\n background-color: var(--keyword-item-bg);\n}\n.particle-keywords-map .footer-box {\n position: absolute;\n bottom: 0;\n display: flex;\n align-items: center;\n height: 32px;\n margin: 0;\n background-color: var(--keyword-all-bg);\n}\n.particle-keywords-map.loading {\n flex-direction: column;\n justify-content: flex-start;\n width: calc(100 * var(--vw));\n border-top: none;\n font-size: 16px;\n color: var(--secondary-text-color);\n background: transparent;\n}\n.particle-keywords-map.loading img {\n width: 38px;\n height: 38px;\n margin: 0 0 22px;\n margin-top: 40px;\n}\n.particle-keywords-map.loading .loading-icon {\n margin-top: 15px;\n font-size: 20px;\n}\n.particle-keywords-map [data-value='0'],\n.particle-keywords-map [data-value='2'],\n.particle-keywords-map [data-value='5'],\n.particle-keywords-map [data-value='8'] {\n border-right: var(--keyword-border-width) solid var(--keyword-border-color);\n border-bottom: var(--keyword-border-width) solid var(--keyword-border-color);\n border-left: var(--keyword-border-width) solid var(--keyword-border-color);\n}\n.particle-keywords-map [data-value='1'],\n.particle-keywords-map [data-value='3'],\n.particle-keywords-map [data-value='4'],\n.particle-keywords-map [data-value='6'],\n.particle-keywords-map [data-value='7'],\n.particle-keywords-map [data-value='9'] {\n border-bottom: var(--keyword-border-width) solid var(--keyword-border-color);\n}\n.particle-keywords-map > .span {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 33.33%;\n height: 53px;\n margin-left: 0.001%;\n font-weight: 500;\n font-size: 22px;\n line-height: 19px;\n color: var(--text-color);\n background-color: var(--keyword-item-bg);\n cursor: pointer;\n user-select: none;\n touch-action: manipulation;\n}\n.particle-keywords-map > .span[data-value=''] {\n background: var(--keyword-all-bg);\n}\n.particle-keywords-map > .span[data-value='']:active {\n opacity: 1;\n}\n.particle-keywords-map > .span:active {\n background: var(--keyword-item-active-bg);\n}\n.particle-keywords-map .del {\n background: var(--keyword-all-bg);\n}\n.particle-keywords-map .del .img {\n font-size: 20px;\n}\n";
// src/pages/account/ParticleKeywords/index.tsx
var ParticleKeywords = ({
onChange,
value,
keyboardInvisible
}) => {
const { t } = useTranslation();
const [input, setInput] = useState(["", "", "", "", "", ""]);
const [inputVal, setInputVal] = useState(value != null ? value : "");
const [keywords, setKeywords] = useState([1, 2, 3, 4, 5, 6, 7, 8, 9, "", 0]);
const inputChange = (val) => {
if (inputVal.length < 6) {
setInputVal(inputVal + "" + val);
}
};
const delVal = () => {
if (inputVal.length > 0) {
const newVal = inputVal.slice(0, inputVal.length - 1);
setInputVal(newVal);
}
};
useEffect(() => {
onChange == null ? void 0 : onChange(inputVal);
}, [inputVal]);
useEffect(() => {
setInputVal(value != null ? value : "");
}, [value]);
if (!keyboardInvisible) {
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, ParticleKeywords_default), /* @__PURE__ */ React.createElement("div", { className: "particle-keywords-box" }, input.map((item, idx) => /* @__PURE__ */ React.createElement("span", { key: item + idx, className: `input-item ${!item || "active"}` }, inputVal[idx] ? "\u25CF" : ""))), /* @__PURE__ */ React.createElement("div", { className: "particle-keywords-map" }, keywords.map((item) => /* @__PURE__ */ React.createElement(
"span",
{
className: "span",
key: item,
"data-value": item,
onClick: () => {
if (item === "") {
return;
}
inputChange(item + "");
}
},
item
)), /* @__PURE__ */ React.createElement("span", { className: "span del", onClick: delVal }, /* @__PURE__ */ React.createElement(svg_icon_default, { className: "img", name: "backspace" })), /* @__PURE__ */ React.createElement(power_footer_default, null)));
}
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, ParticleKeywords_default), /* @__PURE__ */ React.createElement("div", { className: "particle-keywords-map loading" }, /* @__PURE__ */ React.createElement("img", { src: (init_icon_logo_gray(), __toCommonJS(icon_logo_gray_exports)).default, alt: "" }), /* @__PURE__ */ React.createElement("p", null, t("account.payment_checking")), /* @__PURE__ */ React.createElement(LoadingOutlined, { className: "loading-icon" })));
};
var ParticleKeywords_default2 = ParticleKeywords;
export {
ParticleKeywords_default2 as ParticleKeywords_default
};
//# sourceMappingURL=chunk-HOWV7WBJ.js.map