{"_id":"@honeycomb-finance/walletmodal","_rev":"41-acc92e17468800abad551507a8200f1e","name":"@honeycomb-finance/walletmodal","dist-tags":{"internal":"1.0.1-internal-20231220192401","latest":"1.0.7","rc":"1.0.3"},"versions":{"0.0.1-internal-20230920083758":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230920083758","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"^0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.13","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/core":"0.0.1-internal-20230920083758","@honeycomb-finance/shared":"0.0.1-internal-20230920083758","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920083758","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230920083758","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230920083758","gitHead":"723d09416e9857ab652b012b0de6946ec6bc31b1","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-LEdIn5+jZVN/lrG3qwmIbh0ehWy7BwwN5GXNcQt3LAxB4dlZvBR2yZyZuZm1TZSBUl2q10cCPFl7xZNaBcmLlQ==","shasum":"5d4509cdf74acc73ffcca1413bc9b02506432a1e","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230920083758.tgz","fileCount":50,"unpackedSize":585059,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmMk04qUdBZ0R0r0WEB8rawhjtr/ZKjOSStgfwCLm5aAIgPOURrF05mCL4Pr/vxZUn8DhG+xgVKl3RNf5T3TrZrzU="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230920083758_1695199095808_0.6812243677653045"},"_hasShrinkwrap":false},"0.0.1-internal-20230920162910":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230920162910","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"^0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.13","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/core":"0.0.1-internal-20230920162910","@honeycomb-finance/shared":"0.0.1-internal-20230920162910","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920162910","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230920162910","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230920162910","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"968c7f11c5f5ca8056fb2ae8f0d46da355652abc","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-3Do0PvD1Q0PBXyW8ID1LebK9ZsbMqnRz78BAMur2cektFPoTwcIM+GI+Wt9I/mYxiR/u07K+H487BCcj0SzqPg==","shasum":"dffc380e44e7c6ad5e9af86892b3b5529450fcc9","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230920162910.tgz","fileCount":75,"unpackedSize":1047772,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCl3Tvgp/QC8Msvzi5syWaOuP0pMXJddS28Aw+NM3kczAIhAP+R3rhrpAorZrbwlq3PfiqIh/QNQ/hQlAUm+mm3twUD"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230920162910_1695228135377_0.05976434695977462"},"_hasShrinkwrap":false},"0.0.1-internal-20230920184619":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230920184619","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"^0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.13","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/core":"0.0.1-internal-20230920184619","@honeycomb-finance/shared":"0.0.1-internal-20230920184619","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920184619","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230920184619","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230920184619","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"2eff0eb240bef74e94fd9aea391a33fb85caa2ec","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-xzujd6JP8ZuEyR4Vr90HvoQMNqQBt0TmyPQmbViQl27lG7om6ki589jM/bYA3Fyl4tnnDIdfDLzP6rDsvLyqKw==","shasum":"233a3e502bcf2aad8b1a4df5414f96d3073b6b99","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230920184619.tgz","fileCount":75,"unpackedSize":1047773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3pgudkPVYHFsaAWtwXFD/2bhpeQ6DLTgg5N9n8kmHBQIhAMnxw5oXQhw8KCUnJNiSJASof3yEZ807YU9kLOt22qaA"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230920184619_1695236259705_0.04897972130785555"},"_hasShrinkwrap":false},"0.0.1-internal-20230920201500":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230920201500","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"^0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.13","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/core":"0.0.1-internal-20230920201500","@honeycomb-finance/shared":"0.0.1-internal-20230920201500","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920201500","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230920201500","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230920201500","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"6cb982543df1548bb8edc66852efecc071694c5a","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-JEVhD2GApPps2UOEb6ZgrVffIavhfWlAsaEyjzVoNy1gm+Jy+iaH99vD0AioHokahJbqxXGB9vj0mxDyz20FiQ==","shasum":"96e8924f0503d553c788bbf1acef66346ef222dc","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230920201500.tgz","fileCount":75,"unpackedSize":1049369,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID17Lg6Bob7RWDX6TjB72RItvYYKWDcFt/SZ6gnuPCytAiAnTJmldJHKpwh5Xjo7pnGSAy4ytn/DeFJ4XyWw6dkitA=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230920201500_1695241655900_0.5947710612174566"},"_hasShrinkwrap":false},"0.0.1-internal-20230921064423":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230921064423","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"^0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.13","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/core":"0.0.1-internal-20230921064423","@honeycomb-finance/shared":"0.0.1-internal-20230921064423","@honeycomb-finance/state-hooks":"0.0.1-internal-20230921064423","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230921064423","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230921064423","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"bd61b70c5f8f38b8404f5765ddc2d758de104a9c","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-YNEPEU1Sa5FH0B8zCwRRRGak47kvLpd5r/2RuljQby5MewlfHnvDl+qR7/FjVYHV+Aq2GXkah+/pppwg6iq5Gg==","shasum":"c4d916d05da307ebdbfa22b1a10362484aa2ec39","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230921064423.tgz","fileCount":75,"unpackedSize":1049369,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVOg5bQ8seSb/Ox4SjTubn2QG9DmvZ4MFOrsZvT3WsfQIhAMZJYzfJG2QxA0W4ivKKmJcYLrM08tz8G6V4wmbBfgpP"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230921064423_1695279183578_0.25973191240201476"},"_hasShrinkwrap":false},"0.0.1-internal-20230921150858":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230921150858","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"^0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.13","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/core":"0.0.1-internal-20230921150858","@honeycomb-finance/shared":"0.0.1-internal-20230921150858","@honeycomb-finance/state-hooks":"0.0.1-internal-20230921150858","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230921150858","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230921150858","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"3d777a88d47abe6a8297c6f1a1af17d1b63e0502","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-UauCm97qAzB7ecmDghAHbDYW/qcbYN6btumqaFh1ELVCb30RN8joxlx7V2u+DY2rY/UPX5WUNPCbzi7JM5X9vA==","shasum":"62e882d4938a9f74b4dcbc4906db526ed4745539","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230921150858.tgz","fileCount":75,"unpackedSize":1048053,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCt4hr0Y9yIh2MuK4H4Gm3ERlXdhTTYYZ2yq8DL7DffxAIgfptkSv3SE5Bi1qhCRck1HCzIhMZOGgDeZCf8HrXqUHY="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230921150858_1695309708179_0.31831648184715555"},"_hasShrinkwrap":false},"0.0.1-internal-20230922074227":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230922074227","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"^0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.13","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/core":"0.0.1-internal-20230922074227","@honeycomb-finance/shared":"0.0.1-internal-20230922074227","@honeycomb-finance/state-hooks":"0.0.1-internal-20230922074227","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230922074227","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230922074227","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"405d2616abecbb975482faba70491d759c6431ff","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-pNRdsYyyOLxKVDdb5tkmdJeBE4uSuuSHyDaVJoH3NaApRC3+iHqzpLL6XSHts/D4hdOvlMmzeiPJFdHijkmisw==","shasum":"75114440f1709d7a175942611a060427c0c50f4a","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230922074227.tgz","fileCount":75,"unpackedSize":1048053,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5O8AjuaTKfA0T/13D7wrMqb1FDxPWiQ3ko6dP+7/EowIhAPY8QU0zD0BtrirIatv4CqaHgQDHlFtQ85+oEQ2lwzu2"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230922074227_1695369132971_0.8331676864990483"},"_hasShrinkwrap":false},"0.0.1-internal-20230928072245":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230928072245","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.0.1-internal-20230928072245","@honeycomb-finance/shared":"0.0.1-internal-20230928072245","@honeycomb-finance/state-hooks":"0.0.1-internal-20230928072245","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230928072245","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230928072245","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"01fe0ca48039d62f9d90be0a8f8f51ea546ef71c","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-tqvU4ZaYFpUXI5o3w+bANqlCIrHEaBNAbGhgEfthPgkr9cSuGiaZYQSbkM7yRBmoyn2+mCVh+ujXK4q6JavS4Q==","shasum":"556f8e56f13eb419eaccf6a7ab391b1c51fcf1e7","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230928072245.tgz","fileCount":75,"unpackedSize":1060900,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/G6EVn3/E/0HHzQMDNujJnpFDrvw5qW105WN5ZeWFNwIhAMVkW+rs5MTQWblGS1dT6sL5mlGdEXmI9zPRjrvgFFuR"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230928072245_1695886371192_0.4835067335590939"},"_hasShrinkwrap":false},"0.0.1-internal-20230928134042":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20230928134042","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.0.1-internal-20230928134042","@honeycomb-finance/shared":"0.0.1-internal-20230928134042","@honeycomb-finance/state-hooks":"0.0.1-internal-20230928134042","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20230928134042","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20230928134042","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"13e2445eabd31ffa965d58ddbd7c0545dc22ba6b","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-iezXSTZI39bQ/wdP2Y+EMalEj6WEdvJaULF13uNKwdZDxSWCR+fT9j4l3zhXUCnC8OqVwTC53KYkQLJT8QBNXw==","shasum":"b906ee1db6f1d5cb1e7900155220db14e470e632","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20230928134042.tgz","fileCount":75,"unpackedSize":1061336,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGtoSCPKme/iqK0VPBW//prfSQCNY7b+lR/yJMSlPZ5wAiAOxrXotkZ5V9ocrJcw4OsJsMMIBoNJ6wK3rYb5H79hEw=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20230928134042_1695909083036_0.02417871178707376"},"_hasShrinkwrap":false},"0.0.1-internal-20231010051505":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231010051505","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.0.1-internal-20231010051505","@honeycomb-finance/shared":"0.0.1-internal-20231010051505","@honeycomb-finance/state-hooks":"0.0.1-internal-20231010051505","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231010051505","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231010051505","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"48e5563447b094e90259f6f32f7d5e3dcfa270c6","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-di3FoyO26+HHBV32brmTUFwd3KBALS2fzQKKRmBGIKjV9Navq4nd7jhhc1r9gQX9N7QCEc8BbtZ3pE2aRFej8w==","shasum":"8a7eaeac8895a9096f992674a70674b6f400a572","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231010051505.tgz","fileCount":75,"unpackedSize":1061447,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9gMELmD9Z18ZVUzZFPWQ/nBesXxqTQKteidHCkWSQSQIgXDlUOLsO9Ylz1HhfoKnN55STsiKkbMRiVnpirZSieZs="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231010051505_1696915612764_0.2787952473926212"},"_hasShrinkwrap":false},"0.0.1-rc.0":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-rc.0","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.0.1-rc.0","@honeycomb-finance/shared":"0.1.0-rc.0","@honeycomb-finance/state-hooks":"0.0.1-rc.0","@honeycomb-finance/wallet-connectors":"0.0.1-rc.0","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-rc.0","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"edf7911ef0016cf05fc83738c4ca36acc7e0842c","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-qZAIh1nbuW7EseQ9M02ApLLCFtcYGnjjfvDIVSweNKBrMNkh/EF9uOhjg9t9ba35rCraT7Gn1Kd2SNX8PiFnaQ==","shasum":"2cd0d59c04f4bc9243917f0afab72b900b9b3a91","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-rc.0.tgz","fileCount":75,"unpackedSize":1061368,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBANM/7Pq2WVNaCdijPfqO1rz+MghoE6S9JHZTeGwMTAAiEAytKRQaVlc+jwtU6CPHYpEUombAV+trPXuQxUmH1oijU="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-rc.0_1697528813657_0.5106647021755193"},"_hasShrinkwrap":false},"0.0.1-internal-20231018134906":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231018134906","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.0.1-internal-20231018134906","@honeycomb-finance/shared":"0.1.0-internal-20231018134906","@honeycomb-finance/state-hooks":"0.0.1-internal-20231018134906","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231018134906","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231018134906","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"43912db7853f1c54d1f0a2c9a1d42dfe032a5fbc","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-wqHhTSXOJvf75+ufh0cHDm/exHgBq7ll23PrHmj0uBXTBap7k+I6Lo4xYM/QdOSbRRv19BJ3IrDH+LWqnZLumA==","shasum":"6633d922e9f1dc6ddca9a07f678f03bee497b7d5","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231018134906.tgz","fileCount":75,"unpackedSize":1063203,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCCSb0C+crVF5YXp7A2VXOpmISon8+0hdyk2pJYYr6AQIgNoin/WWGGAVKix/4UYAludm+tapzBrnxj+oqAl3qzGY="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231018134906_1697637455963_0.3754914975194863"},"_hasShrinkwrap":false},"0.0.1-internal-20231107124121":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231107124121","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231107124121","@honeycomb-finance/shared":"0.1.0-internal-20231107124121","@honeycomb-finance/state-hooks":"0.0.1-internal-20231107124121","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231107124121","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231107124121","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"668b39cf915f3baac4aeccd4bfb59c36066f8b9f","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Ik/9sFNq6bHWxNH59isM1HsJLASklt73FPBmnzQlm4TZd4Frinucirr5rN/cNToxPXn1cNfbjlnQlFjH07lA3A==","shasum":"047ee181f4910411e9cee7879a58faaf7ba61694","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231107124121.tgz","fileCount":75,"unpackedSize":1063422,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGZQ+Q9YvlsyLkE0/pPDzCfdiDfx+2BfpYyZm2mLL0DaAiEA9GfXA3chEGaqznjhM/enyryZXPEo5br/7m0EA0sBUsM="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231107124121_1699361367101_0.2029421688112556"},"_hasShrinkwrap":false},"0.0.1-rc.1":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-rc.1","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-rc.1","@honeycomb-finance/shared":"0.1.0-rc.1","@honeycomb-finance/state-hooks":"0.0.1-rc.1","@honeycomb-finance/wallet-connectors":"0.0.1-rc.0","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-rc.1","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"a7895c5a3942808651808fc1b934e34c5dcd6446","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-N2Z1Mdwiv1Aothkx/2BtRz80qY1jsRhh92TfnepR2w7KrHR5rrBuG7L6LYEoomN/N7RyKv82DiYLJ7WSKJWWnQ==","shasum":"83e7e900afb55d03f572d70a31c1c8a417cf8c01","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-rc.1.tgz","fileCount":75,"unpackedSize":1061773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBCnaWXvM4lone0lMwJbFxXrvV31kSXnJHhKLyoftO+wAiEAwKeWLbV16xhbAb+vPb2QpHVrP1Ps1dOE7KxNycIJOBQ="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-rc.1_1699366655549_0.24812797423790545"},"_hasShrinkwrap":false},"0.0.1-internal-20231108140641":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231108140641","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231108140641","@honeycomb-finance/shared":"0.1.0-internal-20231108140641","@honeycomb-finance/state-hooks":"0.0.1-internal-20231108140641","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231108140641","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231108140641","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"e85348c8e299a6a653af18d94f39e91c727d4fb5","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-EMhdm9M5MeY90mkXx+VCLvNnlyGTwBZYgYJqcT5Dw3mra5jrkLP0UcrlzPaac5B1Jnr0QTWNAeybKPAGz62kGw==","shasum":"c18925384507214bb84dbb2c8ee4102a6b4cce64","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231108140641.tgz","fileCount":75,"unpackedSize":1063833,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBFKsNm8i5cyNu2zrrLKo1mDcQBLiZJfiIJcO8u6vN8iAiEApd99cA+4jZLpjW48cR1lP3gTUDNxF3RlJGbGgU2OX4Y="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231108140641_1699453114370_0.682031417257706"},"_hasShrinkwrap":false},"0.0.1-internal-20231108171900":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231108171900","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231108171900","@honeycomb-finance/shared":"0.1.0-internal-20231108171900","@honeycomb-finance/state-hooks":"0.0.1-internal-20231108171900","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231108171900","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231108171900","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"adc4b3d97760902697d63e58df52f4d2233529f6","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-s3KyvRkLKJS4jPjNIfzUMikXQbuZ7FbX2zsIi0b4w75m+5Z6FhbQQjxCoYNXhVB4Mxxhyn09B4lxTGEBZ582eA==","shasum":"8767945d835b54ca6c8b2d8f5efaf01cfa399d33","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231108171900.tgz","fileCount":75,"unpackedSize":1063833,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD47DdCMeC+CHj8UdHYpXUBrqk8lRonoZJfoHKQuDAVBQIhAL7mSUXG6TaTM8ofg8HGWNtgrQPpLgH8I5L9gD6iDwKA"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231108171900_1699464578637_0.7300979900309934"},"_hasShrinkwrap":false},"0.0.1-internal-20231115133537":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231115133537","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231115133537","@honeycomb-finance/shared":"0.1.0-internal-20231115133537","@honeycomb-finance/state-hooks":"0.0.1-internal-20231115133537","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231115133537","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231115133537","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"8dda1d2727d05337f9b27d1cd610242a7ae5a673","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-+YPjF2o7PKe7W9NzsTsrsMUS+bgWgSAM4jbJ8/oT9ptEKAHZCv0GWFUX8fXfWGI9gMubNr3EcvdlXxAcUvD+Vw==","shasum":"471aa288c94c35cb1f3edf58792405ee53041bc5","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231115133537.tgz","fileCount":75,"unpackedSize":1063830,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBa/HhN1CxPgo/9YU8gmCoIuEW7hfc4muno6BbvfjnQPAiBau+j1jabGKmZuA8kFcsO3D8LnV1Ln10ozvefvkWm4dg=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231115133537_1700055829177_0.17905244500001838"},"_hasShrinkwrap":false},"0.0.1-internal-20231120103858":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231120103858","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231120103858","@honeycomb-finance/shared":"0.1.0-internal-20231120103858","@honeycomb-finance/state-hooks":"0.0.1-internal-20231120103858","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231120103858","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231120103858","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"3c079f866d2352ade3e557fc407da140a23c711d","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Fzqq4B3fzyt1alLEnz1xs5b+7flnnK8lTnR39K4j2L67D44+N8l8Qj9ed/7B26c63mOfP55p2J7UzUooeY3HcA==","shasum":"086b58b5ae4e3a6f13c45a94d06041d3c530bfeb","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231120103858.tgz","fileCount":75,"unpackedSize":1063830,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFF7VO1ePCTXxquBqYGpepsoPPVMvVvC2AY46VARwl0QAiARbixDEWcjHaqt53CV9FmyU0kuSeDl38NqWEpr2ciZ2g=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231120103858_1700477225226_0.9330160364200244"},"_hasShrinkwrap":false},"0.0.1-rc.2":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-rc.2","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-rc.2","@honeycomb-finance/shared":"0.1.0-rc.2","@honeycomb-finance/state-hooks":"0.0.1-rc.2","@honeycomb-finance/wallet-connectors":"0.0.1-rc.0","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-rc.2","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"c8ded8b6faf7c74a6064a6470e796ba47ac0bbd1","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-jpfMGfLzY4i6boSaICRDUTkEr82As2VayyD8VkF5sZSEpc6LKdprHGc7t44B+XaoOESjUdO+YzCZVYVR3fiLzQ==","shasum":"2034c38e3ad88a1fd8b44f94290840b6e5426fd5","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-rc.2.tgz","fileCount":75,"unpackedSize":1062070,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiIiDcgd+byQ62OT1zcYNwDIpZi8OC+ieNekplp5qB4wIhAORMmAb1cdkUuzPr82U5ssCXsaG76eGRO83+/CgG+MwC"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-rc.2_1700490927803_0.5014314291481141"},"_hasShrinkwrap":false},"0.0.1-internal-20231122173717":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231122173717","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231122173717","@honeycomb-finance/shared":"0.1.0-internal-20231122173717","@honeycomb-finance/state-hooks":"0.1.0-internal-20231122173717","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231122173717","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231122173717","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"f1ea7b82ad9e9d12d676d5977b2f9eca0ea340d1","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-iA9GaJMdYbup7ptw7f7lBowmv51FdUK32d2UVWA61edeH2RWqhUs0vm1iPZVVnp+8wUGls9bvx1iSG9q5zQz/Q==","shasum":"aedbaf238a1bff858dd37da80d5980aa39746d6d","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231122173717.tgz","fileCount":75,"unpackedSize":1064347,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDHyifRYCNzKb3+PzT8JlSWx9Dr6Lja3Y5NP+AHrUljYAiEAyAEVjTSGPsrzjXXEBJFlL9qEALevyLMk9e3wvmUKyyU="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231122173717_1700675120601_0.38245399486076237"},"_hasShrinkwrap":false},"0.0.1-internal-20231123134049":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231123134049","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231123134049","@honeycomb-finance/shared":"0.1.0-internal-20231123134049","@honeycomb-finance/state-hooks":"0.1.0-internal-20231123134049","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231123134049","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231123134049","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"ec1e951144dd0b7bff94d8d0ef0675e20f377e80","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-cx9Tcxkg/pPIqZy404o47huxx1fxgZxHF1/p68CFXsdiBcl+nY4hByyJvVT87iBxrdnSMNlvntRlPniF3I0rbw==","shasum":"0659f93f3566f5b54b3b8d799361a854c0d1ba6e","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231123134049.tgz","fileCount":75,"unpackedSize":1064349,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQZ5H7LmTUU/8siXovG0LvNVaHdERiq1p88FKTmy8AEgIhAN0itKQsEKkXZIGJO+nvRhXsA++IKu4NihNOCxwuGnIi"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231123134049_1700747334232_0.7223232726814361"},"_hasShrinkwrap":false},"0.0.1-rc.3":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-rc.3","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-rc.3","@honeycomb-finance/shared":"0.1.0-rc.3","@honeycomb-finance/state-hooks":"0.1.0-rc.3","@honeycomb-finance/wallet-connectors":"0.0.1-rc.0","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-rc.3","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"2511774796188adbb3bae54fdd62abbf62b27651","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-IUnakTbajv0BUq3ky29z8twIlnx8ZSEsT4QGmskgXJGEUUCdgVwk0wWl56lKwFjDcC5YOUB0eo/hoT8TM1ePyw==","shasum":"149b37a876936cc407a7d7484e856325ef2b8ce5","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-rc.3.tgz","fileCount":75,"unpackedSize":1062365,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDRya2otUrhloLCb051Lwks4bZHKNFEN/Wx0o0xxPhdqAiEA+83yKCkIX3mccpgLAuivyQ1+/wSheKhe7ywx+RgnZ7I="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-rc.3_1700846468046_0.5221159942698579"},"_hasShrinkwrap":false},"0.0.1-internal-20231126132620":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231126132620","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231126132620","@honeycomb-finance/shared":"0.1.0-internal-20231126132620","@honeycomb-finance/state-hooks":"0.1.0-internal-20231126132620","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231126132620","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231126132620","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"89245f8cdc83b6e91302f782108ae6ad41631d46","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-BWt/ZiIkZWjDvC4YwFfvYbUgaeooXpXftnpacuHsUIPjhmjqleNUxL+xzzsU1Thj6xs8Zw1EvrUVLYGIxvgJDw==","shasum":"ae7b1b4527b4507e4cbc2689762ad97f4e2da655","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231126132620.tgz","fileCount":75,"unpackedSize":1064646,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAYKN5ga/1WNXGQBgq/EtRYtfrdBT8Q67V1P+V33KYUdAiEAq1VL2dF5YaWnHPiUePfx1Vc0mOPWoFmAiTFys7Z7pag="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231126132620_1701005663123_0.12621316808543215"},"_hasShrinkwrap":false},"0.0.1-rc.4":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-rc.4","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-rc.4","@honeycomb-finance/shared":"0.1.0-rc.4","@honeycomb-finance/state-hooks":"0.1.0-rc.4","@honeycomb-finance/wallet-connectors":"0.0.1-rc.1","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-rc.4","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"eca452819fc306684d7613d5cb78d049efceb9cb","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Db9BrYBTBpmZzBtFkLH2HpU6mwDvf9H4KRFNehgI97c/Pb9laugvaCqI6ZMtHef4ce6uRDQda5xmMrZ1P0e18g==","shasum":"e14627c0016ad3d66acd1cc777296cc47505e47d","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-rc.4.tgz","fileCount":75,"unpackedSize":1062991,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8qz0soriWliB3Nl8ez9kuog/Z/BFYCwAA5UgwSpwoggIhAOywsjhPocdTvkGslHjkJD1lbQvGk0fgNH3sLPSSGWnV"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-rc.4_1702492155236_0.002364225250069074"},"_hasShrinkwrap":false},"1.0.0-rc.5":{"name":"@honeycomb-finance/walletmodal","version":"1.0.0-rc.5","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.0-rc.5","@honeycomb-finance/shared":"1.0.0-rc.5","@honeycomb-finance/state-hooks":"1.0.0-rc.5","@honeycomb-finance/wallet-connectors":"1.0.0-rc.2","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.0-rc.5","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"bd57f32f7ed6ecca5941aa51a97bed614990da19","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-UnGs6TwV3moYTIdpikQPHX9nZdjkn/yGRlpOU5Sb47MXoa+op8o3z5JZlvixLfYuBmuVy0qujb519fGlV4eLdQ==","shasum":"5b03f4ab3ca8285b31901d35054e9e3d4ef40b63","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.0-rc.5.tgz","fileCount":75,"unpackedSize":1063565,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjcsb4xGbfVHTIEJ0qfcpcGufeAZTIIvxpn0OBXAaYbAIgZok6YVh3eLjQ5O5+kvCgKZXcFqfwH7b4FEi+Zb5HY/w="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.0-rc.5_1702625192809_0.7070310837174845"},"_hasShrinkwrap":false},"1.0.0":{"name":"@honeycomb-finance/walletmodal","version":"1.0.0","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.0","@honeycomb-finance/shared":"1.0.0","@honeycomb-finance/state-hooks":"1.0.0","@honeycomb-finance/wallet-connectors":"1.0.0","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.0","gitHead":"c5ced0a7e5051dd5050a2fd849a85e5cb1f45518","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-nNmqDm4M8rvcW5I+FRGLReISNvQ0wMEOAs2SW89VBVScII7uGMIs6wACtz4sVZkMA8TFeKlE6ExKkKmPdoGb5Q==","shasum":"63a41fada087829a785337c2b10edad017e27ecf","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.0.tgz","fileCount":75,"unpackedSize":1066389,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkqlDOTuPweyB8Vtoh5Ixjs3h5XeL6qjD8XXHdOyH2QAIhAJ5mf8bUfkcwk8ttACtabX6uofSUjtoX2LbkHl0Ycdza"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.0_1702630578099_0.39159182914949797"},"_hasShrinkwrap":false},"1.0.1-internal-20231219181808":{"name":"@honeycomb-finance/walletmodal","version":"1.0.1-internal-20231219181808","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.1-internal-20231219181808","@honeycomb-finance/shared":"1.0.1-internal-20231219181808","@honeycomb-finance/state-hooks":"1.0.1-internal-20231219181808","@honeycomb-finance/wallet-connectors":"1.0.1-internal-20231219181808","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.1-internal-20231219181808","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"9c28fe21fabdef05a9db4d40e6259828c8cf6216","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-IwoIPXwZMJkSKFsk4DdrlE54SAZo8Vk09MS0WEzfinAtuXPzoGwCXr6OmJq4FHYe+oLXPUNDUSqEDYYs7ADR2w==","shasum":"33350e33d80315f1c7f0edfbe7614f25fd186a89","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.1-internal-20231219181808.tgz","fileCount":75,"unpackedSize":1067150,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGVh1SI9xGUsM4YQN2G3pLvpXB9MfqQCs9TatSbqygZQIgU1GonFBWAvHqgvyuLv0197sTcXBlgi0/1OchtDJ0syc="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.1-internal-20231219181808_1703010388387_0.8509046245149499"},"_hasShrinkwrap":false},"1.0.1":{"name":"@honeycomb-finance/walletmodal","version":"1.0.1","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.1","@honeycomb-finance/shared":"1.0.1","@honeycomb-finance/state-hooks":"1.0.1","@honeycomb-finance/wallet-connectors":"1.0.1","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.1","gitHead":"0444a645808704581b4c27e5479972bc8e420269","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-xhwMxf0Is3psAR2eHSU9pkEjwbLNHAdGkckTqWdorUoLchlQq8MD9n132psrmBxWrkhjQxo+MVuj8adxe1R3LA==","shasum":"afcea41ab114697b704998a08bcff5cd96d9fe35","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.1.tgz","fileCount":75,"unpackedSize":1066973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID272wi24eTzWvyAPVZZyP0NJXaBU2zH0gj3P3aJADhSAiEAwAPpBRul+IxaL7hH+gal2jodRI4AfHQMIWyJSWUJ6AQ="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.1_1703012777612_0.6294375874484981"},"_hasShrinkwrap":false},"0.0.1-internal-20231220125716":{"name":"@honeycomb-finance/walletmodal","version":"0.0.1-internal-20231220125716","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"0.1.0-internal-20231220125716","@honeycomb-finance/shared":"0.1.0-internal-20231220125716","@honeycomb-finance/state-hooks":"0.0.1-internal-20231220125716","@honeycomb-finance/wallet-connectors":"0.0.1-internal-20231220125716","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@0.0.1-internal-20231220125716","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"ef50da58fc0da0a077c0a84c65d0ac709b559e49","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-YYmaN4DGSNHYWyGEyjIFfwQ/nUZ1qBdLkpsLub+RjwoA9O0GDun7I7Uw8UJYuAoJ4/PaOd2kRFXcs6icQzukig==","shasum":"473012be0a2c1f9ecfe054d669ec1fb7f20fbac1","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-0.0.1-internal-20231220125716.tgz","fileCount":75,"unpackedSize":1063830,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICCJep4FY2eKMnwI2ykzoxabB8MtMxsU9Heh9uyUAOy7AiACm0AC4rRW0gk6lsjAg4OZjrfqnYKeZq5/sLiZ+iHW8g=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_0.0.1-internal-20231220125716_1703077529252_0.9794426919744759"},"_hasShrinkwrap":false},"1.0.1-internal-20231220160144":{"name":"@honeycomb-finance/walletmodal","version":"1.0.1-internal-20231220160144","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.1-internal-20231220160144","@honeycomb-finance/shared":"1.0.1-internal-20231220160144","@honeycomb-finance/state-hooks":"1.0.1-internal-20231220160144","@honeycomb-finance/wallet-connectors":"1.0.1-internal-20231220160144","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.1-internal-20231220160144","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"615bcb6c1576ba9cf80552ef4ae80140c25c53d3","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-UpajvRg5lnEAGTxKL+In679uEUhD2rnynUBb30ER4NI/8NMWbqjbUL6cN64IEuTK8kiO2o+DQCFdWURjDAsZvg==","shasum":"dc97a7cf54824bc3712c4fb2be8d73fb684e13a5","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.1-internal-20231220160144.tgz","fileCount":75,"unpackedSize":1067213,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrZmI+ct6jelIQXj05uMa2TclgUEtLG0TfbJss4BIiWQIhALaO61iB5JU+4tEwv2BAKm0zebIFgkCoFHu0hgRTzJVM"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.1-internal-20231220160144_1703088579853_0.03846617311711409"},"_hasShrinkwrap":false},"1.0.1-internal-20231220192401":{"name":"@honeycomb-finance/walletmodal","version":"1.0.1-internal-20231220192401","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.1-internal-20231220192401","@honeycomb-finance/shared":"1.0.1-internal-20231220192401","@honeycomb-finance/state-hooks":"1.0.1-internal-20231220192401","@honeycomb-finance/wallet-connectors":"1.0.1-internal-20231220192401","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.1-internal-20231220192401","readme":"# Wallet Modal\nComponents to interact wallet such Wallet Modal and NetworkSelection.\n\n## Installation\n`yarn add @honeycomb-finance/walletmodal`\n\nor\n\n`npm install @honeycomb-finance/walletmodal`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### WalletModal\n\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\n\n\n\n### NetworkSelection\n\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\n\n","readmeFilename":"README.md","gitHead":"76d81d9590747d9410252b4ff10780feffd70b96","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-L8V+3EEYVFmxfzK8UO44viZIIqUp/jgQyj+Wg+0MZL3e6vy92s/vrrJAIE6z5XzGg2fvTa97ETe+6iysBKpOvw==","shasum":"36b4d99dc4fd8119c67165604b7ac32c6e54543c","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.1-internal-20231220192401.tgz","fileCount":75,"unpackedSize":1067213,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpMq3+VydpIIglXdm8se9u4Yae3Zr+UC9xy/3RAwHVYAiEA6aX7gNCFmWJLTZw4tUecn1R43Lm+nIAcVCWRQY+l6lU="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.1-internal-20231220192401_1703100721959_0.1697198330579679"},"_hasShrinkwrap":false},"1.0.2":{"name":"@honeycomb-finance/walletmodal","version":"1.0.2","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.1","@honeycomb-finance/shared":"1.0.1","@honeycomb-finance/state-hooks":"1.0.1","@honeycomb-finance/wallet-connectors":"1.0.2","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.2","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-E+mrV3unwcdjZwRqe5ai1OGdS9Ae8qv7uHXMOOhTgJMp3IxtIg3InoBKiB9dUYG/xIeM9jP04pK+lJOaAXs1Lg==","shasum":"109a3d7b6402f305cba15ee914794d04aa70121e","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.2.tgz","fileCount":75,"unpackedSize":1069642,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHavGvjM344TI1MdkFI94CALAQMfUS8zu1m0GIGEQ2W3AiEAs15Z2kWPDXcZYD4aivoRfFBX2R0FuLhjoDdy5luy4rU="}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.2_1708953470502_0.8830600667662456"},"_hasShrinkwrap":false},"1.0.3":{"name":"@honeycomb-finance/walletmodal","version":"1.0.3","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.1","@honeycomb-finance/shared":"1.0.2","@honeycomb-finance/state-hooks":"1.0.2","@honeycomb-finance/wallet-connectors":"1.0.3","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.3","readme":"# Wallet Modal\r\nComponents to interact wallet such Wallet Modal and NetworkSelection.\r\n\r\n## Installation\r\n`yarn add @honeycomb-finance/walletmodal`\r\n\r\nor\r\n\r\n`npm install @honeycomb-finance/walletmodal`\r\n\r\n### Install below dependancies as its peer dependancies\r\n\r\n```\r\nreact\r\nreact-dom\r\n@pangolindex/sdk\r\n```\r\n\r\n## Story Book\r\n\r\n1. do `yarn storybook` to start the storybook\r\n2. now connect to http://localhost:6006 to see the components\r\n\r\n## Development\r\n\r\n1. `yarn install`\r\n2. `yarn dev` and keep that terminal running\r\n\r\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\r\n\r\n## Getting Start\r\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\r\n\r\n_Use version **6.0.9** of `@web3-react/core` package._\r\n\r\n```tsx\r\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\r\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\r\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\r\n\r\nfunction getLibrary(provider: any): Web3Provider {\r\n try {\r\n const library = new Web3Provider(provider, 'any');\r\n library.pollingInterval = 15000;\r\n return library;\r\n } catch (error) {\r\n return provider;\r\n }\r\n}\r\n\r\n// library -> web3.js provider\r\n// chainId -> chain id with which user is connected\r\n// account -> user's connected wallet address\r\n// theme -> optional ( refer Theme guide to customize it )\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root'),\r\n);\r\n```\r\n\r\n## Components\r\n\r\n### WalletModal\r\n\r\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\r\n\r\n\r\n\r\n### NetworkSelection\r\n\r\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\r\n\r\n","readmeFilename":"README.md","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-dwLnJBMyXT7LVXu2hwvMMpfF2gyenB0z9LSqZWtdfT8q15c1FQ1E0mhVSkhF0twrhkuUlLUlq5Uta4+m7VlfwQ==","shasum":"5c3ccaeea3142af915b341d910f0318f775e9339","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.3.tgz","fileCount":75,"unpackedSize":1069642,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0JsQaoEZhg8jma9ilEPHigIPvW0S160aUzD4zQy4ehAiEAjtF+m/NVV0zbhtsQ1KYRs7rIdJjrX6RoDVG0oOrGkTY="}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.3_1708960737609_0.8141374509696344"},"_hasShrinkwrap":false},"1.0.4":{"name":"@honeycomb-finance/walletmodal","version":"1.0.4","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.2","@honeycomb-finance/shared":"1.0.3","@honeycomb-finance/state-hooks":"1.0.3","@honeycomb-finance/wallet-connectors":"1.0.4","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.4","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-hvqETNvCsW8FYxNm30AcHMrYUnBwM8Uc2BJGYkFtNmRR9cYI8tVnJ79F088X0P569Tz53yMJWEpeWYjY6mKLfQ==","shasum":"e0a72a437b40acf290f0b8531c1b74ed551e8868","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.4.tgz","fileCount":75,"unpackedSize":1069642,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBcJS2rLM+qnEI5d6I7qwKNBx8Hg5YvJwGv/49NPlwNQIgJZsAClGvHBRP7bRIMbK/wavAHnmQYJajSp3YNHaiK3k="}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.4_1709033643330_0.17353995439866066"},"_hasShrinkwrap":false},"1.0.5":{"name":"@honeycomb-finance/walletmodal","version":"1.0.5","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.2","@honeycomb-finance/shared":"1.0.3","@honeycomb-finance/state-hooks":"1.0.3","@honeycomb-finance/wallet-connectors":"1.0.4","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.5","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-f0i/VNWI4O3qjScQO1LEJTxd4oL56F/YL2YEPNCAR0gS4yoxCP2ViIRZwsEBF6kv9OTgu0SzBd0vq5yEhR3Wag==","shasum":"e777b5b94fae10a61a839745db70f03fa7eb9b0f","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.5.tgz","fileCount":77,"unpackedSize":1078814,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGEgqt3wGGnsllEeXbwZ6KSpLA/qWcDy/bDGUlHqbcPwIgZ8e6bbaZySbTI4a+ALjWOGyBWhOpGmgtyc5xe9J8jQ0="}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.5_1714655621836_0.608901704305814"},"_hasShrinkwrap":false},"1.0.6":{"name":"@honeycomb-finance/walletmodal","version":"1.0.6","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.2","@honeycomb-finance/shared":"1.0.3","@honeycomb-finance/state-hooks":"1.0.3","@honeycomb-finance/wallet-connectors":"1.0.4","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.6","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-69ar4Obkm0UX5YAXEMIPksdOSlU5EIYZTQBIBifW70I3wH2Ohmy2KnwWtBStgy+xjbfREnFqv0wHMDPddwshJA==","shasum":"5c266a18b4841a3f8f02eb82feb5be15c41a1712","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.6.tgz","fileCount":77,"unpackedSize":1078808,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEHW4Qm3yox2wcRFgMa/NiiJg7nMrDxq7PMyHewS1BbkAiEAyHm9gRNB+6kLkXX6yE5NEkhKpsvZ2yfPltYjACHLxLg="}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.6_1714662384346_0.7556404035800284"},"_hasShrinkwrap":false},"1.0.7":{"name":"@honeycomb-finance/walletmodal","version":"1.0.7","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@gnosis.pm/safe-apps-web3-react":"0.6.7","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/react-virtualized-auto-sizer":"^1.0.0","@types/styled-components":"5.1.15","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/core":"1.0.2","@honeycomb-finance/shared":"1.0.3","@honeycomb-finance/state-hooks":"1.0.3","@honeycomb-finance/wallet-connectors":"1.0.4","@web3-react/abstract-connector":"6.0.7","@web3-react/core":"6.0.9","deep-equal":"2.0.5","eventemitter3":"5.0.0","jotai":"2.0.3","react-custom-scrollbars":"4.2.1","react-device-detect":"1.6.2","react-feather":"2.0.9","react-virtualized-auto-sizer":"1.0.2","react-qr-code":"2.0.11","react-use":"15.3.8","styled-components":"5.3.3"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/walletmodal@1.0.7","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact wallet such Wallet Modal and NetworkSelection.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-Tt12dlzcEgyvFTfw88F9tYGiiavSDnIdAg7QOGrQU07nehrQUgzCShvjrs6XkHmm3OKJs18/0A6sw/DaOLJPPA==","shasum":"2d629bce96b49561727c1b46249692f4c93773bc","tarball":"https://registry.npmjs.org/@honeycomb-finance/walletmodal/-/walletmodal-1.0.7.tgz","fileCount":77,"unpackedSize":1079029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOdf2FjbNztu4MLMoip84Ov6xjlM9kKyf213ZuWEzzkQIhAKjjqZ0fsYHc+7MLEbJcER+H2x+RZg1o1elgDxWFd0vo"}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walletmodal_1.0.7_1714666748167_0.14540622148692317"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-20T08:38:15.706Z","0.0.1-internal-20230920083758":"2023-09-20T08:38:16.092Z","modified":"2024-05-02T16:19:08.645Z","0.0.1-internal-20230920162910":"2023-09-20T16:42:15.654Z","0.0.1-internal-20230920184619":"2023-09-20T18:57:40.059Z","0.0.1-internal-20230920201500":"2023-09-20T20:27:36.250Z","0.0.1-internal-20230921064423":"2023-09-21T06:53:03.899Z","0.0.1-internal-20230921150858":"2023-09-21T15:21:48.475Z","0.0.1-internal-20230922074227":"2023-09-22T07:52:13.258Z","0.0.1-internal-20230928072245":"2023-09-28T07:32:51.499Z","0.0.1-internal-20230928134042":"2023-09-28T13:51:23.462Z","0.0.1-internal-20231010051505":"2023-10-10T05:26:53.105Z","0.0.1-rc.0":"2023-10-17T07:46:54.018Z","0.0.1-internal-20231018134906":"2023-10-18T13:57:36.259Z","0.0.1-internal-20231107124121":"2023-11-07T12:49:27.354Z","0.0.1-rc.1":"2023-11-07T14:17:35.884Z","0.0.1-internal-20231108140641":"2023-11-08T14:18:34.691Z","0.0.1-internal-20231108171900":"2023-11-08T17:29:38.965Z","0.0.1-internal-20231115133537":"2023-11-15T13:43:49.444Z","0.0.1-internal-20231120103858":"2023-11-20T10:47:05.467Z","0.0.1-rc.2":"2023-11-20T14:35:27.987Z","0.0.1-internal-20231122173717":"2023-11-22T17:45:20.858Z","0.0.1-internal-20231123134049":"2023-11-23T13:48:54.575Z","0.0.1-rc.3":"2023-11-24T17:21:08.358Z","0.0.1-internal-20231126132620":"2023-11-26T13:34:23.391Z","0.0.1-rc.4":"2023-12-13T18:29:15.578Z","1.0.0-rc.5":"2023-12-15T07:26:33.079Z","1.0.0":"2023-12-15T08:56:18.395Z","1.0.1-internal-20231219181808":"2023-12-19T18:26:28.631Z","1.0.1":"2023-12-19T19:06:17.931Z","0.0.1-internal-20231220125716":"2023-12-20T13:05:29.510Z","1.0.1-internal-20231220160144":"2023-12-20T16:09:40.139Z","1.0.1-internal-20231220192401":"2023-12-20T19:32:02.293Z","1.0.2":"2024-02-26T13:17:50.758Z","1.0.3":"2024-02-26T15:18:57.816Z","1.0.4":"2024-02-27T11:34:03.549Z","1.0.5":"2024-05-02T13:13:42.108Z","1.0.6":"2024-05-02T15:06:24.595Z","1.0.7":"2024-05-02T16:19:08.405Z"},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"description":"Components to interact wallet such Wallet Modal and NetworkSelection.","license":"MIT","readme":"# Wallet Modal\r\nComponents to interact wallet such Wallet Modal and NetworkSelection.\r\n\r\n## Installation\r\n`yarn add @honeycomb-finance/walletmodal`\r\n\r\nor\r\n\r\n`npm install @honeycomb-finance/walletmodal`\r\n\r\n### Install below dependancies as its peer dependancies\r\n\r\n```\r\nreact\r\nreact-dom\r\n@pangolindex/sdk\r\n```\r\n\r\n## Story Book\r\n\r\n1. do `yarn storybook` to start the storybook\r\n2. now connect to http://localhost:6006 to see the components\r\n\r\n## Development\r\n\r\n1. `yarn install`\r\n2. `yarn dev` and keep that terminal running\r\n\r\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\r\n\r\n## Getting Start\r\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\r\n\r\n_Use version **6.0.9** of `@web3-react/core` package._\r\n\r\n```tsx\r\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\r\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\r\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\r\n\r\nfunction getLibrary(provider: any): Web3Provider {\r\n try {\r\n const library = new Web3Provider(provider, 'any');\r\n library.pollingInterval = 15000;\r\n return library;\r\n } catch (error) {\r\n return provider;\r\n }\r\n}\r\n\r\n// library -> web3.js provider\r\n// chainId -> chain id with which user is connected\r\n// account -> user's connected wallet address\r\n// theme -> optional ( refer Theme guide to customize it )\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root'),\r\n);\r\n```\r\n\r\n## Components\r\n\r\n### WalletModal\r\n\r\nThis is used to connect to varios wallets in differents chains, see the [docs](components/WalletModal/docs.md).\r\n\r\n\r\n\r\n### NetworkSelection\r\n\r\nThis is used to handle the logic to change the chain, see the [docs](components/NetworkSelection/docs.md).\r\n\r\n","readmeFilename":"README.md"}