{"_id":"@aag-development/web3-react-core-template","_rev":"7-5a49f271b8dc88ead18ca3cf39e7dfe8","name":"@aag-development/web3-react-core-template","dist-tags":{"latest":"0.2.73"},"versions":{"0.2.65":{"name":"@aag-development/web3-react-core-template","version":"0.2.65","keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"author":{"name":"AAG"},"_id":"@aag-development/web3-react-core-template@0.2.65","maintainers":[{"name":"daqingaag","email":"daqing@aag.ventures"},{"name":"dombar","email":"domantas@aag.ventures"},{"name":"mariuaag","email":"marius@aag.ventures"}],"dist":{"shasum":"b7b1b7241e8d9801e3cef92e0bdde82b91c4f47b","tarball":"https://registry.npmjs.org/@aag-development/web3-react-core-template/-/web3-react-core-template-0.2.65.tgz","fileCount":126,"integrity":"sha512-ZpTruLMdYMBuRNaNkeB2alhKe/0J98PBssOqfcYmYKBm+UKPZj6UaojUroVONbBfxuLoI+DhobjuHrcg70Pm3Q==","signatures":[{"sig":"MEUCICLTHi/9hQb5FUahSu6lDPadzweGKWjaIwOAcS0sYuGjAiEAz5GGy244CIgpTLuNcwxp+WT8v/u/eXrTjKFEtGFsGb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":659469},"main":"./dist/index.js","type":"commonjs","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"eaa863976bb56814e4d47bf03876acbac8ddadca","scripts":{"build":" tsc ","start":"tsc --watch","prebuild":"rm -rf dist","generate-types":"typechain --target=ethers-v5 --out-dir src/types/w3 src/abis/*.json"},"_npmUser":{"name":"mariuaag","email":"marius@aag.ventures"},"_npmVersion":"8.19.3","description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","directories":{},"_nodeVersion":"16.19.0","dependencies":{"rxjs":"^7.8.0","uuid":"^8.3.2","ethers":"^5.7.2","moment":"^2.29.1","node-sass":"^8.0.0","@types/uuid":"^8.3.4","sass-loader":"^13.2.2","@types/react":"^18.0.12","style-loader":"^3.3.2","@emotion/react":"^11.10.6","@emotion/styled":"^11.10.6","@web3-react/core":"^8.2.3","@web3-react/types":"^8.2.3","@types/webpack-env":"^1.18.0","@web3-react/eip1193":"^8.2.3","react-device-detect":"^2.1.2","@ethersproject/units":"^5.6.0","@web3-react/metamask":"^8.2.4","@web3-react/gnosis-safe":"^8.2.4","@ethersproject/bignumber":"^5.6.0","@ethersproject/providers":"^5.6.0","@ethersproject/experimental":"^5.6.0","@web3-react/walletconnect-v2":"^8.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.1.0","react-dom":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/web3-react-core-template_0.2.65_1699020618941_0.8140664989928363","host":"s3://npm-registry-packages"}},"0.2.68":{"name":"@aag-development/web3-react-core-template","version":"0.2.68","keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"author":{"name":"AAG"},"_id":"@aag-development/web3-react-core-template@0.2.68","maintainers":[{"name":"daqingaag","email":"daqing@aag.ventures"},{"name":"dombar","email":"domantas@aag.ventures"},{"name":"mariuaag","email":"marius@aag.ventures"}],"dist":{"shasum":"e6637afa19829895d394a6eca4efa0f124046f6b","tarball":"https://registry.npmjs.org/@aag-development/web3-react-core-template/-/web3-react-core-template-0.2.68.tgz","fileCount":2,"integrity":"sha512-JcyO/i/Va2gWA3C2KJhudfh/owPEXBlgvDQa9bkKhg7PGBsJuTXgd41ypDEUljPTa8HzSGfUUJndNXiFB9JZYw==","signatures":[{"sig":"MEYCIQD5Js9N8r0DQjAA/B/CQyOeJkV3f4CtmEy1L5EdOL5OpwIhALIP6YWjweqaGRtvSmgvIhwTiwU3CqRQLV2g+3MPok+b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10714},"main":"./dist/index.js","type":"commonjs","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"e85b914c2f1ea46436fa92f1157223ef378f593a","scripts":{"build":" tsc ","start":"tsc --watch","prebuild":"rm -rf dist","generate-types":"typechain --target=ethers-v5 --out-dir src/types/w3 src/abis/*.json"},"_npmUser":{"name":"mariuaag","email":"marius@aag.ventures"},"_npmVersion":"8.19.3","description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","directories":{},"_nodeVersion":"16.19.0","dependencies":{"rxjs":"^7.8.0","uuid":"^8.3.2","ethers":"^5.7.2","moment":"^2.29.1","node-sass":"^8.0.0","@types/uuid":"^8.3.4","sass-loader":"^13.2.2","@types/react":"^18.0.12","style-loader":"^3.3.2","@emotion/react":"^11.10.6","@emotion/styled":"^11.10.6","@web3-react/core":"^8.2.3","@web3-react/types":"^8.2.3","@types/webpack-env":"^1.18.0","@web3-react/eip1193":"^8.2.3","react-device-detect":"^2.1.2","@ethersproject/units":"^5.6.0","@web3-react/metamask":"^8.2.4","@web3-react/gnosis-safe":"^8.2.4","@ethersproject/bignumber":"^5.6.0","@ethersproject/providers":"^5.6.0","@ethersproject/experimental":"^5.6.0","@web3-react/walletconnect-v2":"^8.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.1.0","react-dom":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/web3-react-core-template_0.2.68_1700226602854_0.7506624151055541","host":"s3://npm-registry-packages"}},"0.2.69":{"name":"@aag-development/web3-react-core-template","version":"0.2.69","keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"author":{"name":"AAG"},"_id":"@aag-development/web3-react-core-template@0.2.69","maintainers":[{"name":"daqingaag","email":"daqing@aag.ventures"},{"name":"dombar","email":"domantas@aag.ventures"},{"name":"mariuaag","email":"marius@aag.ventures"}],"dist":{"shasum":"4f8dd51b9a6285aaf160d89436e855fc3b7fb464","tarball":"https://registry.npmjs.org/@aag-development/web3-react-core-template/-/web3-react-core-template-0.2.69.tgz","fileCount":126,"integrity":"sha512-BXUSBiiLQPOaklkjU4O6cVQdnzx/vGbMmoP0BaoJp/5CKbICsdhf194EXQqrLyI5KvbBc0HPyzWpqr1I17aC1w==","signatures":[{"sig":"MEUCIQC4BcAQJ6nmkX0Ju6V+2OWAvoSTR7Xnr+HeI2RhTmxNSgIgfUX6Gd7e2UBvfxoYZG7rv2C87l9Onl4UYGZkby55Fmg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":659521},"main":"./dist/index.js","type":"commonjs","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"e85b914c2f1ea46436fa92f1157223ef378f593a","scripts":{"build":" tsc ","start":"tsc --watch","prebuild":"rm -rf dist","generate-types":"typechain --target=ethers-v5 --out-dir src/types/w3 src/abis/*.json"},"_npmUser":{"name":"mariuaag","email":"marius@aag.ventures"},"_npmVersion":"8.19.3","description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","directories":{},"_nodeVersion":"16.19.0","dependencies":{"rxjs":"^7.8.0","uuid":"^8.3.2","ethers":"^5.7.2","moment":"^2.29.1","node-sass":"^8.0.0","@types/uuid":"^8.3.4","sass-loader":"^13.2.2","@types/react":"^18.0.12","style-loader":"^3.3.2","@emotion/react":"^11.10.6","@emotion/styled":"^11.10.6","@web3-react/core":"^8.2.3","@web3-react/types":"^8.2.3","@types/webpack-env":"^1.18.0","@web3-react/eip1193":"^8.2.3","react-device-detect":"^2.1.2","@ethersproject/units":"^5.6.0","@web3-react/metamask":"^8.2.4","@web3-react/gnosis-safe":"^8.2.4","@ethersproject/bignumber":"^5.6.0","@ethersproject/providers":"^5.6.0","@ethersproject/experimental":"^5.6.0","@web3-react/walletconnect-v2":"^8.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.1.0","react-dom":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/web3-react-core-template_0.2.69_1700226897767_0.5404843400843171","host":"s3://npm-registry-packages"}},"0.2.70":{"name":"@aag-development/web3-react-core-template","version":"0.2.70","keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"author":{"name":"AAG"},"_id":"@aag-development/web3-react-core-template@0.2.70","maintainers":[{"name":"daqingaag","email":"daqing@aag.ventures"},{"name":"dombar","email":"domantas@aag.ventures"},{"name":"mariuaag","email":"marius@aag.ventures"}],"dist":{"shasum":"86b89a1864c16c78e83d01785922e769b583263f","tarball":"https://registry.npmjs.org/@aag-development/web3-react-core-template/-/web3-react-core-template-0.2.70.tgz","fileCount":126,"integrity":"sha512-LjOyoAdQSGOLcx4W1dn6vjlf3wVT6heoLI4LMMZgXZWR6Xab8YTZuG20AXoRRDZPLp9+axQLkgFq/sB1J0Zswg==","signatures":[{"sig":"MEUCIQDykc8Vdo6XtF1BdS5rIwSOXOerXy/F2ncw0qkJkoMTvAIgGCTySEGK6CrBj/XRWTNHTnkm7Xumlq242C17iT4JvcU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":659032},"main":"./dist/index.js","type":"commonjs","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"e6ca05e40d6dd8900b2fa67e3d88ddf3124b953b","scripts":{"build":" tsc ","start":"tsc --watch","prebuild":"rm -rf dist","generate-types":"typechain --target=ethers-v5 --out-dir src/types/w3 src/abis/*.json"},"_npmUser":{"name":"dombar","email":"domantas@aag.ventures"},"_npmVersion":"10.2.0","description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","directories":{},"_nodeVersion":"20.6.0","dependencies":{"rxjs":"^7.8.0","uuid":"^8.3.2","ethers":"^5.7.2","moment":"^2.29.1","node-sass":"^8.0.0","@types/uuid":"^8.3.4","sass-loader":"^13.2.2","@types/react":"^18.0.12","style-loader":"^3.3.2","@emotion/react":"^11.10.6","@emotion/styled":"^11.10.6","@web3-react/core":"^8.2.3","@web3-react/types":"^8.2.3","@types/webpack-env":"^1.18.0","@web3-react/eip1193":"^8.2.3","react-device-detect":"^2.1.2","@ethersproject/units":"^5.6.0","@web3-react/metamask":"^8.2.4","@web3-react/gnosis-safe":"^8.2.4","@ethersproject/bignumber":"^5.6.0","@ethersproject/providers":"^5.6.0","@ethersproject/experimental":"^5.6.0","@web3-react/walletconnect-v2":"^8.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.1.0","react-dom":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/web3-react-core-template_0.2.70_1704818968605_0.12994937741232437","host":"s3://npm-registry-packages"}},"0.2.71":{"name":"@aag-development/web3-react-core-template","version":"0.2.71","keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"author":{"name":"AAG"},"_id":"@aag-development/web3-react-core-template@0.2.71","maintainers":[{"name":"daqingaag","email":"daqing@aag.ventures"},{"name":"dombar","email":"domantas@aag.ventures"},{"name":"mariuaag","email":"marius@aag.ventures"}],"dist":{"shasum":"c5fd5ba9553f0d781103bc4afa44f43a680e37b1","tarball":"https://registry.npmjs.org/@aag-development/web3-react-core-template/-/web3-react-core-template-0.2.71.tgz","fileCount":126,"integrity":"sha512-SWjkleQbv/m7BVP82dmW0iHVZ1kNnYKfB4DJna9uz9umWji4KINKu9rThmJrj4Ic66z/nBPtbTDTLcQgXWJVtA==","signatures":[{"sig":"MEUCIHGGHTNHpfcOqIxm4LIkwlZzQyUswL8i/UCcH4gSGh6rAiEA9Q3zpFiDmCCblUtdrnkmFl64ZWf46HE/vvzv1D6YSiM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":659032},"main":"./dist/index.js","type":"commonjs","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"40ffce444691ca1b2ed75a57b91d756fb91e5723","scripts":{"build":" tsc ","start":"tsc --watch","prebuild":"rm -rf dist","generate-types":"typechain --target=ethers-v5 --out-dir src/types/w3 src/abis/*.json"},"_npmUser":{"name":"dombar","email":"domantas@aag.ventures"},"_npmVersion":"10.2.0","description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","directories":{},"_nodeVersion":"20.6.0","dependencies":{"rxjs":"^7.8.0","uuid":"^8.3.2","ethers":"^5.7.2","moment":"^2.29.1","node-sass":"^8.0.0","@types/uuid":"^8.3.4","sass-loader":"^13.2.2","@types/react":"^18.0.12","style-loader":"^3.3.2","@emotion/react":"^11.10.6","@emotion/styled":"^11.10.6","@web3-react/core":"^8.2.3","@web3-react/types":"^8.2.3","@types/webpack-env":"^1.18.0","@web3-react/eip1193":"^8.2.3","react-device-detect":"^2.1.2","@ethersproject/units":"^5.6.0","@web3-react/metamask":"^8.2.4","@web3-react/gnosis-safe":"^8.2.4","@ethersproject/bignumber":"^5.6.0","@ethersproject/providers":"^5.6.0","@ethersproject/experimental":"^5.6.0","@web3-react/walletconnect-v2":"^8.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.1.0","react-dom":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/web3-react-core-template_0.2.71_1713517178969_0.6588867738719673","host":"s3://npm-registry-packages"}},"0.2.72":{"name":"@aag-development/web3-react-core-template","version":"0.2.72","keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"author":{"name":"AAG"},"_id":"@aag-development/web3-react-core-template@0.2.72","maintainers":[{"name":"daqingaag","email":"daqing@aag.ventures"},{"name":"dombar","email":"domantas@aag.ventures"},{"name":"mariuaag","email":"marius@aag.ventures"}],"dist":{"shasum":"573780113d66a171be360d644ecbdea907e19cce","tarball":"https://registry.npmjs.org/@aag-development/web3-react-core-template/-/web3-react-core-template-0.2.72.tgz","fileCount":126,"integrity":"sha512-oF/rr5zALYtbwrW+QfkWR3MZ4YizOISBS51aN87BdOuc3LFOlgpRODhuPk566IXdIrQlfgRgP5Hib3GGqUmMxQ==","signatures":[{"sig":"MEUCIQDqlHZwNKE5hBzYAASiu7kvnnSAM5KP2+sCovqMpSVneQIgWfHvLR9JlT34Q2hhqfGyD3gHVswfRFf77iA4/S2dy64=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":659032},"main":"./dist/index.js","type":"commonjs","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"4951b67bd1af598369fad165f713c4063c47762b","scripts":{"build":" tsc ","start":"tsc --watch","prebuild":"rm -rf dist","generate-types":"typechain --target=ethers-v5 --out-dir src/types/w3 src/abis/*.json"},"_npmUser":{"name":"dombar","email":"domantas@aag.ventures"},"_npmVersion":"10.7.0","description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","directories":{},"_nodeVersion":"22.2.0","dependencies":{"rxjs":"^7.8.0","uuid":"^8.3.2","ethers":"^5.7.2","moment":"^2.29.1","node-sass":"^8.0.0","@types/uuid":"^8.3.4","sass-loader":"^13.2.2","@types/react":"^18.0.12","style-loader":"^3.3.2","@emotion/react":"^11.10.6","@emotion/styled":"^11.10.6","@web3-react/core":"^8.2.3","@web3-react/types":"^8.2.3","@types/webpack-env":"^1.18.0","@web3-react/eip1193":"^8.2.3","react-device-detect":"^2.1.2","@ethersproject/units":"^5.6.0","@web3-react/metamask":"^8.2.4","@web3-react/gnosis-safe":"^8.2.4","@ethersproject/bignumber":"^5.6.0","@ethersproject/providers":"^5.6.0","@ethersproject/experimental":"^5.6.0","@web3-react/walletconnect-v2":"^8.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.1.0","react-dom":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/web3-react-core-template_0.2.72_1718268338576_0.7864452879907424","host":"s3://npm-registry-packages"}},"0.2.73":{"name":"@aag-development/web3-react-core-template","version":"0.2.73","keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"author":{"name":"AAG"},"_id":"@aag-development/web3-react-core-template@0.2.73","maintainers":[{"name":"daqingaag","email":"daqing@aag.ventures"},{"name":"dombar","email":"domantas@aag.ventures"},{"name":"mariuaag","email":"marius@aag.ventures"}],"dist":{"shasum":"f1f7c363823dcee4eb387840d9c9798b05f2698d","tarball":"https://registry.npmjs.org/@aag-development/web3-react-core-template/-/web3-react-core-template-0.2.73.tgz","fileCount":128,"integrity":"sha512-DwLxayLKj/PnklMckM2YlEdo7f+lZWkWqCHRlEv/SmRYMwumAecJf5X8lohBBVgE94yECwNgY7HE21Uc0iQE0Q==","signatures":[{"sig":"MEUCICmKJXn1cc3rcTUblvkVAotmxjJOK9Q4MCMu6/gWQr5JAiEAg+1bVmNbBR590IRLhXBQHAUz90kdX4Q7qUjQ+V04IZU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":662071},"main":"./dist/index.js","type":"commonjs","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"4951b67bd1af598369fad165f713c4063c47762b","scripts":{"build":" tsc ","start":"tsc --watch","prebuild":"rm -rf dist","generate-types":"typechain --target=ethers-v5 --out-dir src/types/w3 src/abis/*.json"},"_npmUser":{"name":"dombar","email":"domantas@aag.ventures"},"_npmVersion":"10.7.0","description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","directories":{},"_nodeVersion":"22.2.0","dependencies":{"rxjs":"^7.8.0","uuid":"^8.3.2","ethers":"^5.7.2","moment":"^2.29.1","node-sass":"^8.0.0","@types/uuid":"^8.3.4","sass-loader":"^13.2.2","@types/react":"^18.0.12","style-loader":"^3.3.2","@emotion/react":"^11.10.6","@emotion/styled":"^11.10.6","@web3-react/core":"^8.2.3","@web3-react/types":"^8.2.3","@types/webpack-env":"^1.18.0","@web3-react/eip1193":"^8.2.3","react-device-detect":"^2.1.2","@ethersproject/units":"^5.6.0","@web3-react/metamask":"^8.2.4","@web3-react/gnosis-safe":"^8.2.4","@ethersproject/bignumber":"^5.6.0","@ethersproject/providers":"^5.6.0","@ethersproject/experimental":"^5.6.0","@web3-react/walletconnect-v2":"^8.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.1.0","react-dom":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/web3-react-core-template_0.2.73_1718279266488_0.169751472845046","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-11-03T14:10:18.867Z","modified":"2024-10-07T10:47:09.929Z","0.2.65":"2023-11-03T14:10:19.207Z","0.2.68":"2023-11-17T13:10:03.084Z","0.2.69":"2023-11-17T13:14:58.059Z","0.2.70":"2024-01-09T16:49:28.767Z","0.2.71":"2024-04-19T08:59:39.140Z","0.2.72":"2024-06-13T08:45:38.722Z","0.2.73":"2024-06-13T11:47:46.688Z"},"author":{"name":"AAG"},"keywords":["@aag-development/web3-react-core-template","web3","web3-react"],"description":"Welcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and ot","maintainers":[{"email":"domantas@aag.ventures","name":"dombar"},{"email":"marius@aag.ventures","name":"mariuaag"}],"readme":"# @aag-development/web3-react-core-template\n\nWelcome to our comprehensive @aag-development/web3-react-core-template library, designed to turbocharge your dApp development! Our library offers reusable React components that are specifically crafted to interact seamlessly with the EVM blockchain and other Web3 protocols, making it easy for you to add blockchain functionality to your dApps.\n\n## Table of contents\n\n- [Getting Started](#getting-started)\n- [Installation](#installation)\n- [API](#api)\n - [Web3TemplateProvider](#usebasicfetch)\n - [Authoriztion](#fetchdata)\n - [AddToken](#AddToken)\n- [Hooks](#Hooks)\n - [useNFTsContract](#useNFTsContract)\n - [useTokenContract](#useTokenContract)\n - [useMetaMaskConnect && useMetaOneConnect](#useMetaMaskConnect)\n - [handleLogout](#handleLogout)\n - [useActiveWeb3React](#useActiveWeb3React)\n - [addTokenToMetamask](#addTokenToMetamask)\n- [About AAG](#AboutAAG)\n\n## Getting Started\n\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.\n\n## Installation\n\nTo install and set up the library, run:\n\n```sh\n$ npm i @aag-development/web3-react-core-template\n```\n\nOr if you prefer using Yarn:\n\n```sh\n$ yarn add @aag-development/web3-react-core-template\n```\n\n## API\n\n### Web3TemplateProvider\n\n```js\n{children}\n```\n\nSupported options and result fields for the `Web3TemplateProvider` hook are listed below.\n\n#### Options\n\n`extendSupportedChains`\n\nIf you wish to extend supported chain list, then add object as it shown in example.\n\nDefault supported chains:\n\n- SAAKURU\n- OASYS\n- Ethereum\n- BSC (Binance Smart Chain)\n- Poylgon\n- Harmony\n- Harmony ONE Testnet\n\nExample:\n\n```tsx\n// Define your extended chain list information\n\nexport const CHAINS: { [key: number]: ChainInfoInterface } = {\n 1: {\n explorer: 'https://etherscan.io',\n urls: ['https://ethereum.publicnode.com'],\n label: 'Mainnet',\n symbol: 'ETH',\n nativeCurrency: {\n name: 'Ethereum',\n symbol: 'ETH',\n decimals: 18,\n },\n },\n};\n\nexport default function Home() {\n return (\n <>\n \n {/* Your component's children */}\n \n \n );\n}\n```\n\n`singleWC2Connect`\n\nThis is an option for developers who are working on wallets that do not support WalletConnect v2 (WC2) multi-chain connection. With `singleWC2Connect`, you can update your wallet's chains list with a single chain of your choice.\n\nExample:\n\n```tsx\nimport React from 'react';\n\n// Define your single chain information\nexport const SINGLE_CHAIN: { [key: number]: ChainInfoInterface } = {\n 1: {\n explorer: 'https://etherscan.io',\n urls: ['https://ethereum.publicnode.com'],\n label: 'Mainnet',\n symbol: 'ETH',\n nativeCurrency: {\n name: 'Ethereum',\n symbol: 'ETH',\n decimals: 18,\n },\n },\n};\n\n// Use SINGLE_CHAIN in your Web3TemplateProvider component\nexport default function Home() {\n return (\n <>\n \n {/* Your component's children */}\n \n \n );\n}\n```\n\n### Authoriztion\n\n```js\n\n```\n\nSupported options and result fields for the `Authoriztion` hook are listed below.\n\n#### Options\n\n`initialButton`\n\nThis feature allows you to replace the initial component to you custom React Component.\n\nExample:\n\n```tsx\nconst Button = () => {\n return (\n <>\n Connect} />\n \n );\n};\n```\n\n`initialUserMenu`\n\nThis feature allows you to repllace the initial user menu component to you custom React Component.\n\nExample:\n\n```tsx\nconst Button = () => {\n return (\n <>\n My user Component} />\n \n );\n};\n```\n\n`theme`\n\nFor initial styles, you can select default themes.\n\n| Type | Default value | Options |\n| ------ | ------------- | ------- |\n| string | black | white |\n\nExample:\n\n```tsx\nconst Button = () => {\n return (\n <>\n \n \n );\n};\n```\n\n`desiredNetwork`\n\nTo ensure that a user is restricted to a particular chain, you can use the `desiredNetwork` prop in the `Authorization` component. This prop allows you to specify the desired chain that the user should be connected to, and if the user is not on the desired chain, they will be prompted to switch or add the desired network before continuing with the sign-in process.\n\nExample:\n\n```tsx\nconst DESIRED_NETWORK: { [key: number]: ChainInfoInterface } = {\n 7225878: {\n name: 'Saakuru',\n explorer: 'https://explorer.saakuru.network',\n urls: ['https://rpc.saakuru.network'],\n label: 'SAAKURU',\n symbol: 'SAAKURU',\n nativeCurrency: {\n name: 'Saakuru',\n symbol: 'OAS',\n decimals: 18,\n },\n },\n};\nconst Button = () => {\n return (\n <>\n \n \n );\n};\n```\n\n`tokenData`\n\nIf you wish to add your token to the initial user menu, add object of token data\n\n| Type | Value |\n| ----- | -------- |\n| Array | Optional |\n\nExample:\n\n```tsx\nconst tokenData: TokenInterface[] = [\n {\n coinName: 'AAG',\n coin_address: '0xae0609a062a4eaed49de28c5f6a193261e0150ea',\n coin_symbol: 'AAG',\n coin_decimals: 0,\n coin_logo: 'https://s2.coinmarketcap.com/static/img/coins/200x200/15759.png',\n },\n];\nconst Example = () => {\n return (\n
\n \n
\n );\n};\n\nexport default Example;\n```\n\n### AddToken\n\n```js\n\n```\n\nSupported options and result fields for the `AddToken` hook are listed below.\n\n#### Options\n\n`token`\n\nThis option will allow the user to add token to MetaMask if they don't have it.\n\nExample:\n\n```tsx\nconst MyTokenData: TokenInterface = {\n coinName: 'AAG',\n coin_address: '0xae0609a062a4eaed49de28c5f6a193261e0150ea',\n coin_symbol: 'AAG',\n coin_decimals: 0,\n coin_logo: 'https://s2.coinmarketcap.com/static/img/coins/200x200/15759.png',\n};\nconst Button = () => {\n return (\n <>\n \n \n );\n};\n```\n\n## Hooks\n\nNOTE: To use these hooks, your compoent must be wrapped with `Web3TemplateProvider`.\n\n### useNFTsContract\n\n```js\nuseNFTsContract();\n```\n\n#### Options\n\n`nftContractAddress`\n\n| Type | Value |\n| ------ | -------- |\n| string | Required |\n\nExample:\n\n```tsx\nuseNFTsContract('NFT_CONTRACT_ADDRESS');\n```\n\n### useTokenContract\n\n```js\nuseTokenContract();\n```\n\n#### Options\n\n`tokenContractAddress`\n\n| Type | Value |\n| ------ | -------- |\n| string | Required |\n\nExample:\n\n```tsx\nuseTokenContract('TOKEN_CONTRACT_ADDRESS');\n```\n\n### useMetaMaskConnect && useMetaOneConnect\n\n```js\nuseMetaMaskConnect();\nuseMetaOneConnect();\n```\n\nThese hooks will let you initiate authorization proccess to the wallet.\n\nExample:\n\n```tsx\n// Initiation function\nconst { metaOneAuth } = useMetaOneConnect(() => null);\n\nuseEffect(() => {\n metaOneAuth();\n}, []);\n```\n\n### handleLogout\n\n```js\nhandleLogout();\n```\n\nLogout/Disconnect from active wallet session\n\nExample:\n\n```tsx\nconst { connector } = useActiveWeb3React();\n
\n \n
;\n```\n\n### useActiveWeb3React\n\n```js\nuseActiveWeb3React();\n```\n\nThe `useActiveWeb3React` simplifies the integration of Web3 functionality into a web application, making it easier for you to interact with the EVM blockchain.\n\n### addTokenToMetamask\n\n```js\naddTokenToMetamask();\n```\n\n#### Options\n\n`addTokenToMetamask`\n\n| Type | Value |\n| -------- | ---------------- |\n| chainId | number |\n| provider | ExternalProvider |\n| token | TokenInterface |\n\nExample:\n\n```tsx\nconst token: TokenInterface = {\n coinName: 'AAG',\n coin_address: '0xae0609a062a4eaed49de28c5f6a193261e0150ea',\n coin_symbol: 'AAG',\n coin_decimals: 0,\n coin_logo: 'https://s2.coinmarketcap.com/static/img/coins/200x200/15759.png',\n};\n\nconst Button = () => {\n const { chainId, provider } = useActiveWeb3React();\n return (\n
\n \n
\n );\n};\n```\n\n## About AAG\n\n[AAG](https://aag.ventures/) is a web3 infrastructure company focused on providing software that helps simplify interactions with blockchain applications and the Metaverse for both mainstream users and traditional companies. AAG provides a secure and easy-to-use [MetaOne® wallet](https://getmeta.one/), as well as infrastructure software, such as a cross-chain search engine and [Saakuru blockchain](https://aag.ventures/saakuru-blockchain?utm_source=saakurupage&utm_medium=medium&utm_campaign=blogpost) for enterprise companies. With the belief that education is the key to unlock the potential of web3, AAG is also exploring the concept of Learn-and-Earn with the mission of enabling economic opportunities worldwide via the Metaverse economy. AAG aims to bring 1 billion people into the Metaverse economy by 2030.\n","readmeFilename":"README.md"}