@web3jskit/walletkit 0.4.5 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +494 -145
- package/README.zh.md +569 -0
- package/dist/assets/svg/browserWalletIcon.d.ts +2 -0
- package/dist/assets/svg/browserWalletIcon.d.ts.map +1 -0
- package/dist/{src/assets → assets}/svg/dataBase.d.ts +1 -1
- package/dist/assets/svg/dataBase.d.ts.map +1 -0
- package/dist/assets/svg/metaMaskWallet.d.ts +2 -0
- package/dist/assets/svg/metaMaskWallet.d.ts.map +1 -0
- package/dist/btcConnector-BPOSvvaA.js +1 -0
- package/dist/btcConnector-Bc6dNLGT.js +1 -0
- package/dist/btcConnector-CWSxooB_.mjs +68 -0
- package/dist/btcConnector-H4vacfvE.mjs +58 -0
- package/dist/components/ConnectButton/ConnectedInfo.d.ts +2 -0
- package/dist/components/ConnectButton/ConnectedInfo.d.ts.map +1 -0
- package/dist/components/ConnectButton/index.d.ts +9 -0
- package/dist/components/ConnectButton/index.d.ts.map +1 -0
- package/dist/components/ConnectModal/index.d.ts +7 -0
- package/dist/components/ConnectModal/index.d.ts.map +1 -0
- package/dist/{src/components → components}/Dropdown/index.d.ts +2 -7
- package/dist/components/Dropdown/index.d.ts.map +1 -0
- package/dist/components/InfoModal/index.d.ts +3 -0
- package/dist/components/InfoModal/index.d.ts.map +1 -0
- package/dist/components/Modal/index.d.ts +15 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/ModalHeader/index.d.ts +8 -0
- package/dist/components/ModalHeader/index.d.ts.map +1 -0
- package/dist/{src/components → components}/SVGs/backArrowSvg.d.ts +1 -0
- package/dist/components/SVGs/backArrowSvg.d.ts.map +1 -0
- package/dist/{src/components → components}/SVGs/closeSvg.d.ts +1 -0
- package/dist/components/SVGs/closeSvg.d.ts.map +1 -0
- package/dist/{src/components → components}/SVGs/copiedSvg.d.ts +1 -0
- package/dist/components/SVGs/copiedSvg.d.ts.map +1 -0
- package/dist/{src/components → components}/SVGs/copySvg.d.ts +1 -0
- package/dist/components/SVGs/copySvg.d.ts.map +1 -0
- package/dist/{src/components → components}/SVGs/exitSvg.d.ts +1 -0
- package/dist/components/SVGs/exitSvg.d.ts.map +1 -0
- package/dist/components/SVGs/spinSvg.d.ts +5 -0
- package/dist/components/SVGs/spinSvg.d.ts.map +1 -0
- package/dist/{src/components → components}/SVGs/vectorSvg.d.ts +1 -0
- package/dist/components/SVGs/vectorSvg.d.ts.map +1 -0
- package/dist/{src/components → components}/Text/index.d.ts +3 -1
- package/dist/components/Text/index.d.ts.map +1 -0
- package/dist/components/ThemeToggle.d.ts +5 -0
- package/dist/components/ThemeToggle.d.ts.map +1 -0
- package/dist/components/WalletItem/index.d.ts +9 -0
- package/dist/components/WalletItem/index.d.ts.map +1 -0
- package/dist/components/WalletKitProvider/ChainProvider.d.ts +27 -0
- package/dist/components/WalletKitProvider/ChainProvider.d.ts.map +1 -0
- package/dist/components/WalletKitProvider/I18nProvider.d.ts +15 -0
- package/dist/components/WalletKitProvider/I18nProvider.d.ts.map +1 -0
- package/dist/components/WalletKitProvider/ThemeProvider.d.ts +25 -0
- package/dist/components/WalletKitProvider/ThemeProvider.d.ts.map +1 -0
- package/dist/components/WalletKitProvider/index.d.ts +23 -0
- package/dist/components/WalletKitProvider/index.d.ts.map +1 -0
- package/dist/config/iconDatabase.d.ts +11 -0
- package/dist/config/iconDatabase.d.ts.map +1 -0
- package/dist/config/netConfig.d.ts +16 -0
- package/dist/config/netConfig.d.ts.map +1 -0
- package/dist/config/walletConfig.d.ts +28 -0
- package/dist/config/walletConfig.d.ts.map +1 -0
- package/dist/core/connectors/Bitget_Wallet/btcConnector.d.ts +36 -0
- package/dist/core/connectors/Bitget_Wallet/btcConnector.d.ts.map +1 -0
- package/dist/core/connectors/Bitget_Wallet/deepLinkConnector.d.ts +15 -0
- package/dist/core/connectors/Bitget_Wallet/deepLinkConnector.d.ts.map +1 -0
- package/dist/core/connectors/Bitget_Wallet/solConnector.d.ts +13 -0
- package/dist/core/connectors/Bitget_Wallet/solConnector.d.ts.map +1 -0
- package/dist/core/connectors/GelWallet/evmConnector.d.ts +27 -0
- package/dist/core/connectors/GelWallet/evmConnector.d.ts.map +1 -0
- package/dist/core/connectors/GelWallet/solConnector.d.ts +15 -0
- package/dist/core/connectors/GelWallet/solConnector.d.ts.map +1 -0
- package/dist/core/connectors/GelWallet/tronConnector.d.ts +8 -0
- package/dist/core/connectors/GelWallet/tronConnector.d.ts.map +1 -0
- package/dist/core/connectors/MetaMask/deepLinkConnector.d.ts +15 -0
- package/dist/core/connectors/MetaMask/deepLinkConnector.d.ts.map +1 -0
- package/dist/core/connectors/OKX_Wallet/btcConnector.d.ts +40 -0
- package/dist/core/connectors/OKX_Wallet/btcConnector.d.ts.map +1 -0
- package/dist/core/connectors/OKX_Wallet/deepLinkConnector.d.ts +15 -0
- package/dist/core/connectors/OKX_Wallet/deepLinkConnector.d.ts.map +1 -0
- package/dist/core/connectors/OKX_Wallet/solConnector.d.ts +12 -0
- package/dist/core/connectors/OKX_Wallet/solConnector.d.ts.map +1 -0
- package/dist/core/connectors/OKX_Wallet/tronConnector.d.ts +12 -0
- package/dist/core/connectors/OKX_Wallet/tronConnector.d.ts.map +1 -0
- package/dist/core/connectors/Phantom/btcConnector.d.ts +32 -0
- package/dist/core/connectors/Phantom/btcConnector.d.ts.map +1 -0
- package/dist/core/connectors/Phantom/deepLinkConnector.d.ts +15 -0
- package/dist/core/connectors/Phantom/deepLinkConnector.d.ts.map +1 -0
- package/dist/core/connectors/Phantom/solConnector.d.ts +12 -0
- package/dist/core/connectors/Phantom/solConnector.d.ts.map +1 -0
- package/dist/core/connectors/TokenPocket/deepLinkConnector.d.ts +17 -0
- package/dist/core/connectors/TokenPocket/deepLinkConnector.d.ts.map +1 -0
- package/dist/core/connectors/TronLink/deepLinkConnector.d.ts +17 -0
- package/dist/core/connectors/TronLink/deepLinkConnector.d.ts.map +1 -0
- package/dist/core/connectors/TronLink/tronConnector.d.ts +13 -0
- package/dist/core/connectors/TronLink/tronConnector.d.ts.map +1 -0
- package/dist/core/connectors/Trust_Wallet/deepLinkConnector.d.ts +15 -0
- package/dist/core/connectors/Trust_Wallet/deepLinkConnector.d.ts.map +1 -0
- package/dist/core/connectors/_evm/createConnectors.d.ts +4 -0
- package/dist/core/connectors/_evm/createConnectors.d.ts.map +1 -0
- package/dist/core/connectors/_evm/createEmitter.d.ts +35 -0
- package/dist/core/connectors/_evm/createEmitter.d.ts.map +1 -0
- package/dist/core/connectors/_evm/evmConnector.d.ts +51 -0
- package/dist/core/connectors/_evm/evmConnector.d.ts.map +1 -0
- package/dist/core/connectors/_gelwallet/gelWalletConnector.d.ts +26 -0
- package/dist/core/connectors/_gelwallet/gelWalletConnector.d.ts.map +1 -0
- package/dist/core/connectors/_sol/resolveAddress.d.ts +2 -0
- package/dist/core/connectors/_sol/resolveAddress.d.ts.map +1 -0
- package/dist/core/connectors/_sol/solConnector.d.ts +32 -0
- package/dist/core/connectors/_sol/solConnector.d.ts.map +1 -0
- package/dist/core/connectors/_tron/tronConnector.d.ts +30 -0
- package/dist/core/connectors/_tron/tronConnector.d.ts.map +1 -0
- package/dist/core/connectors/baseConnector.d.ts +36 -0
- package/dist/core/connectors/baseConnector.d.ts.map +1 -0
- package/dist/core/connectors/createConnectors.d.ts +20 -0
- package/dist/core/connectors/createConnectors.d.ts.map +1 -0
- package/dist/core/errors/base.d.ts +24 -0
- package/dist/core/errors/base.d.ts.map +1 -0
- package/dist/core/errors/request.d.ts +80 -0
- package/dist/core/errors/request.d.ts.map +1 -0
- package/dist/core/errors/rpc.d.ts +290 -0
- package/dist/core/errors/rpc.d.ts.map +1 -0
- package/dist/core/errors/unit.d.ts +11 -0
- package/dist/core/errors/unit.d.ts.map +1 -0
- package/dist/core/errors/utils.d.ts +8 -0
- package/dist/core/errors/utils.d.ts.map +1 -0
- package/dist/core/types/chain.d.ts +49 -0
- package/dist/core/types/chain.d.ts.map +1 -0
- package/dist/core/types/config.d.ts +7 -0
- package/dist/core/types/config.d.ts.map +1 -0
- package/dist/core/types/connector.d.ts +104 -0
- package/dist/core/types/connector.d.ts.map +1 -0
- package/dist/core/types/events.d.ts +2 -0
- package/dist/core/types/events.d.ts.map +1 -0
- package/dist/core/types/unit.d.ts +2 -0
- package/dist/core/types/unit.d.ts.map +1 -0
- package/dist/core/types/utils.d.ts +61 -0
- package/dist/core/types/utils.d.ts.map +1 -0
- package/dist/core/utils/decodePhantom.d.ts +2 -0
- package/dist/core/utils/decodePhantom.d.ts.map +1 -0
- package/dist/core/utils/deepEqual.d.ts +3 -0
- package/dist/core/utils/deepEqual.d.ts.map +1 -0
- package/dist/core/utils/deserialize.d.ts +4 -0
- package/dist/core/utils/deserialize.d.ts.map +1 -0
- package/dist/core/utils/filterWallets.d.ts +4 -0
- package/dist/core/utils/filterWallets.d.ts.map +1 -0
- package/dist/core/utils/rpc.d.ts +21 -0
- package/dist/core/utils/rpc.d.ts.map +1 -0
- package/dist/core/utils/serialize.d.ts +16 -0
- package/dist/core/utils/serialize.d.ts.map +1 -0
- package/dist/core/utils/silentConnect.d.ts +5 -0
- package/dist/core/utils/silentConnect.d.ts.map +1 -0
- package/dist/core/utils/stringify.d.ts +5 -0
- package/dist/core/utils/stringify.d.ts.map +1 -0
- package/dist/core/utils/uid.d.ts +2 -0
- package/dist/core/utils/uid.d.ts.map +1 -0
- package/dist/core/utils/util.d.ts +11 -0
- package/dist/core/utils/util.d.ts.map +1 -0
- package/dist/dapp.es-BPGP9PnL.mjs +15917 -0
- package/dist/dapp.es-sLnregcu.js +103 -0
- package/dist/deepLinkConnector-BEhA9fXM.js +1 -0
- package/dist/deepLinkConnector-BoFKaohV.js +1 -0
- package/dist/deepLinkConnector-C9yLvhQ0.js +1 -0
- package/dist/deepLinkConnector-CJskbSoZ.mjs +43 -0
- package/dist/deepLinkConnector-COkumXeY.js +1 -0
- package/dist/deepLinkConnector-CeF0BGa0.mjs +43 -0
- package/dist/deepLinkConnector-Cv1mS_6-.mjs +34 -0
- package/dist/deepLinkConnector-DVJJth-5.mjs +34 -0
- package/dist/deepLinkConnector-Dd1GhvIt.mjs +33 -0
- package/dist/deepLinkConnector-DjP2afmX.js +1 -0
- package/dist/deepLinkConnector-DmY8duGW.mjs +42 -0
- package/dist/deepLinkConnector-JrGcvOeL.mjs +34 -0
- package/dist/deepLinkConnector-k6omMzz2.js +1 -0
- package/dist/deepLinkConnector-uAd7NNtg.js +1 -0
- package/dist/errors/index.d.ts +4 -0
- package/dist/errors/index.d.ts.map +1 -0
- package/dist/evmConnector-CCvp7d3d.js +1 -0
- package/dist/evmConnector-CoauAOGL.mjs +163 -0
- package/dist/gelWalletConnector-B3UtBzAC.mjs +76 -0
- package/dist/gelWalletConnector-DWtJW90d.js +1 -0
- package/dist/hooks/useWalletKit.d.ts +113 -0
- package/dist/hooks/useWalletKit.d.ts.map +1 -0
- package/dist/index-9qmfDVzH-C-zsxX98.mjs +25638 -0
- package/dist/index-9qmfDVzH-C6VVZD9P.js +28 -0
- package/dist/index-B3LF1VeP-58KzZv6u.js +1 -0
- package/dist/index-B3LF1VeP-IR-fSZI0.mjs +120 -0
- package/dist/index-CCHY2zSF-OxZZmzOg.mjs +45 -0
- package/dist/index-CCHY2zSF-ocS_tvXl.js +1 -0
- package/dist/index-CQkA0oWr.js +138 -0
- package/dist/index-CqeMS3Gf-C4g86ca5.js +1 -0
- package/dist/index-CqeMS3Gf-DXS8RsUh.mjs +67 -0
- package/dist/index-DGMGsMkJ-BTPPfxmS.js +1 -0
- package/dist/index-DGMGsMkJ-CHecRdpD.mjs +27 -0
- package/dist/index-djQ_DEqj.mjs +9254 -0
- package/dist/index-yUF_S07V-Cm9-qVkc.js +1 -0
- package/dist/index-yUF_S07V-DHeRsyE0.mjs +48 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +27 -0
- package/dist/index.js +1 -0
- package/dist/index.umd.js +57350 -0
- package/dist/locals/i18n.d.ts +5 -0
- package/dist/locals/i18n.d.ts.map +1 -0
- package/dist/locals/languages/en.json.d.ts +43 -0
- package/dist/locals/languages/ja.json.d.ts +43 -0
- package/dist/locals/languages/ko.json.d.ts +43 -0
- package/dist/locals/languages/ms.json.d.ts +43 -0
- package/dist/locals/languages/th.json.d.ts +43 -0
- package/dist/locals/languages/vi.json.d.ts +43 -0
- package/dist/locals/languages/zh.json.d.ts +43 -0
- package/dist/locals/languages/zhTW.json.d.ts +43 -0
- package/dist/locals/resources.d.ts +347 -0
- package/dist/locals/resources.d.ts.map +1 -0
- package/dist/solConnector-6iJX98IC.mjs +41 -0
- package/dist/solConnector-B0hCu-c0.js +1 -0
- package/dist/solConnector-BF2LX1V2.js +1 -0
- package/dist/solConnector-BJTonslk.mjs +11 -0
- package/dist/solConnector-BZeW9sSK.js +1 -0
- package/dist/solConnector-DiPxszBo.mjs +11 -0
- package/dist/solConnector-RfQtdzBT.js +1 -0
- package/dist/solConnector-uPbRCSOa.mjs +11 -0
- package/dist/stores/helperStore.d.ts +92 -0
- package/dist/stores/helperStore.d.ts.map +1 -0
- package/dist/{src/stores → stores}/index.d.ts +15 -6
- package/dist/stores/index.d.ts.map +1 -0
- package/dist/{src/stores → stores}/modalStore.d.ts +5 -4
- package/dist/stores/modalStore.d.ts.map +1 -0
- package/dist/style.css +492 -0
- package/dist/tronConnector-BlFA83pA.js +1 -0
- package/dist/tronConnector-BsjZsmAJ.js +1 -0
- package/dist/tronConnector-CUOxt6Cw.mjs +35 -0
- package/dist/tronConnector-DfZzS07Y.mjs +13 -0
- package/dist/tronConnector-fKlrodno.js +1 -0
- package/dist/tronConnector-ofdgn1lq.mjs +21 -0
- package/dist/types/chain.d.ts +12 -0
- package/dist/types/chain.d.ts.map +1 -0
- package/dist/types/configType.d.ts +3 -0
- package/dist/types/configType.d.ts.map +1 -0
- package/dist/{src/types → types}/error.d.ts +1 -0
- package/dist/types/error.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/{src/types → types}/store.d.ts +1 -0
- package/dist/types/store.d.ts.map +1 -0
- package/dist/{src/utils → utils}/formatter.d.ts +1 -0
- package/dist/utils/formatter.d.ts.map +1 -0
- package/dist/{src/utils → utils}/generateAvatar.d.ts +1 -0
- package/dist/utils/generateAvatar.d.ts.map +1 -0
- package/dist/utils/proxy.d.ts +5 -0
- package/dist/utils/proxy.d.ts.map +1 -0
- package/package.json +96 -45
- package/dist/package.json +0 -47
- package/dist/src/assets/svg/dataBase.js +0 -5
- package/dist/src/assets/svg/dataBase.js.map +0 -1
- package/dist/src/assets/svg/metaMaskWallet.d.ts +0 -1
- package/dist/src/assets/svg/metaMaskWallet.js +0 -35
- package/dist/src/assets/svg/metaMaskWallet.js.map +0 -1
- package/dist/src/components/ConnectButton/ConnectedInfo.d.ts +0 -1
- package/dist/src/components/ConnectButton/ConnectedInfo.js +0 -21
- package/dist/src/components/ConnectButton/ConnectedInfo.js.map +0 -1
- package/dist/src/components/ConnectButton/index.d.ts +0 -8
- package/dist/src/components/ConnectButton/index.js +0 -16
- package/dist/src/components/ConnectButton/index.js.map +0 -1
- package/dist/src/components/ConnectButton/style.d.ts +0 -2
- package/dist/src/components/ConnectButton/style.js +0 -13
- package/dist/src/components/ConnectButton/style.js.map +0 -1
- package/dist/src/components/Connecting/index.d.ts +0 -6
- package/dist/src/components/Connecting/index.js +0 -11
- package/dist/src/components/Connecting/index.js.map +0 -1
- package/dist/src/components/Connecting/style.d.ts +0 -2
- package/dist/src/components/Connecting/style.js +0 -52
- package/dist/src/components/Connecting/style.js.map +0 -1
- package/dist/src/components/Dropdown/index.js +0 -24
- package/dist/src/components/Dropdown/index.js.map +0 -1
- package/dist/src/components/Dropdown/style.d.ts +0 -15
- package/dist/src/components/Dropdown/style.js +0 -66
- package/dist/src/components/Dropdown/style.js.map +0 -1
- package/dist/src/components/GetWallet/index.d.ts +0 -7
- package/dist/src/components/GetWallet/index.js +0 -21
- package/dist/src/components/GetWallet/index.js.map +0 -1
- package/dist/src/components/GetWallet/style.d.ts +0 -2
- package/dist/src/components/GetWallet/style.js +0 -117
- package/dist/src/components/GetWallet/style.js.map +0 -1
- package/dist/src/components/Header/ModalHeader.d.ts +0 -8
- package/dist/src/components/Header/ModalHeader.js +0 -9
- package/dist/src/components/Header/ModalHeader.js.map +0 -1
- package/dist/src/components/Header/style.d.ts +0 -2
- package/dist/src/components/Header/style.js +0 -74
- package/dist/src/components/Header/style.js.map +0 -1
- package/dist/src/components/Icon/index.d.ts +0 -23
- package/dist/src/components/Icon/index.js +0 -48
- package/dist/src/components/Icon/index.js.map +0 -1
- package/dist/src/components/Introduce/index.d.ts +0 -6
- package/dist/src/components/Introduce/index.js +0 -11
- package/dist/src/components/Introduce/index.js.map +0 -1
- package/dist/src/components/Introduce/style.d.ts +0 -2
- package/dist/src/components/Introduce/style.js +0 -97
- package/dist/src/components/Introduce/style.js.map +0 -1
- package/dist/src/components/Modal/ConnectModal.d.ts +0 -7
- package/dist/src/components/Modal/ConnectModal.js +0 -123
- package/dist/src/components/Modal/ConnectModal.js.map +0 -1
- package/dist/src/components/Modal/WalletInfoModal.d.ts +0 -1
- package/dist/src/components/Modal/WalletInfoModal.js +0 -46
- package/dist/src/components/Modal/WalletInfoModal.js.map +0 -1
- package/dist/src/components/Modal/index.d.ts +0 -13
- package/dist/src/components/Modal/index.js +0 -55
- package/dist/src/components/Modal/index.js.map +0 -1
- package/dist/src/components/Modal/style.d.ts +0 -5
- package/dist/src/components/Modal/style.js +0 -187
- package/dist/src/components/Modal/style.js.map +0 -1
- package/dist/src/components/SVGs/backArrowSvg.js +0 -4
- package/dist/src/components/SVGs/backArrowSvg.js.map +0 -1
- package/dist/src/components/SVGs/closeSvg.js +0 -4
- package/dist/src/components/SVGs/closeSvg.js.map +0 -1
- package/dist/src/components/SVGs/copiedSvg.js +0 -4
- package/dist/src/components/SVGs/copiedSvg.js.map +0 -1
- package/dist/src/components/SVGs/copySvg.js +0 -4
- package/dist/src/components/SVGs/copySvg.js.map +0 -1
- package/dist/src/components/SVGs/exitSvg.js +0 -4
- package/dist/src/components/SVGs/exitSvg.js.map +0 -1
- package/dist/src/components/SVGs/spinSvg.d.ts +0 -4
- package/dist/src/components/SVGs/spinSvg.js +0 -4
- package/dist/src/components/SVGs/spinSvg.js.map +0 -1
- package/dist/src/components/SVGs/vectorSvg.js +0 -4
- package/dist/src/components/SVGs/vectorSvg.js.map +0 -1
- package/dist/src/components/Text/index.js +0 -32
- package/dist/src/components/Text/index.js.map +0 -1
- package/dist/src/components/WalletKitProvider/ChainProvider.d.ts +0 -23
- package/dist/src/components/WalletKitProvider/ChainProvider.js +0 -66
- package/dist/src/components/WalletKitProvider/ChainProvider.js.map +0 -1
- package/dist/src/components/WalletKitProvider/I18nProvider.d.ts +0 -13
- package/dist/src/components/WalletKitProvider/I18nProvider.js +0 -42
- package/dist/src/components/WalletKitProvider/I18nProvider.js.map +0 -1
- package/dist/src/components/WalletKitProvider/ThemeProvider.d.ts +0 -8
- package/dist/src/components/WalletKitProvider/ThemeProvider.js +0 -14
- package/dist/src/components/WalletKitProvider/ThemeProvider.js.map +0 -1
- package/dist/src/components/WalletKitProvider/index.d.ts +0 -18
- package/dist/src/components/WalletKitProvider/index.js +0 -14
- package/dist/src/components/WalletKitProvider/index.js.map +0 -1
- package/dist/src/components/WalletList/index.d.ts +0 -8
- package/dist/src/components/WalletList/index.js +0 -18
- package/dist/src/components/WalletList/index.js.map +0 -1
- package/dist/src/components/WalletList/style.d.ts +0 -2
- package/dist/src/components/WalletList/style.js +0 -102
- package/dist/src/components/WalletList/style.js.map +0 -1
- package/dist/src/components/WalletTriggerButton/index.d.ts +0 -13
- package/dist/src/components/WalletTriggerButton/index.js +0 -37
- package/dist/src/components/WalletTriggerButton/index.js.map +0 -1
- package/dist/src/components/WalletTriggerButton/style.d.ts +0 -2
- package/dist/src/components/WalletTriggerButton/style.js +0 -63
- package/dist/src/components/WalletTriggerButton/style.js.map +0 -1
- package/dist/src/errors/index.d.ts +0 -2
- package/dist/src/errors/index.js +0 -6
- package/dist/src/errors/index.js.map +0 -1
- package/dist/src/hooks/useWalletKit.d.ts +0 -80
- package/dist/src/hooks/useWalletKit.js +0 -38
- package/dist/src/hooks/useWalletKit.js.map +0 -1
- package/dist/src/index.d.ts +0 -9
- package/dist/src/index.js +0 -10
- package/dist/src/index.js.map +0 -1
- package/dist/src/locals/i18n.d.ts +0 -2
- package/dist/src/locals/i18n.js +0 -17
- package/dist/src/locals/i18n.js.map +0 -1
- package/dist/src/locals/languages/en.json +0 -30
- package/dist/src/locals/languages/zh.json +0 -30
- package/dist/src/locals/resources.d.ts +0 -66
- package/dist/src/locals/resources.js +0 -11
- package/dist/src/locals/resources.js.map +0 -1
- package/dist/src/modals/connectModal/index.d.ts +0 -0
- package/dist/src/modals/connectModal/index.js +0 -2
- package/dist/src/modals/connectModal/index.js.map +0 -1
- package/dist/src/stores/SlotsWalletStore.d.ts +0 -18
- package/dist/src/stores/SlotsWalletStore.js +0 -33
- package/dist/src/stores/SlotsWalletStore.js.map +0 -1
- package/dist/src/stores/index.js +0 -25
- package/dist/src/stores/index.js.map +0 -1
- package/dist/src/stores/modalStore.js +0 -41
- package/dist/src/stores/modalStore.js.map +0 -1
- package/dist/src/styled/index.d.ts +0 -17
- package/dist/src/styled/index.js +0 -76
- package/dist/src/styled/index.js.map +0 -1
- package/dist/src/test/getwalletprovider.test.d.ts +0 -1
- package/dist/src/test/getwalletprovider.test.js +0 -10
- package/dist/src/test/getwalletprovider.test.js.map +0 -1
- package/dist/src/test/setup.d.ts +0 -1
- package/dist/src/test/setup.js +0 -7
- package/dist/src/test/setup.js.map +0 -1
- package/dist/src/theme/index.d.ts +0 -61
- package/dist/src/theme/index.js +0 -99
- package/dist/src/theme/index.js.map +0 -1
- package/dist/src/types/configType.d.ts +0 -2
- package/dist/src/types/configType.js +0 -2
- package/dist/src/types/configType.js.map +0 -1
- package/dist/src/types/error.js +0 -5
- package/dist/src/types/error.js.map +0 -1
- package/dist/src/types/slotsType.d.ts +0 -23
- package/dist/src/types/slotsType.js +0 -2
- package/dist/src/types/slotsType.js.map +0 -1
- package/dist/src/types/store.js +0 -2
- package/dist/src/types/store.js.map +0 -1
- package/dist/src/utils/formatter.js +0 -6
- package/dist/src/utils/formatter.js.map +0 -1
- package/dist/src/utils/generateAvatar.js +0 -32
- package/dist/src/utils/generateAvatar.js.map +0 -1
- package/dist/src/wallets/GelWallet/index.d.ts +0 -0
- package/dist/src/wallets/GelWallet/index.js +0 -2
- package/dist/src/wallets/GelWallet/index.js.map +0 -1
- package/dist/src/wallets/SlotsWallets/index.d.ts +0 -3
- package/dist/src/wallets/SlotsWallets/index.js +0 -26
- package/dist/src/wallets/SlotsWallets/index.js.map +0 -1
- package/dist/tsconfig.build.tsbuildinfo +0 -1
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { styled } from 'styled-components';
|
|
2
|
-
const GetWalletContainer = styled.div `
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
font-family: Manrope;
|
|
6
|
-
color: ${({ theme }) => theme.textColor1};
|
|
7
|
-
height: 100%;
|
|
8
|
-
|
|
9
|
-
.cardBox {
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
margin: 0 64px 24px;
|
|
13
|
-
gap: 24px;
|
|
14
|
-
flex: 1;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.card {
|
|
18
|
-
display: flex;
|
|
19
|
-
gap: 24px;
|
|
20
|
-
padding: 40px 60px 0;
|
|
21
|
-
border: 1px solid ${({ theme }) => theme.borderColor};
|
|
22
|
-
border-radius: 12px;
|
|
23
|
-
flex: 1;
|
|
24
|
-
background: ${({ theme }) => theme.cardBg};
|
|
25
|
-
|
|
26
|
-
img {
|
|
27
|
-
width: 60px;
|
|
28
|
-
height: 60px;
|
|
29
|
-
border-radius: 12px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.title {
|
|
33
|
-
font-size: 14px;
|
|
34
|
-
font-weight: 700;
|
|
35
|
-
line-height: 14px;
|
|
36
|
-
color: ${({ theme }) => theme.textColor};
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.description {
|
|
40
|
-
margin-top: 10px;
|
|
41
|
-
font-size: 12px;
|
|
42
|
-
font-weight: 500;
|
|
43
|
-
line-height: 14px;
|
|
44
|
-
color: ${({ theme }) => theme.textColor3};
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.button {
|
|
48
|
-
margin-top: 18px;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.button {
|
|
53
|
-
display: inline-block;
|
|
54
|
-
padding: 11px 16px;
|
|
55
|
-
color: ${({ theme }) => theme.buttonColor};
|
|
56
|
-
background: ${({ theme }) => theme.buttonBg};
|
|
57
|
-
font-size: 14px;
|
|
58
|
-
font-weight: 700;
|
|
59
|
-
line-height: 14px;
|
|
60
|
-
text-align: center;
|
|
61
|
-
border-radius: 8px;
|
|
62
|
-
box-sizing: border-box;
|
|
63
|
-
cursor: pointer;
|
|
64
|
-
height: 36px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.qrCodeBox {
|
|
68
|
-
display: flex;
|
|
69
|
-
flex-direction: column;
|
|
70
|
-
align-items: center;
|
|
71
|
-
justify-content: space-between;
|
|
72
|
-
flex: 1;
|
|
73
|
-
|
|
74
|
-
.downloadTip {
|
|
75
|
-
text-align: center;
|
|
76
|
-
font-size: 14px;
|
|
77
|
-
font-weight: 600;
|
|
78
|
-
line-height: 18px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.qrCode {
|
|
82
|
-
margin-top: 24px;
|
|
83
|
-
display: flex;
|
|
84
|
-
justify-content: center;
|
|
85
|
-
align-items: center;
|
|
86
|
-
width: 270px;
|
|
87
|
-
height: 270px;
|
|
88
|
-
border-radius: 12px;
|
|
89
|
-
border: 1px solid ${({ theme }) => theme.borderColor};
|
|
90
|
-
font-size: 0;
|
|
91
|
-
overflow: hidden;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.button {
|
|
95
|
-
margin-top: auto;
|
|
96
|
-
margin-bottom: 24px;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
@media (max-width: 768px) {
|
|
101
|
-
.cardBox {
|
|
102
|
-
margin: 0 24px 24px;
|
|
103
|
-
|
|
104
|
-
.card {
|
|
105
|
-
padding: 35px 24px;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.qrCodeBox {
|
|
110
|
-
.button {
|
|
111
|
-
margin-top: 16px;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
`;
|
|
116
|
-
export default GetWalletContainer;
|
|
117
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/GetWallet/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;UAI3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;sBAenB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;gBAGtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;;;;;;;;;;;;YAY/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;YAQ9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;WAWhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;gBAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiCtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
interface ModalHeaderProps {
|
|
2
|
-
title?: string | null;
|
|
3
|
-
onBack?: () => void;
|
|
4
|
-
className?: string;
|
|
5
|
-
onClose: () => void;
|
|
6
|
-
}
|
|
7
|
-
export default function ModalHeader({ title, onBack, className, onClose }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import ModalHeaderBox from './style';
|
|
4
|
-
import BackArrowSvg from '../SVGs/backArrowSvg';
|
|
5
|
-
import CloseSvg from '../SVGs/closeSvg';
|
|
6
|
-
export default function ModalHeader({ title = '', onBack, className, onClose }) {
|
|
7
|
-
return (_jsxs(ModalHeaderBox, { className: className, children: [onBack ? _jsx(BackArrowSvg, { className: "backBtn", onClick: onBack }) : _jsx("div", { className: "backBtn" }), title ? _jsx("div", { className: "title", children: title }) : _jsx("div", {}), _jsx("div", { className: "closeBtn", onClick: onClose, children: _jsx(CloseSvg, {}) })] }));
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=ModalHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,cAAc,MAAM,SAAS,CAAC;AACrC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AASxC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAoB;IAC/F,OAAO,CACN,MAAC,cAAc,IAAC,SAAS,EAAE,SAAS,aAClC,MAAM,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,GAAO,EAChG,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,eAAW,EAC3D,cAAK,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YACzC,KAAC,QAAQ,KAAG,GACP,IACU,CACjB,CAAC;AACH,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const ModalHeaderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
export default ModalHeaderBox;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { styled } from 'styled-components';
|
|
2
|
-
const ModalHeaderBox = styled.div `
|
|
3
|
-
width: 100%;
|
|
4
|
-
height: 56px;
|
|
5
|
-
position: relative;
|
|
6
|
-
display: flex;
|
|
7
|
-
align-items: center;
|
|
8
|
-
justify-content: space-between;
|
|
9
|
-
flex-shrink: 0;
|
|
10
|
-
|
|
11
|
-
.backBtn {
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
margin-left: 20px;
|
|
14
|
-
|
|
15
|
-
path {
|
|
16
|
-
fill: ${({ theme }) => theme.backArrowColor};
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.title {
|
|
21
|
-
color: ${({ theme }) => theme.textColor};
|
|
22
|
-
font-size: 16px;
|
|
23
|
-
font-weight: 700;
|
|
24
|
-
line-height: 170%;
|
|
25
|
-
letter-spacing: 0.3px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.closeBtn {
|
|
29
|
-
margin-right: 20px;
|
|
30
|
-
cursor: pointer;
|
|
31
|
-
display: flex;
|
|
32
|
-
align-items: center;
|
|
33
|
-
justify-content: center;
|
|
34
|
-
width: 24px;
|
|
35
|
-
height: 24px;
|
|
36
|
-
border-radius: 12px;
|
|
37
|
-
transition: all 0.2s;
|
|
38
|
-
color: ${({ theme }) => theme.closeBtnColor};
|
|
39
|
-
transform-origin: 50% 50%;
|
|
40
|
-
background-color: ${({ theme }) => theme.closeBtnBg};
|
|
41
|
-
z-index: 1;
|
|
42
|
-
|
|
43
|
-
&:hover {
|
|
44
|
-
background-color: ${({ theme }) => theme.closeBtnHoverBg};
|
|
45
|
-
transform: rotate(180deg);
|
|
46
|
-
transition: all 0.2s;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&.asideTitle {
|
|
51
|
-
justify-content: flex-start;
|
|
52
|
-
height: auto;
|
|
53
|
-
|
|
54
|
-
.closeBtn {
|
|
55
|
-
display: none;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
@media (max-width: 768px) {
|
|
60
|
-
&.mainTitle {
|
|
61
|
-
display: none;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&.asideTitle {
|
|
65
|
-
justify-content: space-between;
|
|
66
|
-
height: 56px;
|
|
67
|
-
.closeBtn {
|
|
68
|
-
display: flex;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
`;
|
|
73
|
-
export default ModalHeaderBox;
|
|
74
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Header/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;WActB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;WAKnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;WAiB9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa;;sBAEvB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;uBAI9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B1D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IconImageArg {
|
|
3
|
-
src: any;
|
|
4
|
-
width?: number | string;
|
|
5
|
-
height?: number | string;
|
|
6
|
-
borderRadius?: string;
|
|
7
|
-
isRadius?: boolean;
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
interface FoldIconImageArg {
|
|
11
|
-
src: Array<string>;
|
|
12
|
-
width?: number | string;
|
|
13
|
-
height?: number | string;
|
|
14
|
-
offset?: number;
|
|
15
|
-
proportion?: number;
|
|
16
|
-
className?: string;
|
|
17
|
-
isRadius?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export declare const Icon: React.FC<IconImageArg>;
|
|
20
|
-
export declare const Image: React.FC<IconImageArg>;
|
|
21
|
-
export declare const FoldIconBox: React.FC<FoldIconImageArg>;
|
|
22
|
-
export declare const FoldIconBoxBig: React.FC<FoldIconImageArg>;
|
|
23
|
-
export default Icon;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { styled } from 'styled-components';
|
|
5
|
-
const IconImage = styled.img `
|
|
6
|
-
display: block;
|
|
7
|
-
transition: all 0.2s;
|
|
8
|
-
`;
|
|
9
|
-
const IconImageBox = styled.div `
|
|
10
|
-
cursor: pointer;
|
|
11
|
-
display: flex;
|
|
12
|
-
position: relative;
|
|
13
|
-
`;
|
|
14
|
-
const IconItem = styled.div `
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
float: left;
|
|
17
|
-
display: flex;
|
|
18
|
-
justify-items: center;
|
|
19
|
-
`;
|
|
20
|
-
export const Icon = ({ src, width, height, className }) => {
|
|
21
|
-
return (_jsx(IconImage, { className: className, src: src, width: width ? width + 'px' : '24px', height: height ? height + 'px' : '24px' }));
|
|
22
|
-
};
|
|
23
|
-
export const Image = ({ src, width, height, isRadius = true, className, borderRadius }) => {
|
|
24
|
-
return (_jsx(IconImage, { className: className, src: src, width: width ? width : 'auto', height: height ? height : 'auto', style: { borderRadius: borderRadius ? borderRadius : isRadius ? '50%' : '0' } }));
|
|
25
|
-
};
|
|
26
|
-
export const FoldIconBox = ({ src, width, height, offset = 0, isRadius = true }) => {
|
|
27
|
-
return (_jsx(IconImageBox, { children: src.map((item, index) => {
|
|
28
|
-
return (_jsx(IconItem, { style: {
|
|
29
|
-
zIndex: index + 1,
|
|
30
|
-
marginLeft: index == 0 ? '0px' : offset + 'px',
|
|
31
|
-
width: width ? width + 'px' : '24px',
|
|
32
|
-
height: height ? height + 'px' : '24px'
|
|
33
|
-
}, children: _jsx(IconImage, { src: item, width: width ? width : 24, height: height ? height : 24, style: { borderRadius: isRadius ? '50%' : '0' } }) }, index));
|
|
34
|
-
}) }));
|
|
35
|
-
};
|
|
36
|
-
export const FoldIconBoxBig = ({ src, width, height, offset = 0, proportion = 1 }) => {
|
|
37
|
-
return (_jsx(IconImageBox, { children: src.map((item, index) => {
|
|
38
|
-
return (_jsx(IconItem, { style: {
|
|
39
|
-
zIndex: index + 1,
|
|
40
|
-
marginLeft: index == 0 ? '0px' : offset + 'px',
|
|
41
|
-
marginTop: index == 0 ? '0px' : -(offset / 2) + 'px',
|
|
42
|
-
width: width ? width + 'px' : '24px',
|
|
43
|
-
height: height ? height + 'px' : '24px'
|
|
44
|
-
}, children: index === src.length - 1 ? (_jsx(IconImage, { src: item, width: width ? Number(width) * proportion : 24 * proportion, height: height ? Number(height) * proportion : 24 * proportion })) : (_jsx(IconImage, { src: item, width: width ? width : 24, height: height ? height : 24 })) }, index));
|
|
45
|
-
}) }));
|
|
46
|
-
};
|
|
47
|
-
export default Icon;
|
|
48
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAqB3C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG3B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AACF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAA2B,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACjF,OAAO,CACN,KAAC,SAAS,IACT,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,EACpC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,GACtC,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAA2B,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE;IACjH,OAAO,CACN,KAAC,SAAS,IACT,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC7B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAChC,KAAK,EAAE,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAC5E,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9G,OAAO,CACN,KAAC,YAAY,cACX,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxB,OAAO,CACN,KAAC,QAAQ,IAER,KAAK,EAAE;oBACN,MAAM,EAAE,KAAK,GAAG,CAAC;oBACjB,UAAU,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI;oBAC9C,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM;oBACpC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM;iBACvC,YAED,KAAC,SAAS,IACT,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EACzB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC5B,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAC9C,IAbG,KAAK,CAcA,CACX,CAAC;QACH,CAAC,CAAC,GACY,CACf,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAA+B,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE;IAChH,OAAO,CACN,KAAC,YAAY,cACX,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxB,OAAO,CACN,KAAC,QAAQ,IAER,KAAK,EAAE;oBACN,MAAM,EAAE,KAAK,GAAG,CAAC;oBACjB,UAAU,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI;oBAC9C,SAAS,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI;oBACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM;oBACpC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM;iBACvC,YAEA,KAAK,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,KAAC,SAAS,IACT,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,UAAU,EAC3D,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,UAAU,GAC7D,CACF,CAAC,CAAC,CAAC,CACH,KAAC,SAAS,IAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAI,CACjF,IAjBI,KAAK,CAkBA,CACX,CAAC;QACH,CAAC,CAAC,GACY,CACf,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import ModalHeader from '../Header/ModalHeader';
|
|
5
|
-
import IntroduceContainer from './style';
|
|
6
|
-
import VectorSvg from '../SVGs/vectorSvg';
|
|
7
|
-
export function Introduce({ onGetWallet, onClose }) {
|
|
8
|
-
const { t } = useTranslation();
|
|
9
|
-
return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { onClose: onClose, className: "mainTitle" }), _jsxs(IntroduceContainer, { children: [_jsx("div", { className: "title", children: t('introduceQuestion') }), _jsxs("div", { className: "vector", children: [_jsx(VectorSvg, {}), _jsxs("div", { className: "vector-text", children: [_jsx("div", { className: "answer", children: t('introduceAnswer') }), _jsx("div", { className: "detail", children: t('introduceDetail') })] })] }), _jsx("div", { className: "footer", children: _jsx("div", { className: "button", onClick: () => onGetWallet?.(), children: t('getWallet') }) })] })] }));
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Introduce/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAO1C,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAE,OAAO,EAAkB;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,GAAG,EACvD,MAAC,kBAAkB,eAClB,cAAK,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACrD,eAAK,SAAS,EAAC,QAAQ,aACtB,KAAC,SAAS,KAAG,EACb,eAAK,SAAS,EAAC,aAAa,aAC3B,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACpD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,IAC/C,IACD,EACN,cAAK,SAAS,EAAC,QAAQ,YACtB,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,YACpD,CAAC,CAAC,WAAW,CAAC,GACV,GAID,IACc,IACnB,CACH,CAAC;AACH,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const IntroduceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
export default IntroduceContainer;
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { styled } from 'styled-components';
|
|
2
|
-
const IntroduceContainer = styled.div `
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
margin: 84px 50px 0 96px;
|
|
6
|
-
font-family: Manrope;
|
|
7
|
-
color: ${({ theme }) => theme.textColor1};
|
|
8
|
-
|
|
9
|
-
.title {
|
|
10
|
-
color: ${({ theme }) => theme.blue};
|
|
11
|
-
font-size: 18px;
|
|
12
|
-
font-weight: 700;
|
|
13
|
-
line-height: 18px;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.vector {
|
|
17
|
-
margin-top: 24px;
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
gap: 12px;
|
|
21
|
-
|
|
22
|
-
svg {
|
|
23
|
-
flex-shrink: 0;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.vector-text {
|
|
27
|
-
color: #757575;
|
|
28
|
-
font-size: 12px;
|
|
29
|
-
font-style: normal;
|
|
30
|
-
line-height: 14px;
|
|
31
|
-
font-weight: 500;
|
|
32
|
-
|
|
33
|
-
.answer {
|
|
34
|
-
font-weight: 700;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.detail {
|
|
38
|
-
margin-top: 14px;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.introduce {
|
|
44
|
-
margin-top: 24px;
|
|
45
|
-
font-size: 12px;
|
|
46
|
-
font-weight: 700;
|
|
47
|
-
line-height: 14px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.footer {
|
|
51
|
-
display: flex;
|
|
52
|
-
flex-direction: column;
|
|
53
|
-
align-items: center;
|
|
54
|
-
max-width: 120px;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.button {
|
|
58
|
-
width: 100%;
|
|
59
|
-
display: inline-block;
|
|
60
|
-
margin-top: 12px;
|
|
61
|
-
padding: 11px 16px;
|
|
62
|
-
color: ${({ theme }) => theme.buttonColor};
|
|
63
|
-
background: ${({ theme }) => theme.buttonBg};
|
|
64
|
-
font-size: 14px;
|
|
65
|
-
font-weight: 700;
|
|
66
|
-
line-height: 14px;
|
|
67
|
-
text-align: center;
|
|
68
|
-
border-radius: 8px;
|
|
69
|
-
box-sizing: border-box;
|
|
70
|
-
cursor: pointer;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.more {
|
|
74
|
-
margin-top: 8px;
|
|
75
|
-
font-size: 12px;
|
|
76
|
-
font-style: normal;
|
|
77
|
-
font-weight: 700;
|
|
78
|
-
cursor: pointer;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@media (max-width: 768px) {
|
|
82
|
-
padding: 40px 32px 0;
|
|
83
|
-
margin: 0;
|
|
84
|
-
align-items: center;
|
|
85
|
-
|
|
86
|
-
.vector {
|
|
87
|
-
svg {
|
|
88
|
-
display: none;
|
|
89
|
-
}
|
|
90
|
-
.vector-text {
|
|
91
|
-
text-align: center;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
`;
|
|
96
|
-
export default IntroduceContainer;
|
|
97
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Introduce/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;UAK3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAoDzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;gBAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC5C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import ModalHeader from '../Header/ModalHeader';
|
|
4
|
-
import Modal from './index';
|
|
5
|
-
import { SlotWrapper } from '../../styled';
|
|
6
|
-
import { createConnector, SupportWallets } from '@web3jskit/wallethelper';
|
|
7
|
-
import { useTranslation } from 'react-i18next';
|
|
8
|
-
import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
|
|
9
|
-
import { WalletTriggerButton } from '../WalletTriggerButton';
|
|
10
|
-
import { Introduce } from '../Introduce';
|
|
11
|
-
import { WalletList } from '../WalletList';
|
|
12
|
-
import { GetWallet } from '../GetWallet';
|
|
13
|
-
import { Connecting } from '../Connecting';
|
|
14
|
-
import { useWalletKit } from '../../hooks/useWalletKit';
|
|
15
|
-
import { AsideList, ModalAside, ModalContainer, ModalMain } from './style';
|
|
16
|
-
import { useModalStore } from '../../stores/modalStore';
|
|
17
|
-
import { UserRejectError } from '../../errors';
|
|
18
|
-
import { ChainContext } from '../WalletKitProvider/ChainProvider';
|
|
19
|
-
var Step;
|
|
20
|
-
(function (Step) {
|
|
21
|
-
Step[Step["Introduce"] = 0] = "Introduce";
|
|
22
|
-
Step[Step["WalletList"] = 1] = "WalletList";
|
|
23
|
-
Step[Step["GetWallet"] = 2] = "GetWallet";
|
|
24
|
-
Step[Step["Connecting"] = 3] = "Connecting";
|
|
25
|
-
})(Step || (Step = {}));
|
|
26
|
-
export function ConnectModal({ slots }) {
|
|
27
|
-
const { t } = useTranslation();
|
|
28
|
-
const { currentChainType, supportWallets, connectStatus, isConnecting } = useWalletKit();
|
|
29
|
-
const { connectModalData } = useModalStore();
|
|
30
|
-
const [step, setStep] = useState(Step.Introduce);
|
|
31
|
-
const [selectedWallet, setSelectedWallet] = useState(null);
|
|
32
|
-
const [connectors, setConnectors] = useState([]);
|
|
33
|
-
const isOpen = useMemo(() => {
|
|
34
|
-
return !!connectModalData;
|
|
35
|
-
}, [connectModalData]);
|
|
36
|
-
const { isTokenUp } = useContext(ChainContext);
|
|
37
|
-
const requestConnectors = async () => {
|
|
38
|
-
const list = await createConnector(currentChainType, supportWallets || [], isTokenUp);
|
|
39
|
-
setConnectors(list);
|
|
40
|
-
};
|
|
41
|
-
const connectorsGroupByType = useMemo(() => {
|
|
42
|
-
const result = connectors.reduce((acc, connector) => {
|
|
43
|
-
if (!acc[connector.connectorType]) {
|
|
44
|
-
acc[connector.connectorType] = [];
|
|
45
|
-
}
|
|
46
|
-
acc[connector.connectorType].push(connector);
|
|
47
|
-
return acc;
|
|
48
|
-
}, {});
|
|
49
|
-
return result;
|
|
50
|
-
}, [connectors]);
|
|
51
|
-
const sortedKeys = useMemo(() => {
|
|
52
|
-
const keys = Object.keys(connectorsGroupByType);
|
|
53
|
-
const sortedKeys = keys.sort((a, b) => {
|
|
54
|
-
const order = ['installed', 'run', 'more'];
|
|
55
|
-
return order.indexOf(a) - order.indexOf(b);
|
|
56
|
-
});
|
|
57
|
-
return sortedKeys;
|
|
58
|
-
}, [connectorsGroupByType]);
|
|
59
|
-
useEffect(() => {
|
|
60
|
-
if (isOpen) {
|
|
61
|
-
requestConnectors();
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
setStep(0);
|
|
65
|
-
setConnectors([]);
|
|
66
|
-
}
|
|
67
|
-
}, [isOpen, currentChainType]);
|
|
68
|
-
useEffect(() => {
|
|
69
|
-
switch (connectStatus) {
|
|
70
|
-
case 'connected':
|
|
71
|
-
break;
|
|
72
|
-
default:
|
|
73
|
-
setStep(0);
|
|
74
|
-
break;
|
|
75
|
-
}
|
|
76
|
-
}, [connectStatus]);
|
|
77
|
-
const renderMainByStep = useCallback(() => {
|
|
78
|
-
switch (step) {
|
|
79
|
-
case 0:
|
|
80
|
-
return (_jsx(Introduce, { onClose: handleCancel, onGetWallet: () => {
|
|
81
|
-
setStep(Step.WalletList);
|
|
82
|
-
} }));
|
|
83
|
-
case 1:
|
|
84
|
-
return (_jsx(WalletList, { onClose: handleCancel, list: SupportWallets, onBack: () => {
|
|
85
|
-
setStep(0);
|
|
86
|
-
}, onGetWallet: wallet => {
|
|
87
|
-
if (wallet.webUrl) {
|
|
88
|
-
window.open(wallet.webUrl, '_blank');
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
setSelectedWallet(wallet);
|
|
92
|
-
setStep(Step.GetWallet);
|
|
93
|
-
} }));
|
|
94
|
-
case 2:
|
|
95
|
-
return (_jsx(GetWallet, { onClose: handleCancel, wallet: selectedWallet, onBack: () => {
|
|
96
|
-
setStep(Step.WalletList);
|
|
97
|
-
} }));
|
|
98
|
-
default:
|
|
99
|
-
return _jsx(_Fragment, {});
|
|
100
|
-
}
|
|
101
|
-
}, [step, selectedWallet]);
|
|
102
|
-
const handleConnect = (address) => {
|
|
103
|
-
connectModalData?.onConnect(address);
|
|
104
|
-
};
|
|
105
|
-
const handleCancel = () => {
|
|
106
|
-
useModalStore.getState().connectModalData?.onError(UserRejectError);
|
|
107
|
-
};
|
|
108
|
-
return (_jsx(Modal, { isOpen: isOpen, onCancel: handleCancel, children: _jsxs(ModalContainer, { children: [_jsxs(ModalAside, { className: step !== 0 ? 'hidden' : '', children: [_jsx(ModalHeader, { onClose: handleCancel, title: t('connectWallet'), className: "asideTitle" }), _jsxs(AsideList, { children: [sortedKeys.map(connectorType => {
|
|
109
|
-
return (_jsxs("div", { className: "typeBox", children: [_jsx("div", { className: `typeHeader ${connectorType}`, children: t(connectorType) }), connectorsGroupByType[connectorType].map((connector) => {
|
|
110
|
-
return (_jsx(WalletTriggerButton, { onConnect: handleConnect, onError: connectModalData?.onError, connector: connector, onGetWallet: () => {
|
|
111
|
-
if (connector.name === 'Gel Wallet') {
|
|
112
|
-
window.open(connector.webUrl, '_blank');
|
|
113
|
-
return;
|
|
114
|
-
}
|
|
115
|
-
setSelectedWallet(connector);
|
|
116
|
-
setStep(Step.GetWallet);
|
|
117
|
-
} }, connectorType + connector.name));
|
|
118
|
-
})] }, connectorType));
|
|
119
|
-
}), slots ? (slots.map((Slot, index) => {
|
|
120
|
-
return _jsx(SlotWrapper, { children: Slot }, index);
|
|
121
|
-
})) : (_jsx(_Fragment, {}))] })] }), _jsx(ModalMain, { children: isConnecting ? _jsx(Connecting, { onClose: handleCancel, wallet: isConnecting }) : renderMainByStep() })] }) }));
|
|
122
|
-
}
|
|
123
|
-
//# sourceMappingURL=ConnectModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function WalletInfoModal(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import Modal from './index';
|
|
4
|
-
import { useTranslation } from 'react-i18next';
|
|
5
|
-
import ModalHeader from '../Header/ModalHeader';
|
|
6
|
-
import { useWalletKit } from '../../hooks/useWalletKit';
|
|
7
|
-
import { formatAddress } from '../../utils/formatter';
|
|
8
|
-
import { InfoModalContainer } from './style';
|
|
9
|
-
import CopySvg from '../SVGs/copySvg';
|
|
10
|
-
import CopiedSvg from '../SVGs/copiedSvg';
|
|
11
|
-
import ExitSvg from '../SVGs/exitSvg';
|
|
12
|
-
import copyToClipboard from 'copy-to-clipboard';
|
|
13
|
-
import { useEffect, useState } from 'react';
|
|
14
|
-
import { generateRandomAvatar } from '../../utils/generateAvatar';
|
|
15
|
-
import { useModalStore } from '../../stores/modalStore';
|
|
16
|
-
export function WalletInfoModal() {
|
|
17
|
-
const { t } = useTranslation();
|
|
18
|
-
const { walletAddress, avatar, setAvatar, currentConnector } = useWalletKit();
|
|
19
|
-
const [copied, setCopied] = useState(false);
|
|
20
|
-
const { closeWalletInfoModal, isShowWalletInfoModal } = useModalStore();
|
|
21
|
-
const generateAvatar = () => {
|
|
22
|
-
const newAvatar = generateRandomAvatar();
|
|
23
|
-
setAvatar(newAvatar);
|
|
24
|
-
};
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
generateAvatar();
|
|
27
|
-
}, []);
|
|
28
|
-
const handleCancel = () => {
|
|
29
|
-
closeWalletInfoModal();
|
|
30
|
-
};
|
|
31
|
-
return (_jsx(Modal, { isOpen: isShowWalletInfoModal, onCancel: handleCancel, children: _jsxs(InfoModalContainer, { children: [_jsx(ModalHeader, { onClose: handleCancel }), _jsx("div", { className: "avatarBox", onClick: () => generateAvatar(), children: _jsx("div", { className: "avatar", style: {
|
|
32
|
-
backgroundColor: avatar?.bg
|
|
33
|
-
}, children: avatar?.text }) }), _jsx("div", { className: "accountInfo", children: _jsx("div", { className: "address", children: formatAddress(walletAddress) }) }), _jsxs("div", { className: "btnGroup", children: [_jsxs("div", { className: "button", onClick: () => {
|
|
34
|
-
copyToClipboard(walletAddress);
|
|
35
|
-
if (copied)
|
|
36
|
-
return;
|
|
37
|
-
setCopied(true);
|
|
38
|
-
setTimeout(() => {
|
|
39
|
-
setCopied(false);
|
|
40
|
-
}, 1000);
|
|
41
|
-
}, children: [_jsx("div", { className: "btnIcon", children: copied ? _jsx(CopiedSvg, {}) : _jsx(CopySvg, {}) }), _jsx("div", { className: "btnText", children: t(copied ? 'copied' : 'copyAddress') })] }), _jsxs("div", { className: "button", onClick: () => {
|
|
42
|
-
currentConnector?.disconnect();
|
|
43
|
-
closeWalletInfoModal();
|
|
44
|
-
}, children: [_jsx("div", { className: "btnIcon", children: _jsx(ExitSvg, {}) }), _jsx("div", { className: "btnText", children: t('disConnect') })] })] })] }) }));
|
|
45
|
-
}
|
|
46
|
-
//# sourceMappingURL=WalletInfoModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WalletInfoModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/WalletInfoModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type ReactNode, type RefObject } from 'react';
|
|
2
|
-
import '@reach/dialog/styles.css';
|
|
3
|
-
interface ModalProps {
|
|
4
|
-
isOpen: boolean;
|
|
5
|
-
minHeight?: number | false;
|
|
6
|
-
maxHeight?: number;
|
|
7
|
-
initialFocusRef?: RefObject<any>;
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
closeAble?: boolean;
|
|
10
|
-
onCancel?: () => void;
|
|
11
|
-
}
|
|
12
|
-
export default function Modal({ isOpen, children, closeAble, onCancel }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|