import { EditTableRequest as EditTableRequest$1, EditDatasetRequest as EditDatasetRequest$1 } from '@glitterprotocol/glitter.proto/glitterchain/index/tx'; import { PledgeRequest as PledgeRequest$1, ReleasePledgeRequest as ReleasePledgeRequest$1 } from '@glitterprotocol/glitter.proto/glitterchain/consumer/tx'; import * as react_jsx_runtime from 'react/jsx-runtime'; import React, { ReactElement } from 'react'; import styleInject from './node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js'; type Omit = Pick>; type Merge = Omit> & N; type ICreateDatabase = Merge< CreateDatasetRequest, { duration: number; } >; type IEditDatasetRequest = Merge< EditDatasetRequest, { duration: number; } >; type IRenewalDataset = Merge< RenewalDatasetRequest, { duration: number; } >; declare enum RootChain { admin, writer, reader, } declare global { interface Window { tronWeb?: any; tronLink?: any; ethereum?: any; } } interface WalletProvider { walletType: string; // 钱包类型,例如 'MetaMask', 'WalletConnect', 'Portis' 等 connect: (mnemonic?: string) => Promise; // 链接钱包的方法,用于建立与钱包的连接 checkWallet: () => boolean; // 检查当前环境是否下载匹配钱包 disconnect: () => Promise; // 断开钱包连接的方法,用于断开与钱包的连接 getAddress: () => Promise; // 获取钱包地址的方法,用于获取钱包的当前地址 getBalance: (address: string, asset?: string) => Promise; // 获取钱包余额的方法,用于获取指定地址的余额,可以传递特定资产 sendTransaction: (tx: Transaction) => Promise; // 发送交易的方法,用于从钱包发送交易 signMessage: (message: string, timeStamp?: number) => Promise; // 签名消息的方法,用于用钱包私钥对消息进行签名 getNetwork: () => Promise; // 获取钱包网络的方法,用于获取钱包当前所在的网络 getChainId: () => Promise; // 获取钱包链 ID 的方法,用于获取钱包当前所在的链 ID switchNetwork: (chainId: string) => Promise; // 切换钱包链网络方法,用于切换钱包所在网络 getTransactionCount: (address: string) => Promise; // 获取交易计数的方法,用于获取指定地址的交易计数 signTransaction: (tx: Transaction) => Promise; // 签名交易的方法,用于用钱包私钥对交易进行签名 estimateGas: (tx: Transaction) => Promise; // 估算 gas 的方法,用于估算交易的 gas getGasPrice: () => Promise; // 获取 gas 价格的方法,用于获取当前网络的 gas 价格 on: (event: string, callback: (result: any) => void) => void; // 监听钱包事件的方法,用于监听钱包的事件 removeListener: (event: string, callback: (result: any) => void) => void; // 移除钱包事件监听的方法,用于移除钱包的事件监听 insertData?: (msg: string) => Promise; // 写入数据的方法,用于将数据写入到链上 grantRole?: (toUID: string, role: RootChain, database: string, table?: string) => Promise; // 写入数据的方法,用于将数据写入到链上 createDatabase?: (params: ICreateDatabase) => Promise; // 创建数据库 createDatabaseDemo?: (params: ICreateDatabase) => Promise; // 创建数据库 editDatabase?: (params: EditDatasetRequest) => Promise; // 编辑数据库 renewalDataset?: (params: IRenewalDataset) => Promise; // 续费数据库 createTable?: (params: EditTableRequest) => Promise; // 创建表 editTable?: (params: EditTableRequest) => Promise; // 编辑表 pledge?: (params: PledgeRequest) => Promise; // 质押 releasePledge?: (params: ReleasePledgeRequest) => Promise; // 释放质押 generateMnemonic?: () => Promise; // 生成助记词 isWalletLocked?: () => Promise; // 钱包 } interface Transaction { from: string; to: string; chainId?: number; tokenContractAddress?: string; value: string; data?: string; gas?: string; gasPrice?: string; nonce?: string; } declare class TronLink implements WalletProvider { walletType: string; private tronLink; constructor(); checkWallet(): boolean; connect(): Promise; disconnect(): Promise; getAddress(): Promise; getBalance(address: string): Promise; sendTransaction(tx: Transaction): Promise; signMessage(message: string): Promise; getNetwork(): Promise; switchNetwork(): Promise; getChainId(): Promise; getTransactionCount(address: string): Promise; signTransaction(tx: Transaction): Promise; estimateGas(tx: Transaction): Promise; getGasPrice(): Promise; on(event: string, callback: (result: any) => void): Promise; removeListener(event: string, callback: (result: any) => void): Promise; } interface IConfig { chainId: string; rest: string; rpc: string; chainName: string; } declare enum EOpType { Create = 0, Update = 1, Delete = 2, UNRECOGNIZED = -1 } declare class Keplr implements WalletProvider { walletType: string; private keplr; private APIRequester; private config; constructor(config?: IConfig); checkWallet(): boolean; connect(): Promise; disconnect(): Promise; getAddress(): Promise; getSequence(address: string): Promise; getAccountNumber(address: string): Promise; getAuthInfo(): Promise; broadcastTx(address: string, msgs: any): Promise; insertData(sql: string): Promise; createDatabase(params: ICreateDatabase): Promise; createDatabaseDemo(params: ICreateDatabase): Promise; editDatabase(params: IEditDatasetRequest): Promise; renewalDataset(params: IRenewalDataset): Promise; createTable(params: EditTableRequest$1): Promise; editTable(params: EditTableRequest$1): Promise; pledge(params: PledgeRequest$1): Promise; releasePledge(params: ReleasePledgeRequest$1): Promise; grantRole(toUID: string, role: RootChain, onDatabase: string, onTable?: string): Promise; insertTokenFilter(tokenFilterName: string, tokenFilterEnName: string, opType: EOpType, tokenFilterType: number, dictFileCid: string, comment: string): Promise; insertTokenizer(tokenizerName: string, tokenizerEnName: string, opType: EOpType, tokenizerType: number, dictFileCid: string, comment: string): Promise; insertAnalyzer(analyzerName: string, analyzerEnName: string, opType: EOpType, charFilters: string, tokenizer: string, tokenFilters: string, comment: string): Promise; getBalance(address: string): Promise; sendTransaction(tx: Transaction): Promise; signMessage(message: string, timeStamp?: number): Promise; getNetwork(): Promise; switchNetwork(chainId: string): Promise; getChainId(): Promise; getTransactionCount(address: string): Promise; signTransaction(tx: Transaction): Promise; estimateGas(tx: Transaction): Promise; getGasPrice(): Promise; on(event: string, callback: (result: any) => void): Promise; removeListener(event: string, callback: (result: any) => void): Promise; } declare class MetaMask implements WalletProvider { walletType: string; private ethereum; private isLocked; private accountsChangedSubscription; constructor(); private handleAccountsChanged; private checkAccounts; connect(): Promise; isWalletLocked(): Promise; checkWallet(): boolean; disconnect(): Promise; getAddress(): Promise; getBalance(address: string): Promise; sendTransaction(tx: Transaction): Promise; signMessage(message: string): Promise; getNetwork(): Promise; switchNetwork(chainId: string): Promise; getChainId(): Promise; getTransactionCount(address: string): Promise; signTransaction(tx: Transaction): Promise; estimateGas(tx: Transaction): Promise; getGasPrice(): Promise; on(event: string, callback: (result: any) => void): Promise; removeListener(event: string, callback: (result: any) => void): Promise; } declare class WalletConnect implements WalletProvider { walletType: string; private ethereum; constructor(); connect(): Promise; checkWallet(): boolean; disconnect(): Promise; getAddress(): Promise; getBalance(address: string): Promise; sendTransaction(tx: Transaction): Promise; signMessage(message: string): Promise; getNetwork(): Promise; switchNetwork(chainId: string): Promise; getChainId(): Promise; getTransactionCount(address: string): Promise; signTransaction(tx: Transaction): Promise; estimateGas(tx: Transaction): Promise; getGasPrice(): Promise; on(event: string, callback: (result: any) => void): Promise; removeListener(event: string, callback: (result: any) => void): Promise; } declare class ERC20 implements WalletProvider { walletType: string; private wallet; private mnemonic; constructor(); connect(mnemonic?: string): Promise; saveMnemonic(mnemonic: string): void; checkWallet(): boolean; generateMnemonic(): Promise; disconnect(): Promise; getAddress(): Promise; getBalance(address: string): Promise; sendTransaction(tx: Transaction): Promise; signMessage(message: string): Promise; getNetwork(): Promise; switchNetwork(chainId: string): Promise; getChainId(): Promise; getTransactionCount(address: string): Promise; signTransaction(tx: Transaction): Promise; estimateGas(tx: Transaction): Promise; getGasPrice(): Promise; on(event: string, callback: (result: any) => void): Promise; removeListener(event: string, callback: (result: any) => void): Promise; } var css_248z$2 = ".glitter-wallet-modal .radius16 {\n border-radius: 16px;\n}\n.glitter-wallet-modal .radius8 {\n border-radius: 8px;\n}\n.glitter-wallet-modal .ant-modal-close {\n height: 72px;\n}\n.glitter-wallet-modal .ant-modal-header {\n border-radius: 24px 24px 0 0;\n border-bottom: none;\n height: 72px;\n display: flex;\n align-items: center;\n}\n.glitter-wallet-modal .ant-modal-content {\n border-radius: 24px;\n}\n.glitter-wallet-modal .ant-modal-body {\n padding: 0px;\n}\n.glitter-wallet-modal .connect-container-login {\n padding: 0 40px 40px;\n}\n.glitter-wallet-modal .connect-container-login .ant-upload-picture-card-wrapper {\n text-align: center;\n}\n.glitter-wallet-modal .connect-container-login .ant-upload {\n margin: auto;\n}\n.glitter-wallet-modal .connect-container-login .upload-demo .ant-upload {\n text-align: center;\n height: 88px;\n width: 88px;\n border: none !important;\n}\n.glitter-wallet-modal .connect-container-login .upload-demo.uploaded {\n height: 88px;\n text-align: center;\n}\n.glitter-wallet-modal .connect-container-login .address-box {\n margin-top: 32px;\n background: #f5f5f7;\n padding: 9px 16px;\n font-weight: 600;\n border-radius: 8px;\n color: #000000;\n line-height: 28px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.glitter-wallet-modal .connect-container-login .address-box .address-text {\n font-size: 12px;\n}\n.glitter-wallet-modal .connect-container-login .address-box .address-text:hover {\n text-decoration: underline;\n}\n.glitter-wallet-modal .connect-container-login .logout-box {\n padding: 8px 16px;\n line-height: 36px;\n font-size: 16px;\n margin-top: 24px;\n text-align: center;\n cursor: pointer;\n height: 52px;\n background: #f4f4f4;\n font-family: Nexa-Bold, Nexa;\n font-weight: bold;\n color: #1d2950;\n border-radius: 16px;\n box-sizing: border-box;\n}\n.glitter-wallet-modal .connect-container-login .user-name {\n text-align: center;\n margin: 0px 0px 15px;\n font-size: 16px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #000000;\n line-height: 28px;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname div {\n max-width: 335px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname:hover .icon-edit {\n display: flex;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname-input {\n margin-top: 32px;\n height: 56px;\n background: #ffffff;\n border-radius: 16px;\n border: 1px solid #d5d5d5;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname-input .ant-input-wrapper,\n.glitter-wallet-modal .connect-container-login .user-name .nickname-input .ant-input-group-addon {\n border-radius: 16px;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname-input .ant-input {\n height: 54px;\n background: #ffffff;\n border-radius: 16px;\n border: none;\n outline: none;\n box-shadow: none;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname-input .ant-input-group-addon {\n border: none;\n}\n.glitter-wallet-modal .connect-container-login .user-name .nickname-input .edit-name-btn {\n width: 83px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n box-shadow: none;\n border-radius: 16px;\n background: #240f68;\n border-color: #240f68;\n color: #fff;\n}\n.glitter-wallet-modal .connect-container-login .user-name .icon-edit {\n display: none;\n font-size: 12px;\n color: #999;\n margin-left: 6px;\n cursor: pointer;\n}\n.glitter-wallet-modal .glitter-wallet-content {\n min-height: 288px;\n box-sizing: border-box;\n border-radius: 0 0 24px 24px;\n display: flex;\n}\n.glitter-wallet-modal .glitter-wallet-content .left-side {\n padding: 8px 20px 8px 24px;\n}\n.glitter-wallet-modal .glitter-wallet-content .left-side .wallet-connector {\n width: 184px;\n height: 52px;\n background: #f4f4f4;\n border-radius: 16px;\n line-height: 52px;\n margin-bottom: 16px;\n padding: 10px;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.glitter-wallet-modal .glitter-wallet-content .left-side .wallet-connector:hover {\n background: #240f68;\n color: #fff;\n}\n.glitter-wallet-modal .glitter-wallet-content .left-side .wallet-connector img {\n margin-right: 8px;\n}\n.glitter-wallet-modal .glitter-wallet-content .left-side .wallet-active {\n background: #240f68;\n color: #fff;\n}\n.glitter-wallet-modal .glitter-wallet-content .right-side {\n padding: 8px 24px 8px 0;\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.glitter-wallet-modal .glitter-wallet-content .right-side .right-side-content {\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.glitter-wallet-modal .glitter-wallet-content .right-side .right-side-content .get-button {\n width: 104px;\n height: 40px;\n background: #240f68;\n border-radius: 16px;\n color: #fff;\n border-color: #240f68;\n}\n.glitter-wallet-modal .glitter-wallet-content .right-side .right-side-content p {\n font-size: 12px;\n}\n.ant-dropdown {\n max-width: 200px !important;\n}\n#walletconnect-qrcode-modal {\n display: none !important;\n}\n#wallet-connect-box #walletconnect-qrcode-modal {\n display: flex !important;\n position: relative;\n width: 100%;\n box-shadow: none;\n padding: 0px;\n background: transparent !important;\n}\n#wallet-connect-box #walletconnect-qrcode-modal .walletconnect-modal__header {\n display: none;\n}\n#wallet-connect-box #walletconnect-qrcode-modal .walletconnect-modal__base {\n padding: 0 0 22px;\n box-shadow: none;\n}\n"; styleInject(css_248z$2); interface IConnectModal { onDisconnect?: () => void; onMenuClick?: (key: string) => void; menuClass?: string; buttonClass?: string; buttonText?: string; onOpenChange?: (open: boolean) => void; onSuccess?: () => Promise; addressJumpHandle?: () => void; onFail?: () => void; showAvatar?: boolean; trigger?: ['hover' | 'click']; needModal?: boolean; downDownArrow?: ReactElement; openModal: boolean; menuItems?: { key: string; label: string | ReactElement; }[]; editable?: boolean; key: string; } declare function index(props: IConnectModal): react_jsx_runtime.JSX.Element; declare function initWallet(wallets: WalletProvider[]): Promise; declare function checkWalletInstall(loginType: string): boolean; declare function getSupportWallets(): string[]; declare function connect(walletType: string, mnemonic?: string): Promise; declare function getLoginType(): string | null; declare function isConnected(): boolean; declare function checkWallet(): boolean; declare function getAddress(): Promise; declare function disconnect(): Promise; declare function sendTransaction(tx: Transaction): Promise; declare function signMessage(message: string, timeStamp?: number): Promise; declare function switchNetwork(chainId: string): Promise; declare function getNetwork(): Promise; declare function getChainId(): Promise; declare function getTransactionCount(address: string): Promise; declare function signTransaction(tx: Transaction): Promise; declare function estimateGas(tx: Transaction): Promise; declare function getGasPrice(): Promise; declare function insertData(msg: string): Promise; declare function createDatabase(params: ICreateDatabase): Promise; declare function createDatabaseDemo(params: ICreateDatabase): Promise; declare function editDatabase(params: EditDatasetRequest$1): Promise; declare function renewalDataset(params: IRenewalDataset): Promise; declare function createTable(params: EditTableRequest$1): Promise; declare function editTable(params: EditTableRequest$1): Promise; declare function pledge(params: PledgeRequest$1): Promise; declare function releasePledge(params: ReleasePledgeRequest$1): Promise; declare function grantRole(toUID: string, role: RootChain, database: string, table?: string): Promise; declare function on(event: string, callback: (result: any) => void): Promise; declare function removeListener(event: string, callback: (result: any) => void): Promise; declare function generateMnemonic(): Promise; var css_248z$1 = ".generate-key-modal-container .ant-modal,\n.generate-key-modal-container .ant-modal-content {\n border-radius: 8px;\n}\n.generate-key-modal-container .ant-modal-body {\n padding: 32px;\n border-radius: 8px;\n user-select: none;\n}\n.generate-key-modal-container h1 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n height: 42px;\n font-size: 24px;\n font-family: NexaText, NexaText;\n font-weight: bold;\n color: #1b1b1b;\n line-height: 49px;\n}\n.generate-key-modal-container .generate-step .access-button {\n height: 72px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n font-size: 22px;\n font-family: NexaText, NexaText;\n font-weight: bold;\n}\n.generate-key-modal-container .generate-step .title {\n display: flex;\n align-items: center;\n}\n.generate-key-modal-container .generate-step .tips {\n margin: 13px 0 24px 0;\n font-size: 14px;\n font-family: 'NexaRegular';\n color: #9b9b9b;\n line-height: 20px;\n text-align: center;\n}\n.generate-key-modal-container .generate-key-content {\n height: auto;\n background: #f6f7f8;\n border-radius: 3px;\n border: 1px dashed #bbc1ce;\n padding: 16px;\n}\n.generate-key-modal-container .user-action-item {\n height: 28px;\n font-size: 16px;\n font-weight: 600;\n font-family: 'AnonymousPro';\n color: #1b1b1b;\n line-height: 28px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 24px 0 8px;\n}\n.generate-key-modal-container .button-disabled {\n opacity: 0.3;\n}\n"; styleInject(css_248z$1); interface IGenerateKeyModalProps$1 { open: boolean; closeIcon?: string; backIcon?: string; walletIcon?: string; walletType?: string; setOpen: (value: boolean) => void; onLoginConnect?: (value: string) => void; onAccess?: (value: string, nickname: string) => void; onMetaMaskConnect?: () => void; } declare const GenerateKeyModal: React.FC; var css_248z = ".liber3-modal-container .ant-modal,\n.liber3-drawer-wrapper .ant-modal,\n.liber3-modal-container .ant-modal-content,\n.liber3-drawer-wrapper .ant-modal-content,\n.liber3-modal-container .ant-drawer-content,\n.liber3-drawer-wrapper .ant-drawer-content {\n border-radius: 8px;\n}\n.liber3-modal-container .ant-modal-body,\n.liber3-drawer-wrapper .ant-modal-body,\n.liber3-modal-container .ant-drawer-content,\n.liber3-drawer-wrapper .ant-drawer-content {\n padding: 32px;\n border-radius: 8px;\n user-select: none;\n background-color: #242427;\n}\n.liber3-modal-container .ant-drawer-content,\n.liber3-drawer-wrapper .ant-drawer-content {\n padding: 0px;\n}\n.liber3-modal-container h1,\n.liber3-drawer-wrapper h1 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n height: 42px;\n font-size: 24px;\n font-weight: bold;\n color: #fff;\n line-height: 49px;\n}\n.liber3-modal-container .generate-step .access-button,\n.liber3-drawer-wrapper .generate-step .access-button {\n height: 72px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n font-size: 22px;\n font-family: NexaText, NexaText;\n font-weight: bold;\n background-color: #242427 !important;\n color: #fff;\n}\n.liber3-modal-container .generate-step .notice-tips,\n.liber3-drawer-wrapper .generate-step .notice-tips {\n display: flex;\n margin: 13px 0 0;\n font-size: 12px;\n font-family: 'NexaRegular';\n color: #00ffad;\n line-height: 20px;\n text-align: center;\n background: #2e2e31;\n border-radius: 4px;\n padding: 8px 13px;\n}\n.liber3-modal-container .generate-step .title,\n.liber3-drawer-wrapper .generate-step .title {\n display: flex;\n align-items: center;\n flex: 1;\n}\n.liber3-modal-container .generate-step .ant-btn,\n.liber3-drawer-wrapper .generate-step .ant-btn {\n height: 72px;\n}\n.liber3-modal-container .generate-step .tips,\n.liber3-drawer-wrapper .generate-step .tips {\n margin: 13px 0 24px 0;\n font-size: 14px;\n font-family: 'NexaRegular';\n color: #9b9b9b;\n line-height: 20px;\n text-align: center;\n}\n.liber3-modal-container .generate-step .passwrod-input-box,\n.liber3-drawer-wrapper .generate-step .passwrod-input-box {\n border-style: dashed;\n}\n.liber3-modal-container .generate-step .passwrod-input-box .ant-input,\n.liber3-drawer-wrapper .generate-step .passwrod-input-box .ant-input {\n background-color: #1f1f21;\n color: #fff;\n}\n.liber3-modal-container .generate-step .passwrod-input-box svg,\n.liber3-drawer-wrapper .generate-step .passwrod-input-box svg {\n fill: #fff;\n}\n.liber3-modal-container .generate-key-content,\n.liber3-drawer-wrapper .generate-key-content {\n height: auto;\n color: #999;\n word-wrap: break-word;\n font-size: 14px;\n}\n.liber3-modal-container .user-action-item,\n.liber3-drawer-wrapper .user-action-item {\n height: 28px;\n font-size: 16px;\n font-weight: 600;\n font-family: 'AnonymousPro';\n color: #fff;\n line-height: 28px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 0 8px;\n}\n.liber3-modal-container .button-disabled,\n.liber3-drawer-wrapper .button-disabled {\n opacity: 0.3;\n}\n.liber3-drawer-wrapper {\n z-index: 99;\n width: 100vw;\n height: 100%;\n position: fixed;\n top: 0px;\n left: 0px;\n display: flex;\n flex-direction: column;\n}\n.liber3-drawer-wrapper .drawer-mask {\n background-color: #242427;\n flex: 1;\n opacity: 0.45;\n}\n.liber3-drawer-wrapper .generate-step {\n padding: 32px;\n background-color: #242427;\n}\n.liber3-drawer-wrapper .generate-step img {\n width: 24px;\n height: 24px;\n}\n.liber3-drawer-wrapper .generate-step h1 {\n height: auto !important;\n}\n.liber3-drawer-wrapper .generate-step h1 .title {\n height: 28px !important;\n}\n.liber3-drawer-wrapper .generate-step .passwrod-input-box {\n margin: 0 !important;\n}\n.liber3-drawer-wrapper .generate-step .title {\n font-size: 18px;\n}\n.liber3-drawer-wrapper .generate-step .access-button {\n height: 42px;\n font-size: 16px;\n}\n.liber3-drawer-wrapper .generate-step .access-button:first-of-type {\n margin-top: 32px;\n}\n.liber3-drawer-wrapper .generate-step .ant-btn {\n height: 42px !important;\n font-size: 16px !important;\n}\n@media screen and (max-width: 500px) {\n .liber3-drawer-wrapper .user-action-item {\n margin: 0px 0 8px;\n }\n .liber3-drawer-wrapper .generate-step .notice-tips img {\n width: 12px;\n height: 12px;\n }\n .liber3-drawer-wrapper .generate-step .connect-button {\n margin-top: 16px !important;\n border-radius: 0px;\n }\n}\n"; styleInject(css_248z); interface IGenerateKeyModalProps { open: boolean; mobileOpen: boolean; closeIcon?: string; backIcon?: string; mobileBackIcon?: string; mobileCloseIcon?: string; setOpen: (value: boolean) => void; setMobileOpen: (value: boolean) => void; onLoginConnect?: (value: string) => Promise; onAccess?: (value: string, nickname: string) => void; onMetaMaskConnect?: () => Promise; defaultStep?: number; loginString?: string; loginWithKeyString?: string; loginTitleStr?: string; enterStr?: string; welcomeStr?: string; noticeWordStr?: string; copyStr?: string; accessStr?: string; connectStr?: string; privateKeyStr?: string; nicknameStr?: string; tipsStr?: string; } declare const Liber3Modal: React.FC; declare function encryptAndStoreData(data: any): Promise; declare function decryptStoredData(): Promise; export { index as ConnectModal, ERC20, GenerateKeyModal, Keplr, Liber3Modal, MetaMask, TronLink, WalletConnect, checkWallet, checkWalletInstall, connect, createDatabase, createDatabaseDemo, createTable, decryptStoredData, disconnect, editDatabase, editTable, encryptAndStoreData, estimateGas, generateMnemonic, getAddress, getChainId, getGasPrice, getLoginType, getNetwork, getSupportWallets, getTransactionCount, grantRole, initWallet, insertData, isConnected, on, pledge, releasePledge, removeListener, renewalDataset, sendTransaction, signMessage, signTransaction, switchNetwork };