{"_id":"@honeycomb-finance/wallet-connectors","_rev":"35-1b7f737b5b37306f958dbc31d964fb28","name":"@honeycomb-finance/wallet-connectors","dist-tags":{"internal":"1.0.1-internal-20231220192401","latest":"1.0.4","rc":"1.0.3"},"versions":{"0.0.1-internal-20230920083758":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@gnosis.pm/safe-apps-web3-react":"0.6.7","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230920083758","gitHead":"723d09416e9857ab652b012b0de6946ec6bc31b1","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-AM2kHd8f3kmhFjZmLaoLG3vkdioLLV2jlMXHdsq6JX345tx52xJKaevZap35smnEj4Zu+30/yfxlEd0gD+pmPg==","shasum":"d2ab71698698de80d39bbdb91dfae35425842593","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230920083758.tgz","fileCount":33,"unpackedSize":123320,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFLiJLASGBjv6NDEuPAQ0ttlGKwPM5mPGV9cdrfHB1CTAiEA3GZw1sFvNvYTUL5cLghDK+JZghGJS4ID+YrW/2UPo6c="}]},"_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/wallet-connectors_0.0.1-internal-20230920083758_1695199095781_0.4599792930286912"},"_hasShrinkwrap":false},"0.0.1-internal-20230920162910":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@gnosis.pm/safe-apps-web3-react":"0.6.7","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230920162910","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"968c7f11c5f5ca8056fb2ae8f0d46da355652abc","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-0/GRMF7R55XR2jjNLQmmU5d64TUATxWnQwRTHpaiX85xrfaiMbIfYFl+xu/Qzc+KHMeaYsqig4Q9wiPCnx3SEw==","shasum":"19ba01db3f01b73de22f1a065eff80c13d9e4068","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230920162910.tgz","fileCount":62,"unpackedSize":395693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBYmc2njfagaT9Puap1LcH/UNi/lWzqLVfpk0GQ8xJaVAiEAkadOlT3MTNtPNDgpnme7QDzjrD7Y68b0seZyks7FfFY="}]},"_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/wallet-connectors_0.0.1-internal-20230920162910_1695228135913_0.6135593018077115"},"_hasShrinkwrap":false},"0.0.1-internal-20230920184619":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@gnosis.pm/safe-apps-web3-react":"0.6.7","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230920184619","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"2eff0eb240bef74e94fd9aea391a33fb85caa2ec","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-KdMcwsOT5crJAwc7KnYhNfx1l/SAYLcsSrhN06axZBDtLz7iZmFgulUSh8xdxfZzwGl0ImpJBHtmD/RwRpXBMQ==","shasum":"c82d12cfdc542453b438e1e5297035a091af55f4","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230920184619.tgz","fileCount":62,"unpackedSize":395693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTUSXflWLOfuhPARLTzm/D5LLk+bN5nCG8WzlQt3/8iQIhAJz2HY6FUvr1tqYb5kBGA4Y0H1hpBxZ4h6h8Sm9Gs7e0"}]},"_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/wallet-connectors_0.0.1-internal-20230920184619_1695236260051_0.2508518697926314"},"_hasShrinkwrap":false},"0.0.1-internal-20230920201500":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@gnosis.pm/safe-apps-web3-react":"0.6.7","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230920201500","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"6cb982543df1548bb8edc66852efecc071694c5a","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-VhcbLTMjGaPqmf7y6M6rhUPf2jrXrryTCkMcgOUz8V+xzvxUmJSo4FxDJurYerIKP/OsIP97uhIZ7D8zcAhZ0g==","shasum":"46bcb2905ed0ab937ea44dfc2e2b4382a4f61525","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230920201500.tgz","fileCount":62,"unpackedSize":395693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADigc0jHxOSJ0fefxfJJYKq0ne1ZPpCkdgaZHyBYlSnAiBKu0QeuY7A1bNEQa2b3pJ9Ypm/c2eEsVNIH7mmnUi44Q=="}]},"_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/wallet-connectors_0.0.1-internal-20230920201500_1695241655706_0.12401719781300846"},"_hasShrinkwrap":false},"0.0.1-internal-20230921064423":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@gnosis.pm/safe-apps-web3-react":"0.6.7","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230921064423","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"bd61b70c5f8f38b8404f5765ddc2d758de104a9c","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-kGV5lZrvTRrDaan7hlTrR8u7X1VCoDhMr6oD8gEaAbq5pCUdFHzAmONq8jWy+56ZCpP1hEylukZ+A+cerUCzag==","shasum":"13da900113b16b568790ff94fc4dbe2cbfa6607f","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230921064423.tgz","fileCount":62,"unpackedSize":395859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaRTa5FJ4Zr4T1bVFJTMyKuMbz8qYmaQ5iSZJAOQbS6AIgEiTOjH+sd1ldTdKt+FM+jtAhc0LHYi3OkUGy0Jf3sqs="}]},"_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/wallet-connectors_0.0.1-internal-20230921064423_1695279183490_0.5798737642766847"},"_hasShrinkwrap":false},"0.0.1-internal-20230921150858":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@gnosis.pm/safe-apps-web3-react":"0.6.7","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230921150858","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"3d777a88d47abe6a8297c6f1a1af17d1b63e0502","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-TGzr3mtunuNCaRfDpn4X/QgeZBsLzc9gS68eS28w/Q/4bLPSpIFE6TD71HCrCl1ZeAjBUXSSELYenUUAAi+frw==","shasum":"f0d016c321ed5ed3d9c57ab9adf085888c8b522a","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230921150858.tgz","fileCount":62,"unpackedSize":395859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDRUQS3Mi5Z+YK/kCutqhH2E4CUxViPqKXVtHyFpUBiHAiEAxUHnQeA7ev15NrDWjl5yfVebg+ewx8pHOCItM+pUs4I="}]},"_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/wallet-connectors_0.0.1-internal-20230921150858_1695309708391_0.5316495627846263"},"_hasShrinkwrap":false},"0.0.1-internal-20230922074227":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@gnosis.pm/safe-apps-web3-react":"0.6.7","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230922074227","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"405d2616abecbb975482faba70491d759c6431ff","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-iZaVGloLVi8HdwSxK++DifgudFZtgKDpRAVOk0MAgMP6UDrRZXj8Mjl9n6Q9Z6CpUoia/vPUJidj6WnEKQu9EA==","shasum":"57b054588004a37488eb43d6671636a26983165a","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230922074227.tgz","fileCount":62,"unpackedSize":395859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAKRCHfrPGkBgQdcmNVVl2FkgcVXCADHLlzkA+6AJ5XIAiBcIb5t1Xp3UTmQPyTadogolrgHhOPk4AeTFgIKmG5yZw=="}]},"_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/wallet-connectors_0.0.1-internal-20230922074227_1695369132419_0.7517460638848652"},"_hasShrinkwrap":false},"0.0.1-internal-20230928072245":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230928072245","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"01fe0ca48039d62f9d90be0a8f8f51ea546ef71c","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-5t9CWVi0teNRj3BmBWFsmRDkSeIK/SB9iXeZC9fTnUYUfZIqtRV01HID3/WpPerF8EUtYIq0MhtQ8EZr14vYBA==","shasum":"3e724ca91bc48ca060aeab8bd1661de3ed2f5cdd","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230928072245.tgz","fileCount":62,"unpackedSize":395847,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDk0QvHJezSZ/s+YUqqHc4Knzqw4PbzXXeOzT0mAcZ55QIhAL+FujvTNGb3JWc9q+mrbx6Qbl8qBkExyHC33s4uB5Ik"}]},"_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/wallet-connectors_0.0.1-internal-20230928072245_1695886371511_0.6430002354676976"},"_hasShrinkwrap":false},"0.0.1-internal-20230928134042":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20230928134042","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"13e2445eabd31ffa965d58ddbd7c0545dc22ba6b","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-kzDKw0zc9PBWuT9Hnc4727wz66b7qXos2PPuAu/JeOeGHNzAOtyplTD2MGMHIQf9qsQupMMcH09BWSMhixx5kg==","shasum":"fd23dc26f77c7dae0f5f8ae5cc26bae6de888648","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20230928134042.tgz","fileCount":62,"unpackedSize":396172,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICuexPUQI4F9hHXeENVRwOrvrduW4v5u8eeVXeqVDvT7AiArvj7VIuzNEqQekErI47pYNawzORIOk0d3mGKB9PTJQw=="}]},"_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/wallet-connectors_0.0.1-internal-20230928134042_1695909082991_0.9976796712256186"},"_hasShrinkwrap":false},"0.0.1-internal-20231010051505":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231010051505","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"48e5563447b094e90259f6f32f7d5e3dcfa270c6","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-KvQ71vgRSRdye2O1Dwnri0G93zdBTWSzY8UfH4MbpIJYXEt4m2xi2P37Dm6z1baIXKN83NbKeRvBKAFZARefOg==","shasum":"a79d445f66745333b4c0823cc7e8a743e3093893","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231010051505.tgz","fileCount":62,"unpackedSize":396172,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCo9Y9xIAkZB24hJCMO/p3z/FfV91zCXeqDM1QNh6hB7AIgeeUYMl7racYq3JoR4HFAEo47pXCXqe9MVSJllqHyeRY="}]},"_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/wallet-connectors_0.0.1-internal-20231010051505_1696915612751_0.29221378732832326"},"_hasShrinkwrap":false},"0.0.1-rc.0":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-rc.0","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"edf7911ef0016cf05fc83738c4ca36acc7e0842c","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-yBazEI8ucVOb2cDCl6bwq8vngtQWJ4HeFaBJ3oD8IfrcD/iYRhATX9mJNd3qotZPjqX/8jqRFjYqRoLYfUrPYQ==","shasum":"1115b03f8580dadc2550cf42d28dac8eb5e05da6","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-rc.0.tgz","fileCount":62,"unpackedSize":396134,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIETIoHr2Axt2V/WeAF9v9XqoitBtdTBu/kbmHzIUWmtaAiAUdAREGRMD0jw0R4Fh62awTzp2VInvy2GdMI9udvlFdQ=="}]},"_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/wallet-connectors_0.0.1-rc.0_1697528813814_0.9071486766391077"},"_hasShrinkwrap":false},"0.0.1-internal-20231018134906":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231018134906","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"43912db7853f1c54d1f0a2c9a1d42dfe032a5fbc","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-SPKlTpnuM/AqD6JQ05vtu3i6ypfAjO8VkhSxiuRCnIgKNRdU32dn2CqlQ7+1vMQHQSqIPQ9RNZNuBR0mM4eaFA==","shasum":"61f6b60d9ec8dc03c3add2d8e47cb8085e4d739c","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231018134906.tgz","fileCount":62,"unpackedSize":396788,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZCD1ElE87Hx4tGbfpcl6/DNcHl7Yfocp4C9A09X65HQIhAPwPFUzpC/HmvdDnT4y7J4w7Ip1zanwtIou9CsKztKoS"}]},"_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/wallet-connectors_0.0.1-internal-20231018134906_1697637455765_0.10155314526769543"},"_hasShrinkwrap":false},"0.0.1-internal-20231107124121":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231107124121","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"668b39cf915f3baac4aeccd4bfb59c36066f8b9f","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-86/lw5k079a0r6+s2rxQ7B0ypwmrRhkiwBO82FxU/ijBCrkdTC89zLkfDQIFfTTJwRcF6jnGTT2H4F62zL/FXg==","shasum":"f2524af7b3d9276165acd5f7d3e2e41b39204f35","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231107124121.tgz","fileCount":62,"unpackedSize":396787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6mALk0+GLd3G+ls80CxZLHLBARvil5BF0TnHnJbFoVAIhAMsEWO6aa0pID47fAXeMVEni4ZUTB4SAup6JCFM+irCA"}]},"_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/wallet-connectors_0.0.1-internal-20231107124121_1699361367309_0.1982172567142113"},"_hasShrinkwrap":false},"0.0.1-internal-20231108140641":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231108140641","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"e85348c8e299a6a653af18d94f39e91c727d4fb5","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Dd+N9yg8peycc3GicFodF+s1tOrvQTo8M0F8DroXCDnbnWGrXUnXjVLFJNJz4ShUjFGknVb5Z8wMCBuyrN49Ng==","shasum":"337c7365237033b64e84d03384110c00fc69ede1","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231108140641.tgz","fileCount":62,"unpackedSize":396788,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEWMvztYOi270bWQrbMvqRVKryc3H9lJaFegOnk+GyM0AiAA3G/SePLPKAOjFMD72TIKdWjxM2H7NNmDmZjDBm2/kQ=="}]},"_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/wallet-connectors_0.0.1-internal-20231108140641_1699453113828_0.26542563196404756"},"_hasShrinkwrap":false},"0.0.1-internal-20231108171900":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231108171900","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"adc4b3d97760902697d63e58df52f4d2233529f6","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-776KZFqx+S0vXqFqOjdq1J+NyHIEBVG3V0GOzRmoCIXjZC+Y6cl1bSUz+tJER0E8D40pe9W0MlXBHLTTVotCzw==","shasum":"89b8796952ca53bb83de7206ca212b3d378102ff","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231108171900.tgz","fileCount":62,"unpackedSize":396788,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAh/UzqKrEHnwCp0gXiyv81VxQHqyoU/g00zgBk1s/4dAiEAsy/QPx793F7z9yFk56ucuF7EPCiMgNnxJi8QfneYMhQ="}]},"_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/wallet-connectors_0.0.1-internal-20231108171900_1699464578393_0.2560689414883466"},"_hasShrinkwrap":false},"0.0.1-internal-20231115133537":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231115133537","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"8dda1d2727d05337f9b27d1cd610242a7ae5a673","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-3597EClxBASzSbxYTb0CIhzklRK5JRloQX6iS17nPx2qPwsh6PAXpFYZ+WyXWMgM2qdZaTN+O5HyWGSk+aM/pQ==","shasum":"7d789c06bbba3d0861e741f527bbc6b082467583","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231115133537.tgz","fileCount":62,"unpackedSize":396787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfvJ5HuI4/ZzC+ZEeMFGc75RKFd1SjxFoMq33Spg518QIhAJ3tRf664zUy4QmIrXG3/IxTuR2d6ylI6CwVPqoEWj3G"}]},"_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/wallet-connectors_0.0.1-internal-20231115133537_1700055829176_0.9757424587674484"},"_hasShrinkwrap":false},"0.0.1-internal-20231120103858":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231120103858","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"3c079f866d2352ade3e557fc407da140a23c711d","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-B1ZVy9lsEcN1h1cVrYL3I6sHLcz71rHUiojKZEupWSPCEnMoaCj0iEq1dg+Is+26EMc8LFmS0yJoRJwxGG+hPQ==","shasum":"d54ea528d9aa29ac59f37540af10e3840900481e","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231120103858.tgz","fileCount":62,"unpackedSize":396787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDjqkvxl8vdVN1nIJOOC1t9FegYpm3OSMUxTtwpvhz6QIgA6IUl9tEeapVYmDsTc2pDt6+AifHXgTWxxI2Ck7bufE="}]},"_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/wallet-connectors_0.0.1-internal-20231120103858_1700477221835_0.9765568559687696"},"_hasShrinkwrap":false},"0.0.1-internal-20231122173717":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231122173717","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"f1ea7b82ad9e9d12d676d5977b2f9eca0ea340d1","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-36hEXHnmHWC+WaeFFMITVkBF6KWNfgbdHF0rRnkDSxC3I5xgcng5ypi8O+xkJr+IeYKQv98aLDr6AgxgsbXbHw==","shasum":"568061400b6a5388f3086d206b5cf3fd4f0629dc","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231122173717.tgz","fileCount":62,"unpackedSize":396787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbBAKwUxoBGEAfKicPls3OFs8XxnLl9K5k/xhNLDYZTgIhAO7sIrrqs3EHEPCoH6rfZBcszWBvMS3rYydZHNRLo0V8"}]},"_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/wallet-connectors_0.0.1-internal-20231122173717_1700675120650_0.9821580431010175"},"_hasShrinkwrap":false},"0.0.1-internal-20231123134049":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231123134049","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"ec1e951144dd0b7bff94d8d0ef0675e20f377e80","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-JlOm8GRPtDZtW2URZFmoPZhfbo0lTurnQLC4x4gYxwM4NyZ262t/vCSeME5IJaMAA70x8Kj/z6gjxqztuxDmkQ==","shasum":"e110c197cadf09b41428e65f76f457cde2a06ed2","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231123134049.tgz","fileCount":62,"unpackedSize":396787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0/EbDD3jYslDSmmX+CL36A4SKMj8X4/IrhMusMDE7mQIhANOPkFOeFw+pjBOERwn5lcttkWPjX2HT3oEH1vBcl5YR"}]},"_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/wallet-connectors_0.0.1-internal-20231123134049_1700747334273_0.6842132701306478"},"_hasShrinkwrap":false},"0.0.1-internal-20231126132620":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231126132620","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"89245f8cdc83b6e91302f782108ae6ad41631d46","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-2eDMNXv05/gD+HobhurX9VBmwgVlxlcakemnxtzl6L0s5QeCDGtpxpwlRyt/d8uzGcyxPBTSrTVR8Kso1+nRXQ==","shasum":"cc86b19a997d7d08667b15c14bf6ed9f25ada18b","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231126132620.tgz","fileCount":62,"unpackedSize":396787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDk6kc/6f+QfW01jsUOuMStMob40TCMhFsf9NaBjrfsYwIhAPqEfypPQCu/OonsKrz0CkaDHZwOev1Vwb0JEDV/a3ZL"}]},"_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/wallet-connectors_0.0.1-internal-20231126132620_1701005662423_0.8721395010376354"},"_hasShrinkwrap":false},"0.0.1-rc.1":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-rc.1","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"eca452819fc306684d7613d5cb78d049efceb9cb","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Zktv1emHHYTK5bFfEwyLwu8wqR7QyoRTHWbD4cj/lzVmqoYEIbqpWuidJ9tE7V31rfQyIUto9416+d/+Ag8kYA==","shasum":"94ec9adf664206408e72c74a69233121173e6905","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-rc.1.tgz","fileCount":62,"unpackedSize":396442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDouhifcxZlu+BivGHuFjmYS+kwc4tgb2e1UaExfH4RNAIhAO9I68Z8RH0nPSATw1iZujsfcG/lgwltWf3q6YIpiWo9"}]},"_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/wallet-connectors_0.0.1-rc.1_1702492155791_0.9998186010102883"},"_hasShrinkwrap":false},"1.0.0-rc.2":{"name":"@honeycomb-finance/wallet-connectors","version":"1.0.0-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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.0-rc.2","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"bd57f32f7ed6ecca5941aa51a97bed614990da19","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-GRxELL6FklXIkV0bkYZQE4G6+yFQg67BJYXVwUZRxx8Zbpfw8b0L5iGQ/fetocTgaVWLeACQfFBgD3qnun2Gkg==","shasum":"7aed4479235cc246458ddc1d10c3634a2548db14","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.0-rc.2.tgz","fileCount":62,"unpackedSize":396682,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQZhLJQs2Bvi4kdvJq6kcZi93LcE3FoAuS4XCzhHjGrAIhAL8MaQfkRZ2iCTYSy0ETn4b3sOjiuUkGqoHqr5mxGx28"}]},"_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/wallet-connectors_1.0.0-rc.2_1702625191570_0.7877517178720801"},"_hasShrinkwrap":false},"1.0.0":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.0","gitHead":"c5ced0a7e5051dd5050a2fd849a85e5cb1f45518","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-6yv84Hq0Ymi5GUtPULVpeze2ZxS6R7+7jMWBoP5R5hsRYvIk9fVDdMRZ5v7pcxiy28xLPeDrd1cnyTjQEs8RcQ==","shasum":"655e313d2267b762e9b2067e479ab039c821b8ba","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.0.tgz","fileCount":62,"unpackedSize":397851,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBrniuCFkTZjdLjKxFoWh94qrY7V7JlZxRO/1luQJCebAiEAqyX7mep2Lxi793J6kXJSnmq6aLCjNJrbL3ReqcY6Rgs="}]},"_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/wallet-connectors_1.0.0_1702630577727_0.4979572966352679"},"_hasShrinkwrap":false},"1.0.1-internal-20231219181808":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.1-internal-20231219181808","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"9c28fe21fabdef05a9db4d40e6259828c8cf6216","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-00+4yIhczYuiueGnpNpwlNGbEl7JksfV7tmHMsN0W9goRJyNkiG8vlkhVNEnX2iZrnU/f9M/toDSuP2bPFXJYQ==","shasum":"1cdc5004179577e9b78b252b7d1fcb443ca074c3","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.1-internal-20231219181808.tgz","fileCount":62,"unpackedSize":398125,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCD1Vc8HQec4OLMZVuEYYSM6Z7R5yH3M4MLtgthoJ+ZKAIgOuwcWiLER9wj0T2UyS/XIrg3CVTutZtxekkfIdmXDak="}]},"_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/wallet-connectors_1.0.1-internal-20231219181808_1703010388461_0.7817435830766271"},"_hasShrinkwrap":false},"1.0.1":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.1","gitHead":"0444a645808704581b4c27e5479972bc8e420269","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-XtY/Uv7Wj5hrc2guGm+f90cv2tzqTTlPCTPjJsFKLONxhDFXfsPzeotfi/JU8LJH3wFxuodgmTXxxAAxwBYSiQ==","shasum":"dd1ba26670801408e0eda0eab8beec182986b92f","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.1.tgz","fileCount":62,"unpackedSize":398140,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHBHDRXlsSBwZdUjzzEpY6ZI+6TV1/IY8k3LxCLiTLT6AiEAwzcV/jRDVRA5NEsOumUDdRIoqezQ1mD6AHIhwG4/wA4="}]},"_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/wallet-connectors_1.0.1_1703012777555_0.966992815848863"},"_hasShrinkwrap":false},"0.0.1-internal-20231220125716":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@0.0.1-internal-20231220125716","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"ef50da58fc0da0a077c0a84c65d0ac709b559e49","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-4DwWg/NQcr/Wao0fs8Pee/7mxPonLZ+9H9H8IHvc1n84XHdD7Y9J0HYLFVzWGFmV2Lh+K89zAot5oFtDGV+Aiw==","shasum":"b55a2266fed505474ae32425f496279948ecaf57","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-0.0.1-internal-20231220125716.tgz","fileCount":62,"unpackedSize":396787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4Zwr9+WKJWA0P8fClowb1EaY0dr8sumFSawjoeXJ/GAIgWxSnAws64JtXVZGu9K7OZf4A5XtBgG98bGrq9k0VCFY="}]},"_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/wallet-connectors_0.0.1-internal-20231220125716_1703077529229_0.630365777484901"},"_hasShrinkwrap":false},"1.0.1-internal-20231220160144":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.1-internal-20231220160144","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"615bcb6c1576ba9cf80552ef4ae80140c25c53d3","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-5T4s29nSlLAlc33HL2ZCkKunTQ92CaV/3o7azmHkBHAhaXyqAibJ3/Mw7TGvEyiZudJykepbwZ0krM+mv4oZ+A==","shasum":"8c6ecdf003d4a6d5504790f58e0c48d9ae94a06c","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.1-internal-20231220160144.tgz","fileCount":62,"unpackedSize":398188,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBrYyP4w97jUq75RNsOoFgZ1AfvOg+PMJOgh/Ybq04hlAiAif51XB3V6YFVrYFT9spHYsGmiULuFsLAJgJg5X8qHnw=="}]},"_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/wallet-connectors_1.0.1-internal-20231220160144_1703088579790_0.4741102494623606"},"_hasShrinkwrap":false},"1.0.1-internal-20231220192401":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.1-internal-20231220192401","readme":"# Pangolin Wallet Connectors\nThis package contains connectors that are used to help connect wallets in react apps.\n\n## Installation\n`yarn add @honeycomb-finance/wallet-connectors`\n\nor\n\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\nimport { useWeb3React } from '@web3-react/core';\n\nconst metamaskConnector = new InjectedConnector({\n    supportedChainIds: [1,2,3],\n});\n\nexport function ExampleComponent(){\n    const { activate, deactivate, active } = useWeb3React();\n\n    const onActivate = async () => {\n        await activate(metamaskConnector, undefined, false); \n    };\n\n    return (\n        <div>\n            <button onClick={onActivate}>\n                Connect\n            </button>\n            <button onClick={deactivate} disabled={!active}>\n                Disconnect\n            </button>\n        </div>\n    )\n};\n```\n\nNow you can use the connector in another component in your app.\n\n```tsx\nimport { useWeb3React } from '@web3-react/core';\nimport { useEffect, useState } from 'react';\n\nexport function ExampleComponent(){\n    const { connector } = useWeb3React();\n\n    const [provider, setProvider] = useState<any>(null);\n    const [chainId, setChainId] =  usestate<number | null>(null);\n    const [account, setAccount] =  usestate<string | null>(null);\n\n    useEffect(() => {\n        const getInfo = async() => {\n            const _provider = await connector.getProvider();\n            const _chainId = await connector.getChainId();\n            const _account = await connector.getAccount();\n\n            setProvider(_provider);\n            setChainId(_chainId);\n            setAccount(_account);\n        };\n\n        getInfo();\n    }, [connector]);\n\n    return (\n        <div>\n            <div>Connected account: {account}</div>\n            <div>Connected chainId: {chainId}</div>\n        </div>\n    )\n};\n```","readmeFilename":"README.md","gitHead":"76d81d9590747d9410252b4ff10780feffd70b96","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-9vy3rbgaQlvL1R0DfvQf4rneiWQ7pl90T4MUuY3QL618ZuY/Qe5YiFgrKffmLnslhdwPp+kIY0Tf3TnlLiS6Mg==","shasum":"68220f8d80d823d23a169dfedc41b75d08799a03","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.1-internal-20231220192401.tgz","fileCount":62,"unpackedSize":398188,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaBDtrT3FG7QZfXy8lPxalGG21DJ6Y5kiKvQAMCtYySQIgYJeRB5rEYjaPCSHZRxYIDzco8TrGdLKScwCSRmi2dB8="}]},"_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/wallet-connectors_1.0.1-internal-20231220192401_1703100722037_0.6720975926055364"},"_hasShrinkwrap":false},"1.0.2":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.2","gitHead":"2d22c618d379f3c99e10f0e100c2aba77fdaada5","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-t98Y6YDjr55ppUKQEPO01OPk2LlKEUWQISB/3tV032Z6xL+Q1Vk2Y/gQFw+tjgO9j3TWeBgG6lcUftTbMCVgtg==","shasum":"ae7649c078a9025535972793eedc6492743fd883","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.2.tgz","fileCount":62,"unpackedSize":398408,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICww8AHmsRBPF7eHhA13QTxjNy5y0aCOZkB9e0dv+U/iAiBXXvzxBRBwyHB5oV8KKHEjf63vTMmemCUsbtMud8zfuA=="}]},"_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/wallet-connectors_1.0.2_1708588721098_0.4184067899813113"},"_hasShrinkwrap":false},"1.0.3":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.3","readme":"# Pangolin Wallet Connectors\r\nThis package contains connectors that are used to help connect wallets in react apps.\r\n\r\n## Installation\r\n`yarn add @honeycomb-finance/wallet-connectors`\r\n\r\nor\r\n\r\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\r\n\r\n_Use version **6.0.9** of `@web3-react/core` package._\r\n\r\n```tsx\r\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\r\nimport { useWeb3React } from '@web3-react/core';\r\n\r\nconst metamaskConnector = new InjectedConnector({\r\n    supportedChainIds: [1,2,3],\r\n});\r\n\r\nexport function ExampleComponent(){\r\n    const { activate, deactivate, active } = useWeb3React();\r\n\r\n    const onActivate = async () => {\r\n        await activate(metamaskConnector, undefined, false); \r\n    };\r\n\r\n    return (\r\n        <div>\r\n            <button onClick={onActivate}>\r\n                Connect\r\n            </button>\r\n            <button onClick={deactivate} disabled={!active}>\r\n                Disconnect\r\n            </button>\r\n        </div>\r\n    )\r\n};\r\n```\r\n\r\nNow you can use the connector in another component in your app.\r\n\r\n```tsx\r\nimport { useWeb3React } from '@web3-react/core';\r\nimport { useEffect, useState } from 'react';\r\n\r\nexport function ExampleComponent(){\r\n    const { connector } = useWeb3React();\r\n\r\n    const [provider, setProvider] = useState<any>(null);\r\n    const [chainId, setChainId] =  usestate<number | null>(null);\r\n    const [account, setAccount] =  usestate<string | null>(null);\r\n\r\n    useEffect(() => {\r\n        const getInfo = async() => {\r\n            const _provider = await connector.getProvider();\r\n            const _chainId = await connector.getChainId();\r\n            const _account = await connector.getAccount();\r\n\r\n            setProvider(_provider);\r\n            setChainId(_chainId);\r\n            setAccount(_account);\r\n        };\r\n\r\n        getInfo();\r\n    }, [connector]);\r\n\r\n    return (\r\n        <div>\r\n            <div>Connected account: {account}</div>\r\n            <div>Connected chainId: {chainId}</div>\r\n        </div>\r\n    )\r\n};\r\n```","readmeFilename":"README.md","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-51r6DrN2ITz8FBi3sbrAxFQKMW7mCbkWTeZor0k4BGDbbZeIYsWnekmCIONLZh6nswttqSBt7v2KRUz4/NOzpA==","shasum":"bc26a1ca12fc1f8c6021432fd1ecdee6cce94af0","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.3.tgz","fileCount":62,"unpackedSize":398402,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFWE7+FyuzeaFU/FlgPq19PS2+xus2FEj6TKXppuQVafAiBbz+PXyrXTSSEscKpKQ5OtEYlzDxLahgUPWY7/iNV6bQ=="}]},"_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/wallet-connectors_1.0.3_1708960736544_0.0917481902497439"},"_hasShrinkwrap":false},"1.0.4":{"name":"@honeycomb-finance/wallet-connectors","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"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@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","@types/react":"^18.2.5","@types/react-dom":"^18.2.4","react":"^18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","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","tsconfig":"*","typescript":"4.5.2"},"dependencies":{"@coinbase/wallet-sdk":"^3.6.3","@ethersproject/contracts":"5.6.2","@ethersproject/providers":"5.6.8","@gnosis.pm/safe-apps-web3-react":"0.6.7","@hashgraph/hethers":"1.2.2","@hashgraph/sdk":"2.24.1","@talismn/web3react-v6-connector":"6.0.1","@walletconnect/ethereum-provider":"2.8.6","@walletconnect/modal":"2.6.2","@web3-react/abstract-connector":"6.0.7","@web3-react/types":"6.0.7","axios":"0.26.0","bn.js":"5.2.1","borsh":"0.7.0","ethers":"5.6.4","eventemitter3":"5.0.0","hashconnect":"0.2.4","near-api-js":"0.44.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/wallet-connectors@1.0.4","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"This package contains connectors that are used to help connect wallets in react apps.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-ijs19JryXB07OrBGFz0AASqURKU44giE51JkkvWgSS+PqhVZZewz67HvWMDFy9m+hHmrmebdkDa8VoUN9j6glw==","shasum":"a174b8b07921d9d8a7d091e788d9d8dc96c32782","tarball":"https://registry.npmjs.org/@honeycomb-finance/wallet-connectors/-/wallet-connectors-1.0.4.tgz","fileCount":62,"unpackedSize":402187,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE7GnkbJGACf5yYbSgVgjnRHev8N/jr4e2IIwGLnbEJuAiEAvP/Pg84BlccB5Rw3driMbF6cqQYldnytci2f+5Vnt4s="}]},"_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/wallet-connectors_1.0.4_1709033642839_0.46248335831011667"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-20T08:38:15.671Z","0.0.1-internal-20230920083758":"2023-09-20T08:38:15.956Z","modified":"2024-02-27T11:34:03.482Z","0.0.1-internal-20230920162910":"2023-09-20T16:42:16.082Z","0.0.1-internal-20230920184619":"2023-09-20T18:57:40.290Z","0.0.1-internal-20230920201500":"2023-09-20T20:27:35.886Z","0.0.1-internal-20230921064423":"2023-09-21T06:53:03.857Z","0.0.1-internal-20230921150858":"2023-09-21T15:21:48.585Z","0.0.1-internal-20230922074227":"2023-09-22T07:52:12.559Z","0.0.1-internal-20230928072245":"2023-09-28T07:32:51.937Z","0.0.1-internal-20230928134042":"2023-09-28T13:51:23.141Z","0.0.1-internal-20231010051505":"2023-10-10T05:26:52.916Z","0.0.1-rc.0":"2023-10-17T07:46:54.218Z","0.0.1-internal-20231018134906":"2023-10-18T13:57:35.963Z","0.0.1-internal-20231107124121":"2023-11-07T12:49:27.596Z","0.0.1-internal-20231108140641":"2023-11-08T14:18:34.162Z","0.0.1-internal-20231108171900":"2023-11-08T17:29:38.730Z","0.0.1-internal-20231115133537":"2023-11-15T13:43:49.327Z","0.0.1-internal-20231120103858":"2023-11-20T10:47:02.039Z","0.0.1-internal-20231122173717":"2023-11-22T17:45:20.797Z","0.0.1-internal-20231123134049":"2023-11-23T13:48:54.532Z","0.0.1-internal-20231126132620":"2023-11-26T13:34:22.659Z","0.0.1-rc.1":"2023-12-13T18:29:15.966Z","1.0.0-rc.2":"2023-12-15T07:26:31.805Z","1.0.0":"2023-12-15T08:56:17.935Z","1.0.1-internal-20231219181808":"2023-12-19T18:26:28.720Z","1.0.1":"2023-12-19T19:06:17.827Z","0.0.1-internal-20231220125716":"2023-12-20T13:05:29.450Z","1.0.1-internal-20231220160144":"2023-12-20T16:09:39.973Z","1.0.1-internal-20231220192401":"2023-12-20T19:32:02.301Z","1.0.2":"2024-02-22T07:58:41.295Z","1.0.3":"2024-02-26T15:18:56.754Z","1.0.4":"2024-02-27T11:34:03.014Z"},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"description":"This package contains connectors that are used to help connect wallets in react apps.","license":"MIT","readme":"# Pangolin Wallet Connectors\r\nThis package contains connectors that are used to help connect wallets in react apps.\r\n\r\n## Installation\r\n`yarn add @honeycomb-finance/wallet-connectors`\r\n\r\nor\r\n\r\n`npm install @honeycomb-finance/wallet-connectors`\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\nThis is used together with `@web3-react/core`, where the connector is activated and deactivated.\r\n\r\n_Use version **6.0.9** of `@web3-react/core` package._\r\n\r\n```tsx\r\nimport { InjectedConnector } from \"@honeycomb-finance/wallet-connectors\";\r\nimport { useWeb3React } from '@web3-react/core';\r\n\r\nconst metamaskConnector = new InjectedConnector({\r\n    supportedChainIds: [1,2,3],\r\n});\r\n\r\nexport function ExampleComponent(){\r\n    const { activate, deactivate, active } = useWeb3React();\r\n\r\n    const onActivate = async () => {\r\n        await activate(metamaskConnector, undefined, false); \r\n    };\r\n\r\n    return (\r\n        <div>\r\n            <button onClick={onActivate}>\r\n                Connect\r\n            </button>\r\n            <button onClick={deactivate} disabled={!active}>\r\n                Disconnect\r\n            </button>\r\n        </div>\r\n    )\r\n};\r\n```\r\n\r\nNow you can use the connector in another component in your app.\r\n\r\n```tsx\r\nimport { useWeb3React } from '@web3-react/core';\r\nimport { useEffect, useState } from 'react';\r\n\r\nexport function ExampleComponent(){\r\n    const { connector } = useWeb3React();\r\n\r\n    const [provider, setProvider] = useState<any>(null);\r\n    const [chainId, setChainId] =  usestate<number | null>(null);\r\n    const [account, setAccount] =  usestate<string | null>(null);\r\n\r\n    useEffect(() => {\r\n        const getInfo = async() => {\r\n            const _provider = await connector.getProvider();\r\n            const _chainId = await connector.getChainId();\r\n            const _account = await connector.getAccount();\r\n\r\n            setProvider(_provider);\r\n            setChainId(_chainId);\r\n            setAccount(_account);\r\n        };\r\n\r\n        getInfo();\r\n    }, [connector]);\r\n\r\n    return (\r\n        <div>\r\n            <div>Connected account: {account}</div>\r\n            <div>Connected chainId: {chainId}</div>\r\n        </div>\r\n    )\r\n};\r\n```","readmeFilename":"README.md"}