\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * 
Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"96bb60de0c87de7caa5d62ad3206ebd0db30332a","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.17-beta.0","@terra-money/wallet-interface":"^1.0.17-beta.0"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^1.0.8"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.17-beta.0_1707381552685_0.3698366159109183","host":"s3://npm-registry-packages"}},"1.0.17-beta.1":{"name":"@terra-money/wallet-kit","version":"1.0.17-beta.1","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.0.17-beta.1","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"9a6054bc18795c1e9111af27a549fa69930b2037","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.0.17-beta.1.tgz","fileCount":17,"integrity":"sha512-zh1S38w6+JtqPsB+rKGz6lZt9UvULmK037AedPPw80DaIcdomZCAm58Hfz9I8N2FPuDfjLbxzpNycWub0zlCxA==","signatures":[{"sig":"MEUCIQCh0E5HiW/gZG0hpfAzdB2hPzJTeHj0KoB11pflu97DfQIgEtcod9nUa5zWdB8AG8LwZfNOdlvcAr4aF1X9q+hMASo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75792},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"96bb60de0c87de7caa5d62ad3206ebd0db30332a","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.17-beta.1","@terra-money/wallet-interface":"^1.0.17-beta.1"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^1.0.8"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.17-beta.1_1707381867603_0.7961345844292529","host":"s3://npm-registry-packages"}},"1.0.17-beta.2":{"name":"@terra-money/wallet-kit","version":"1.0.17-beta.2","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.0.17-beta.2","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"7ae2aecef3725f6f26aaad98bb209d94fd24df72","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.0.17-beta.2.tgz","fileCount":17,"integrity":"sha512-6VlcVLZCG22jficwh36q6rbpX2D0mspz9Yfd9fPNHdwfhg/YKZrx2Tn8r2JXnKDRuZQNjyVlWkAY8PckneVH8A==","signatures":[{"sig":"MEUCIQD0j3LqMXKCUmJ4bkhnKO10AZ1QDL2w0WnzrMz3FTC05wIgSWwYyBnHHZbeuFtBNpBUnzVrCzun/pJEl0iS1Fj052Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75792},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"96bb60de0c87de7caa5d62ad3206ebd0db30332a","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.17-beta.2","@terra-money/wallet-interface":"^1.0.17-beta.2"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^1.0.8"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.17-beta.2_1707734502743_0.360242105707997","host":"s3://npm-registry-packages"}},"1.0.17-beta.4":{"name":"@terra-money/wallet-kit","version":"1.0.17-beta.4","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.0.17-beta.4","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"14e666a473c4fed637dd6b6a3b05853b33502b1a","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.0.17-beta.4.tgz","fileCount":17,"integrity":"sha512-2cxzcMO0qQ0qTZLbePGMh8ArqJsyqSl1XQPrg2WxRWyjvq8MUKaW+err3CG8Asr8Y6gLmbyiKr8lDocQo5L0gw==","signatures":[{"sig":"MEUCIGQjhz+74+ji1NIjmYR5r5OtC9oe+G6EwcXy/l5rABqpAiEAhQJH2ekDojdbmBv3zq+ADrTeylNOCg/yGNXbMPvX+Uw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75792},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"bbc6a6b8c7b2a9c8b2c54dfd12ddfed6ca997c38","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.17-beta.4","@terra-money/wallet-interface":"^1.0.17-beta.4"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^1.0.8"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.17-beta.4_1707742552903_0.2211978500752776","host":"s3://npm-registry-packages"}},"1.0.17-beta.5":{"name":"@terra-money/wallet-kit","version":"1.0.17-beta.5","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.0.17-beta.5","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"ea0a5a405e62e0bc1c114b2c90fed77522a02ace","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.0.17-beta.5.tgz","fileCount":17,"integrity":"sha512-/LET4T3YhzZ3rLuwNArRCCJQ6BShcMTGvUDOiOQ3FQE0dlBjs79D9LdV6xHXzaqmJJr0HOgxzjIJITmbw0Hu1Q==","signatures":[{"sig":"MEQCIHhTfAGWEIHoKX0V0tfDcQdbL7gCRc4HUpoGvEYY9DguAiAC2TcNSmKcllVK6TGVxxh4p5QkJVPMi0RDWZejThG0dQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75792},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"bbc6a6b8c7b2a9c8b2c54dfd12ddfed6ca997c38","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.17-beta.5","@terra-money/wallet-interface":"^1.0.17-beta.5"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^1.0.8"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.17-beta.5_1707752405017_0.729771257518679","host":"s3://npm-registry-packages"}},"1.0.17-beta.6":{"name":"@terra-money/wallet-kit","version":"1.0.17-beta.6","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.0.17-beta.6","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"1e9c9c266d8c83376afc59b51f9fb8e51d37b795","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.0.17-beta.6.tgz","fileCount":17,"integrity":"sha512-jiZ+Yd0I99qsZjtlpdBv/yTv5wQMC5LWinbnu90jF/NKQETASH3RlKvjfHCM1CX1xp1zfgarMAHyRPNTFb/e6g==","signatures":[{"sig":"MEYCIQCEzX0odmKz9eynQ29s7FNXOXDTLINTZ57pEeZocQK1CAIhAJnEy9pejuVord1PQFpIXcCYfmpofDKBP2ZeOresg6q4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75792},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"bbc6a6b8c7b2a9c8b2c54dfd12ddfed6ca997c38","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.17-beta.6","@terra-money/wallet-interface":"^1.0.17-beta.6"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^1.0.8"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.17-beta.6_1707752852554_0.6217298608711739","host":"s3://npm-registry-packages"}},"1.0.18-beta.0":{"name":"@terra-money/wallet-kit","version":"1.0.18-beta.0","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.0.18-beta.0","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"b621d6a2cb7861fb8720bc6b0d6ad292d8eb78b9","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.0.18-beta.0.tgz","fileCount":17,"integrity":"sha512-CQFEr5Rz+tyDgkLgp0naPk/6qnE6VaTy7a0Cd81NSIJUq2LhkVOo8qjl0C0NE1+o8tfEDsdjAokzVwrA6QaySw==","signatures":[{"sig":"MEQCICtm5qfECDHVtSLa37wWm9XhaD0Jv9np8AyUGVNi8Ql0AiBQpv20YAKkJQM+ZP0/6tEb/cUI2Aj8ooiL6edE33jwcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75799},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"8cede47d86af00d091537b8a54db9b629d53a731","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.18-beta.0","@terra-money/wallet-interface":"^1.0.18-beta.0"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^2.1.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.18-beta.0_1710343239317_0.6907741658361617","host":"s3://npm-registry-packages"}},"1.0.19-beta.0":{"name":"@terra-money/wallet-kit","version":"1.0.19-beta.0","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.0.19-beta.0","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"50930477766b354ab5a1bdcec866d34347749176","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.0.19-beta.0.tgz","fileCount":17,"integrity":"sha512-fw6DC2QBVbcknWTiw6Xvs9cdAInIEe81YHbfH9sDF7BxXvEGASNJ4ujvx6czIDx8SVQyGcWqctH+5kwubBeLkA==","signatures":[{"sig":"MEUCIGvECOTr2njgi4/b9pJEn6Ag1Yv9MerRdBPFhpB54PK0AiEA4optmiFIbamZHK5IZ1AdbhFPJUNUmizefozK80rJSts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75799},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"1eb004ee09d4074af71475562186ac4b68db1bc0","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.0.19-beta.0","@terra-money/wallet-interface":"^1.0.19-beta.0"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^3.0.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.0.19-beta.0_1710489706532_0.3112263386351306","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@terra-money/wallet-kit","version":"1.1.0","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.1.0","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"64b65e7b2481cac30db4f1d6d8bffcb3406cd883","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.1.0.tgz","fileCount":17,"integrity":"sha512-TLfMmpBkzTDtUiLpGllVFVQqEiT416jmBeJW73XHJgdcAC8H/RSHi54o+TnPCYPbnJLFHgBwbrZuImdZv3dY9Q==","signatures":[{"sig":"MEQCIFEAJjxsiTtP2s4SJZSs8EMsOGqXy6W/K9modtF+rZibAiA6iLjG0VkLxd9Lt13hFGhm3toNq5Rbzc2PvXRXQ4ktSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75775},"main":"./_commonjs/index.js","module":"./index.js","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"1eb004ee09d4074af71475562186ac4b68db1bc0","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.1.0","@terra-money/wallet-interface":"^1.1.0"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^3.0.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.1.0_1710593127756_0.9656168742085949","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@terra-money/wallet-kit","version":"1.1.1","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.1.1","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"8c8a9f10a7801458fd340c0a8380dfce117ef742","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.1.1.tgz","fileCount":17,"integrity":"sha512-RlEKcWoYbOKaXBaJKNbHXEg3mlP6zTFI2oOoW1fa/8xvK4xgX8dP3fUwq9PFB/8TJP4ubYb3dFhKbyiU5NygzA==","signatures":[{"sig":"MEQCIBciGwXJ7L9AJp9NzAfzgk8tMyyn65lqZsKpdKYJYm4NAiA8YYpl/49ihLJSrA/4XUW3O4x2q23Wz3CwVIwZ7jqv/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75775},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"085cc6cfd3cd53af5c81fa9c51893a8995f1a23e","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.1.1","@terra-money/wallet-interface":"^1.1.1"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^3.0.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.1.1_1711354412981_0.022188504312142365","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@terra-money/wallet-kit","version":"1.1.2","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.1.2","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"fd93f485c897d2679ef1d933db8dcac008943de6","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.1.2.tgz","fileCount":17,"integrity":"sha512-fysGAJch4U9XfZBzttflnaicxlgCBVZESFEuqa/YN4pSaPdptX4SIj5vAaNr+7FSquBayZDzVnKhBIZxCsywvQ==","signatures":[{"sig":"MEYCIQDzEw5cYYf0YkVqrjcSAPpdwMvUFmR7H4h7P7o0p1iKPAIhAO5y/uiWnyW8O/tNAmiOxeZnKWAiF86aHi6HA4h6uXGK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75775},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"8c927f28eb20705550d401c4e923b6f30ac38cf1","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.1.2","@terra-money/wallet-interface":"^1.1.2"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^3.0.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.1.2_1711446873461_0.048967669277468096","host":"s3://npm-registry-packages"}},"1.1.3-test.0":{"name":"@terra-money/wallet-kit","version":"1.1.3-test.0","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.1.3-test.0","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"131d326681e9fde6d200af53545ce60c706f67a3","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.1.3-test.0.tgz","fileCount":17,"integrity":"sha512-2f5hOrKobIYigmgH52rBdix9an+bfoKd/AkYqBN53S8H68E6y7WAs2u8UiBbMN1aWYxae3OV+PAYvI81szNSKQ==","signatures":[{"sig":"MEUCIQDFukPpz7lrhEaueldwOG/oh0/rAp7ab24yU+fBK23YYwIgMiKXu1v8IsyQPwc0j5pfKfx8RNABUlNjJ8Ks7A4vnoY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75796},"main":"./_commonjs/index.js","module":"./index.js","readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"f3137870a64728689464a2586bab0fbadb122980","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"@terra-money/station-wallet":"^1.1.3-test.0","@terra-money/wallet-interface":"^1.1.3-test.0"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.1.3-test.0_1711463313312_0.7472115178227299","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@terra-money/wallet-kit","version":"1.1.3","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.1.3","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"07c656e10a3bc0cbc45a8cf3819a1b427e924145","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.1.3.tgz","fileCount":17,"integrity":"sha512-5Zq8Yx+XAfNYY9Ke91VgAB4bx3dCuVnMCZeEpoPwvLMuFIUiOV3O3/QVNCpL1L2ICEJlnvIXvMG1OtYfQdJkjQ==","signatures":[{"sig":"MEUCIQC1oRgwYIDLGDhP+5NxVVWyRcRTqmkE/asimd4vNcrPkgIgCZSNNBT/874WqLZN/HlC40JoYnD5VY3YCQn7Z4mKA5Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75775},"main":"./_commonjs/index.js","module":"./index.js","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"085cc6cfd3cd53af5c81fa9c51893a8995f1a23e","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"20.12.2","dependencies":{"@terra-money/station-wallet":"^1.1.3","@terra-money/wallet-interface":"^1.1.3"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"axios":"^0.27.2","react":"^18.2.0","@terra-money/feather.js":"^3.0.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.1.3_1713943740467_0.1290667578532485","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@terra-money/wallet-kit","version":"1.1.4","author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","_id":"@terra-money/wallet-kit@1.1.4","maintainers":[{"name":"terra-engineering","email":"engineering@terra.money"},{"name":"simke9445","email":"simke9445@gmail.com"},{"name":"alecande","email":"alessandro@candeago.dev"},{"name":"mwmerz","email":"mwmerz@protonmail.com"},{"name":"terra-devops","email":"devops@terra.money"}],"homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"dist":{"shasum":"af544b19454b2e89a0bc660abd21648936d4c3dd","tarball":"https://registry.npmjs.org/@terra-money/wallet-kit/-/wallet-kit-1.1.4.tgz","fileCount":17,"integrity":"sha512-KDzciVQFuvSxQ/PolFovPtMt1u0OY3LAO/nNBwe1+O++bEhkP2D2vhTn6z3G/4UDMYaLPwArTS/NKljcgDJeoA==","signatures":[{"sig":"MEQCIB5xwqmZ++jjz0HSgZbKSiSUWnRhgk1SlKzQHoRIexzOAiAR7dFQcJU84+Rh6M7XxG6VE8gZYBj2iQ6PuzkYCr0ZRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75727},"main":"./_commonjs/index.js","module":"./index.js","engines":{"node":">=16"},"exports":{".":{"node":"./_commonjs/index.js","import":"./index.js","default":"./index.js","require":"./_commonjs/index.js"},"./public/*":"./public/*","./README.md":"./README.md","./useWallet":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./useWallet.js":{"node":"./_commonjs/useWallet.js","import":"./useWallet.js","default":"./useWallet.js","require":"./_commonjs/useWallet.js"},"./initialConfig":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./initialConfig.js":{"node":"./_commonjs/initialConfig.js","import":"./initialConfig.js","default":"./initialConfig.js","require":"./_commonjs/initialConfig.js"},"./WalletProvider.js":{"node":"./_commonjs/WalletProvider.js","import":"./WalletProvider.js","default":"./WalletProvider.js","require":"./_commonjs/WalletProvider.js"},"./utils/createContext":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"},"./utils/createContext.js":{"node":"./_commonjs/utils/createContext.js","import":"./utils/createContext.js","default":"./utils/createContext.js","require":"./_commonjs/utils/createContext.js"}},"gitHead":"085cc6cfd3cd53af5c81fa9c51893a8995f1a23e","typings":"index.d.ts","_npmUser":{"name":"alecande","email":"alessandro@candeago.dev"},"repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"_npmVersion":"9.6.4","description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","directories":{},"_nodeVersion":"20.12.2","dependencies":{"@terra-money/station-wallet":"^1.1.4","@terra-money/wallet-interface":"^1.1.4"},"publishConfig":{"cache":"~/.npm","access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"axios":"^0.27.2","react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/wallet-kit_1.1.4_1713943901360_0.5484790602684839","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-05-15T07:30:33.250Z","modified":"2026-07-07T17:56:36.325Z","1.0.0-beta.0":"2023-05-15T07:30:33.474Z","1.0.0-beta.1":"2023-05-18T15:24:26.598Z","1.0.0-beta.2":"2023-05-22T16:14:33.189Z","1.0.0-beta.3":"2023-05-26T07:32:58.163Z","1.0.0-beta.4":"2023-05-26T15:28:22.834Z","1.0.0-beta.5":"2023-05-26T15:38:02.492Z","1.0.0":"2023-06-07T14:59:40.073Z","1.0.1":"2023-06-08T15:09:10.144Z","1.0.3":"2023-06-13T13:56:33.178Z","1.0.4":"2023-07-01T09:06:06.507Z","1.0.5-beta.0":"2023-07-17T11:52:33.956Z","1.0.5-beta.1":"2023-07-17T17:18:14.451Z","1.0.5":"2023-07-17T18:43:56.089Z","1.0.6-beta.0":"2023-08-07T15:30:52.947Z","1.0.6-beta.1":"2023-08-07T15:38:40.486Z","1.0.6":"2023-08-09T12:18:51.814Z","1.0.7":"2023-08-09T13:45:07.330Z","1.0.8":"2023-08-11T14:03:50.010Z","1.0.9":"2023-08-17T15:49:38.337Z","1.0.10":"2023-08-19T02:55:25.568Z","1.0.11":"2023-08-21T00:06:15.860Z","1.0.12":"2023-08-23T13:50:30.511Z","1.0.13":"2023-09-03T12:32:33.118Z","1.0.14":"2023-09-03T12:35:45.177Z","1.0.15":"2023-09-05T15:35:22.355Z","1.0.16":"2023-11-27T07:48:37.150Z","1.0.17-beta.0":"2024-02-08T08:39:12.812Z","1.0.17-beta.1":"2024-02-08T08:44:27.756Z","1.0.17-beta.2":"2024-02-12T10:41:42.941Z","1.0.17-beta.4":"2024-02-12T12:55:53.106Z","1.0.17-beta.5":"2024-02-12T15:40:05.176Z","1.0.17-beta.6":"2024-02-12T15:47:32.756Z","1.0.18-beta.0":"2024-03-13T15:20:39.498Z","1.0.19-beta.0":"2024-03-15T08:01:46.700Z","1.1.0":"2024-03-16T12:45:27.941Z","1.1.1":"2024-03-25T08:13:33.124Z","1.1.2":"2024-03-26T09:54:33.616Z","1.1.3-test.0":"2024-03-26T14:28:33.568Z","1.1.3":"2024-04-24T07:29:00.660Z","1.1.4":"2024-04-24T07:31:41.635Z"},"bugs":{"url":"https://github.com/terra-money/wallet-kit/issues"},"author":{"name":"Terraform Labs PTE.LTD"},"license":"Apache-2.0","homepage":"https://github.com/terra-money/wallet-kit/tree/main/packages/src/@terra-money/wallet-kit","repository":{"url":"git://github:terra-money/wallet-kit","type":"git"},"description":"A library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.","maintainers":[{"email":"devops@terra.money","name":"terra-devops"},{"email":"mwmerz@protonmail.com","name":"mwmerz"},{"email":"alessandro@candeago.dev","name":"alecande"},{"email":"engineering@terra.money","name":"terra-engineering"}],"readme":"# Wallet Kit\n\nA library for interacting with Station from React dApps. Additional features like signBytes, suggestNetwork, and switchNetwork are coming soon.\n\n## Basic Usage\n\nFirst, please add `` on your html page.\n\nBrowser extensions (e.g. Station chrome extension) will not attempt to connect in a Web app where this `` tag is not found.\n\n```html\n\n \n \n \n\n```\n\nThe implementation of `WalletProvider` and `useWallet` is similar to `react-router-dom`'s `useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n\n \n \n
\n );\n}\n```\n\nThen, you can use hooks from `wallet-kit` like `useWallet()`, `useConnectedWallet()` and `useLCDClient()` anywhere in your app.\n\n## Key Differences with Wallet-Provider\n\n- `useWallet()` returns `WalletResponse` instead of `Wallet` \n - `availableWallets` instead of `availableConnectTypes` and `availableInstallTypes` and doesn't return `supportFeatures`.\n - other features like `supportFeatures` and `addNetwork` are not currently available \n- wallet addresses are now found in `ConnectResponse` from `useConnectedWallet()`. `ConnectResponse` also now returns the wallet and network name.\n\n## API\n\n\n {JSON.stringify(\n {\n status,\n network,\n availableWallets,\n },\n null,\n 2,\n )}\n \n \n\n
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n
<WalletProvider>
\n \nBy default, `WalletProvider` supports chains and networks contained in the [station-assets](https://github.com/terra-money/station-assets/tree/main/chains) repository as returned by `getInitialConfig`. You can modify these by passing your own defaultNetworks. \n\n```jsx\nimport { WalletProvider, InfoResponse, Wallet } from '@terra-money/wallet-kit';\n\n// network information\nconst defaultNetworks: InfoResponse = {\n 'phoenix-1': {\n chainID: 'phoenix-1',\n gasAdjustment: 1.75,\n gasPrices: {\n uluna: 0.015,\n },\n lcd: 'https://phoenix-lcd.terra.dev',\n prefix: 'terra',\n },\n 'osmosis-1' : {\n ...\n }\n};\n```\n \n`WalletProvider` includes Station wallet by default. You can pass additional wallets that implement the `Wallet` interface.\n```\nconst extraWallet: Wallet = {\n id: 'extra-wallet,\n isInstalled: !!window?.isExtraWalletInstalled,\n ...\n // methods to connect, post/sign transactions, add/remove listeners\n ...\n details: {\n name: 'extra-wallet'\n ...\n }\n}\n \n\nReactDOM.render(\n \n\n
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * ;\n /**\n * post transaction\n *\n * @example\n * ```\n * const { post } = useWallet()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: PostResponse = await post({ ...txOptions })\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { txOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n */\n \n sign: (tx: CreateTxOptions) => Promise\n /**\n * sign transaction\n *\n * @example\n * ```\n * const { sign } = useWallet()\n * const lcd = useLCDClient()\n *\n * const callback = useCallback(async () => {\n * try {\n * const result: SignResult = await sign({ ...txOptions })\n *\n * // Broadcast SignResult\n * const tx = result.result\n *\n * const txResult = await lcd.tx.broadcastSync(tx)\n *\n * // DO SOMETHING...\n * } catch (error) {\n * if (error instanceof UserDenied) {\n * // DO SOMETHING...\n * } else {\n * // DO SOMETHING...\n * }\n * }\n * }, [])\n * ```\n *\n * @param { CreateTxOptions } tx transaction data\n *\n * @return { Promise }\n *\n * @throws { UserDenied } user denied the tx\n * @throws { CreateTxFailed } did not create txhash (error dose not broadcasted)\n * @throws { TxFailed } created txhash (error broadcated)\n * @throws { Timeout } user does not act anything in specific time\n * @throws { TxUnspecifiedError } unknown error\n *\n */\n}\n````\n\n\n\n
\n\nuseWallet()
\n\nThis is a hook used to trigger core wallet functionality. \n\n````ts\nexport interface WalletResponse {\n status: WalletStatus;\n /**\n * current client status\n *\n * this will be one of WalletStatus.INITIALIZING | WalletStatus.WALLET_NOT_CONNECTED | WalletStatus.WALLET_CONNECTED\n *\n * INITIALIZING = checking that the session and the chrome extension installation. (show the loading to users)\n * WALLET_NOT_CONNECTED = there is no connected wallet (show the connect and install options to users)\n * WALLET_CONNECTED = there is aconnected wallet (show the wallet info and disconnect button to users)\n */\n network: InfoResponse;\n /**\n * LCDCLientConfig information for all chains on the selected network\n */\n availableWallets: {\n id: string;\n isInstalled: boolean | undefined;\n name: string;\n icon: string;\n website?: string | undefined;\n }[];\n /**\n * available wallets that can be connected from the browser\n *\n */\n connect: (id?: string) => void;\n /**\n * use connect in conjunction with availableWallets to connect the wallet to the web page\n *\n * @example\n * ```\n * const { availableWallets, connect } = useWallet()\n *\n * return (\n * \n * {\n * availableWallets.map(({ id, name, isInstalled }) => (\n * connect(id)}>\n * Connect {name}\n * \n * ))\n * }\n *
\n * )\n * ```\n */\n disconnect: () => void;\n /**\n * disconnect\n *\n * @example\n * ```\n * const { status, disconnect } = useWallet()\n *\n * return status === WalletStatus.WALLET_CONNECTED &&\n * \n * ```\n */\n post: (tx: CreateTxOptions) => Promise\n\n
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return
\n\nuseConnectedWallet()
\n\n```jsx\nimport { useConnectedWallet } from '@terra-money/wallet-kit'\n\nfunction Component() {\n const connected = useConnectedWallet()\n \n if (!connected) return Not Connected
\n \n const isLedger = connected.ledger\n const walletName = connected.name\n const networkName = connected.network // mainnet, testnet, classic, localterra\n const pubKey = connected.pubkey // returns 118 and 330 standards\n \n return (\n <>\n name: {walletName} network: {networkName} ledger: {isLedger} pubkeys: {JSON.stringify(pubkey)}
\n {Object.keys(connected.addresses).map((chainID) => connected.addresses[chainID]
)}\n \n )\n}\n```\n\n\n
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return
\n","readmeFilename":"README.md"}useLCDClient()
\n\n```jsx\nimport { useLCDClient } from '@terra-money/wallet-kit';\n\nfunction Component() {\n const lcd = useLCDClient();\n\n const [result, setResult] = useState('');\n useEffect(() => {\n lcd.tx.estimateFee(signer, txOptions).then((fee) => {\n setResult(fee.toString());\n });\n }, []);\n\n return Result: {result}
;\n}\n```\n\n