{"_id":"@3swallet.js/web3-onboard-connector","_rev":"2-f31105f4383b5263e10127162e30ba3f","name":"@3swallet.js/web3-onboard-connector","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@3swallet.js/web3-onboard-connector","version":"1.0.0","type":"commonjs","main":"./src/index.js","types":"./src/index.d.ts","dependencies":{"@3swallet.js/types":"1.0.0","@web3-onboard/common":"^2.2.3","@3swallet.js/client":"1.0.13","@3swallet.js/core":"1.0.13","@walletconnect/utils":"^1.8.0","@3swallet.js/qrmodal":"1.0.11","react":"^17.0.1","copy-to-clipboard":"^3.3.2","qr-code-styling":"^1.6.0-rc.1","@walletconnect/window-getters":"^1.0.0","react-dom":"^17.0.1","detect-browser":"^5.3.0","@walletconnect/safe-json":"^1.0.0","qrcode":"^1.5.1","@walletconnect/socket-transport":"^1.8.0","@walletconnect/iso-crypto":"^1.8.0","tslib":"^2.3.0"},"peerDependencies":{},"gitHead":"a6a597abc36bcd7a17d359191131e6c263432309","description":"Web3-onboard connectors for 3S Wallet supported third-party: - [web3-onboard](https://github.com/blocknative/web3-onboard)","_id":"@3swallet.js/web3-onboard-connector@1.0.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-8cRnxR3V1zfBGY4HEWciBS7xU4a7oNDZZb0eFRtwhbHniFD/74THq43cRMXQUwEcP6pJ+CXmcNysiMx7zHh9nQ==","shasum":"7e011fa637fc1ac428af2c72b56b9b9a560d44ed","tarball":"https://registry.npmjs.org/@3swallet.js/web3-onboard-connector/-/web3-onboard-connector-1.0.0.tgz","fileCount":11,"unpackedSize":29675,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNmNqXXQF4rCojvcfuij4XTxxnSx+YYiqLlHKJZHXZ0AIhAJysGWZbAs8I9ngCEACSxwzyE4iyuEGnS9eovfjWydw6"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUh9qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQEw/9GjJfpfcEy6s2cLOvPjdRE1T1r38rR+Yp6N5TruxKn4le/AUw\r\nB84fqVZnvzgyRZxOAgIIQZJzjcuYoAqZccBZzYGq2YhBpcl+OQQ6VxysboAM\r\nld6OEmZNyvv9rqZlkikqq/WEIrpzM6iWINoEk67DK9QQzk/jh4foXd3e7hh5\r\ngtQlFkMzjvZmXkJQ2jO9Arf06Wxy6ajXNZHDpD6nQumhetieMmVAymui7CTp\r\nscoVrxegzbOoIoXZsLjgnU01IroPPlq5DSNYMbnQxZqDlacfynacUSegJ6q+\r\nsau/oHDU7ghDQNsa7vfk6sV5O24BfhUfSWrLNJPWEiR2h0tct6dtPo1TKBbj\r\nHQpHFMS+2R/0TUCNjQWbni+ZEzP1Q9/azrm9P8N+htFBAiqSeg/hMUXysHOz\r\nQjJ++dLSgL2q9MVrFfv+PhjTkWuCfNNboMrTBfc5OH8ORiXaxqN5CnqeN9EX\r\nxyZBCn2MA6cYZkcqRp2UzyirU3n1iK6dGKFiCryFuWFwXbSu3s1c5YyiNM5C\r\nyvFJnvNYIx17nCjMl8oGoXad3CxdBNM1uhA6vks4tz3QfFzzFxXHoL9jc4s8\r\nOJtc7eqpyivk36DT3paeo4+Pyor1SilDUqkWCmfriweeSRXi1GEbqS09w3cs\r\nOm93Wy8kw+9c2pKsr+qfS80ApM5eyVjanrw=\r\n=DWX/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"naviocean","email":"navi.ocean@outlook.com"},"directories":{},"maintainers":[{"name":"naviocean","email":"navi.ocean@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/web3-onboard-connector_1.0.0_1666326378449_0.3601327011912949"},"_hasShrinkwrap":false},"1.0.1":{"name":"@3swallet.js/web3-onboard-connector","version":"1.0.1","type":"commonjs","main":"./src/index.js","types":"./src/index.d.ts","dependencies":{"@3swallet.js/types":"1.0.1","@web3-onboard/common":"^2.2.3","@3swallet.js/client":"1.0.13","@3swallet.js/core":"1.0.14","@walletconnect/utils":"^1.8.0","@3swallet.js/qrmodal":"1.0.11","react":"^17.0.1","copy-to-clipboard":"^3.3.2","qr-code-styling":"^1.6.0-rc.1","@walletconnect/window-getters":"^1.0.0","react-dom":"^17.0.1","detect-browser":"^5.3.0","@walletconnect/safe-json":"^1.0.0","qrcode":"^1.5.1","@walletconnect/socket-transport":"^1.8.0","@walletconnect/iso-crypto":"^1.8.0","tslib":"2.4.1"},"peerDependencies":{},"gitHead":"6bb7f56e28f1b17990f3f6585d11e9c971a80b33","description":"Web3-onboard connectors for 3S Wallet supported third-party: - [web3-onboard](https://github.com/blocknative/web3-onboard)","_id":"@3swallet.js/web3-onboard-connector@1.0.1","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-zUoDl7Ol6JcnQXjTPlp1dJdWxcsBOdJsfjRoaomIu3ihjKIVqvWGz84UxwHi7fNt3hCKigUzNiiWChYshgjQhg==","shasum":"37b95dcb8de93ec1309663bc30e1841a85617d9d","tarball":"https://registry.npmjs.org/@3swallet.js/web3-onboard-connector/-/web3-onboard-connector-1.0.1.tgz","fileCount":11,"unpackedSize":29675,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwxLHP5fw//mMjiJxEiLNzj0npJhHL4fL1IzvwTn9uIwIgYOa9ulOKBebIR8IeDt7ozbOvagku9RLa1oHlPwS6Qbw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhjiqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqkRAAorlRaUkobtsEdvrpJiWvlA+LShdBYi88pOghDu4SEE0r1YeX\r\ngEoIchdQayYW0RghVg+vcOqauBNwK3T5/ekw73ExY9t9sZ4k8M7vMiRl1HxN\r\n+RblQhSxn9UIW4Rf+iOmBNZDApKRePVwGhZbMVI9jGpDR1eyBIG1T6kxyN17\r\nQD1YrHEheSufU6NYwDzdZi0D/8Nbuh2ZFRdWhHd8gJyIo8fYmvWGGIMfR0fv\r\nCo+L0VwDqi+gsOiD/b3ZScbInUaWTPmsc8lk46xOML6Hn5e1KE7LuhO8v8tC\r\nMfRstNHX9feKAP+zHxQGdpkkXQlqMdiR7XvbDBbb4Sc2i7cAdZhAu0tVTfBP\r\n9Oez0wYK4APPShTKq0G5cdHuijItN3hVqlno0m31r+estKbsTuYCLu9EkrVk\r\n4tEzdcITXJbzjgrBsAdXBDxA77fRy/Iy9Tcc7yctbP8HtEgdr2qwxrpIW7Kk\r\nNQs0g7OZpfzUGkc7KVCauo3x91VObtHbGjYkpjMoPjTpk3b28yLZHqggks0W\r\nWGJUfxr3f8qflWcjiiJysInWHDkjFnzTt/gCKQWg3awO3cssp6Ra2ZtpumpZ\r\nOtisBHGaEOiLabgd1GqvvI8wRXyOJ+xbwQOvj7tWgGgyeLy4ndi6qefN13Bt\r\n1PFy+B3b0gppQ4LUfn4z+j80hnyZVsdPwMk=\r\n=cDXk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"naviocean","email":"navi.ocean@outlook.com"},"directories":{},"maintainers":[{"name":"naviocean","email":"navi.ocean@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/web3-onboard-connector_1.0.1_1669740714713_0.512854390557447"},"_hasShrinkwrap":false},"1.0.3":{"name":"@3swallet.js/web3-onboard-connector","version":"1.0.3","type":"commonjs","main":"./src/index.js","types":"./src/index.d.ts","dependencies":{"@3swallet.js/types":"1.0.1","@web3-onboard/common":"^2.2.3","@3swallet.js/client":"1.0.14","@3swallet.js/core":"1.0.14","@walletconnect/utils":"^1.8.0","@3swallet.js/qrmodal":"1.0.11","react":"^17.0.1","copy-to-clipboard":"^3.3.2","qr-code-styling":"^1.6.0-rc.1","@walletconnect/window-getters":"^1.0.0","react-dom":"^17.0.1","detect-browser":"^5.3.0","@walletconnect/safe-json":"^1.0.0","qrcode":"^1.5.1","@walletconnect/socket-transport":"^1.8.0","@walletconnect/iso-crypto":"^1.8.0","tslib":"2.4.1"},"peerDependencies":{},"gitHead":"6bb7f56e28f1b17990f3f6585d11e9c971a80b33","description":"Web3-onboard connectors for 3S Wallet supported third-party: - [web3-onboard](https://github.com/blocknative/web3-onboard)","_id":"@3swallet.js/web3-onboard-connector@1.0.3","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-95Si+/2By0xSD8zXzz1KzXCSbN7YeHfha3EzemzO5D6QjR/Q57Y5BszEd1QLlfAmt8/ADepq1eCB5VgU/hsWgw==","shasum":"041bd2c1d927280e5436fb14f14a83b13b9982bd","tarball":"https://registry.npmjs.org/@3swallet.js/web3-onboard-connector/-/web3-onboard-connector-1.0.3.tgz","fileCount":11,"unpackedSize":29675,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+mr9Rn05at13KeVepYiZdF/kpyDV+GmJXkf0KHH7JEgIhALlCwAEepeKIs6qHXWqqbHgDVIgDlCfzU/8DzN/WypjR"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhswkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrq0w/8CK/EtWmiU2FX6NV8Evloq+lYa5mzyTbNeJ4zOweJ76sIr/Xb\r\n8jqOd461fNRhuLULipGHfkD7ku/153CUwZWbZZYAgKoR+OCEOPJUTSiisr3O\r\n8X+/CagKJOe53eY1f3kk257yZgQcvlvUBzqD2N5KUluLIXo7xc6EIApU1j2v\r\nanZV3ejLbzze5vWYwIr1XASocKX7yPkXKQUCM3g32JrO/mdP48pbm1g/FHw2\r\npt3oX10oCed3G+gDhlw8wpnQ2tz3X6Dhe7pJJlGivpeMX/vHSSlPKMT7FIoK\r\n95t2mEH2rkjIqyEnV6sLrnB/Djst/Mpk+ftGCkGM6o2yx+37L7+27OePQI8p\r\nIg93DyfSkOUk6OEzkOb29m3tmL9jY0p74YoAHsFlSlzG8UgFAN3SwOqUg6wD\r\n/pPUWfu3lGcugbHbQJEehUPAgkWk1NPFefx4N77nP09r5WEPG0rwD1dEWTM6\r\nkApnseq/h0yEteUcbdZF14MObUW1fPx0H7FyLtMZR2/1rYwpudnJBuhSjS/G\r\n9bH6Yj0JigVe8xUquwyKxwoXgAGiN6F4KvZiIGuj5h+L/kx2NxuV1KO1DSoM\r\nDEFVD5t+qXqRTshCBIZaYGFKkfJdBaOnqR5ed2RLmWNELP/EC4AshcUgvBRv\r\nQWUXnzox7a+zxD9METs6LGT667inRfQj2VA=\r\n=kSZb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"naviocean","email":"navi.ocean@outlook.com"},"directories":{},"maintainers":[{"name":"naviocean","email":"navi.ocean@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/web3-onboard-connector_1.0.3_1669778468328_0.1769635622389727"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-21T04:26:18.375Z","1.0.0":"2022-10-21T04:26:18.689Z","modified":"2022-11-30T03:21:08.614Z","1.0.1":"2022-11-29T16:51:54.899Z","1.0.3":"2022-11-30T03:21:08.507Z"},"maintainers":[{"name":"naviocean","email":"navi.ocean@outlook.com"}],"description":"Web3-onboard connectors for 3S Wallet supported third-party: - [web3-onboard](https://github.com/blocknative/web3-onboard)","readme":"# @3swallet.js/web3-onboard-connector\n\nWeb3-onboard connectors for 3S Wallet supported third-party:\n- [web3-onboard](https://github.com/blocknative/web3-onboard)\n\n\nFor more details, read the [documentation](https://docs.3swallet.com)\n\n## Installation\n\n- yarn:\n\n```bash\nyarn add @3swallet.js/-connector\n```\n\n- npm:\n\n```bash\nnpm install @3swallet.js/web3-onboard-connector\n```\n\n## Quick start\n\n```tsx\nimport Web3OnBoardConnector from '@3swallet.js/web3-onboard-connector';\nimport { useState } from 'react';\nimport walletConnectModule from '@web3-onboard/walletconnect';\nimport injectedModule from '@web3-onboard/injected-wallets';\nimport Onboard from '@web3-onboard/core';\n\nconst toHex = (num: number): string => {\n  const val = Number(num);\n  return '0x' + val.toString(16);\n};\n\nconst ETH_RPC_URL = `https://mainnet.infura.io/v3/${process.env.INFURA_KEY}`;\nconst BNB_RPC_URL = `https://bscrpc.com`;\n\nconst wallet3S = Web3OnBoardConnector({\n  rpc: {\n    1: `https://mainnet.infura.io/v3/${process.env.infuraKey}`,\n    56: 'https://bscrpc.com',\n  },\n});\nconst walletConnect = walletConnectModule();\nconst injected = injectedModule();\nconst onboard = Onboard({\n  wallets: [wallet3S, walletConnect, injected],\n  chains: [\n    {\n      id: toHex(1), // chain ID must be in hexadecimel\n      token: 'ETH',\n      namespace: 'evm',\n      label: 'Ethereum Mainnet',\n      rpcUrl: ETH_RPC_URL,\n    },\n    {\n      id: toHex(56),\n      token: 'BNB',\n      namespace: 'evm',\n      label: 'BNB Chain',\n      rpcUrl: BNB_RPC_URL,\n    },\n  ],\n  appMetadata: {\n    name: 'My App',\n    icon: 'https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg',\n    logo: 'https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg',\n    description: 'My app using Onboard',\n    recommendedInjectedWallets: [\n      { name: 'MetaMask', url: 'https://metamask.io' },\n    ],\n  },\n});\n\nexport function Index() {\n  const [_, setProvider] = useState<any>(null);\n  const [account, setAccount] = useState<string>('');\n  const [chainId, setChainId] = useState<number | string>(0);\n  const [isLoading, setIsLoading] = useState(false);\n\n  const connectWallet = async () => {\n    try {\n      const wallets = await onboard.connectWallet();\n      setIsLoading(true);\n      const { accounts, chains, provider } = wallets[0];\n      setAccount(accounts[0].address);\n      setChainId(chains[0].id);\n      setProvider(provider);\n      setIsLoading(false);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  const disconnect = async () => {\n    const [primaryWallet] = await onboard.state.get().wallets;\n    if (!primaryWallet) return;\n    await onboard.disconnectWallet({ label: primaryWallet.label });\n    setAccount('');\n    setChainId(0);\n    setProvider(null);\n  };\n\n  return (\n    <div className=\"wrapper\">\n      <div className=\"container\">\n        <div id=\"welcome\">\n          <h1>{`Let's connect with 3S Wallet`}</h1>\n        </div>\n        <div id=\"content\">\n          <div className=\"connection\">\n            {!account ? (\n              <button onClick={connectWallet}>Connect</button>\n            ) : (\n              <button className=\"disconnect\" onClick={disconnect}>\n                Disconnect\n              </button>\n            )}\n          </div>\n          {isLoading && <div>Loading...</div>}\n          <div className=\"status\">\n            Connection Status:\n            {!account ? (\n              <strong>Disconnected</strong>\n            ) : (\n              <strong>Connected</strong>\n            )}\n          </div>\n          <div className=\"status\">\n            Account: <strong>{account}</strong>\n          </div>\n          <div className=\"status\">\n            Chain ID: <strong>{chainId}</strong>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Index;\n```","readmeFilename":"README.md"}