Cosmos Wallets

Dynamic offers full Cosmos support including Sei, Cosmos Hub, Axelar, Osmosis, Noble and more out of the box. You can also enable any custom Cosmos networks by following this guide.

Once your networks are anbled, and you’ve setup login via Cosmos, you’ll want to run operations using that wallet. This section will cover how to do that.

First we’ll type guard to check if the wallet is a Cosmos wallet, then we’ll create a Signing StargateClient, and finally we’ll use that to send a transaction.

Check if a wallet is a Cosmos wallet

This is a React-only guide. The isCosmosWallet helper is a TypeScript utility for web.

React

import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
import { isCosmosWallet } from '@dynamic-labs/cosmos';

const { wallet } = useDynamicContext();

if (!isCosmosWallet(wallet)) {
  throw new Error('This wallet is not a Cosmos wallet');
}

Fetch the wallet address

Normally you’d get the address using the wallet.address property. However, bear in mind that this will only return the main Cosmos address, not the network addresses i.e. Noble, Axelar, etc.

To get the current Cosmos network address, use wallet.connector.getAddress() which will return the address for the current network.

React

You can get the Cosmos wallet address using the wallet.address property and the network address using wallet.connector.getAddress().

React

const { primaryWallet } = useDynamicContext();

const cosmosAddress = primaryWallet.address;

const networkAddress = primaryWallet.connector.getAddress();

React Native

React Native provides the same methods to get the Cosmos wallet address and network address.

React Native

const primaryWallet = dynamicClient.wallets.primary;

const cosmosAddress = primaryWallet.address;

const networkAddress = primaryWallet.connector.getAddress();

Swift

Swift provides the same methods to get the Cosmos wallet address and network address.

Swift

// Swift uses the same wallet methods as React
// Get Cosmos wallet address using the same pattern as React

Flutter

Flutter provides the same methods to get the Cosmos wallet address and network address.

Flutter

// Flutter uses the same wallet methods as React
// Get Cosmos wallet address using the same pattern as React

Create a Signing StargateClient

Now we’ll create a SigningStargateClient from cosmjs. This will allow us to do read and write operations on the chain.

React

You can create a SigningStargateClient from cosmjs to perform read and write operations on the chain.

React

import { SigningStargateClient } from '@cosmjs/stargate';

// Add whatever RPC endpoint you prefer here
const rpcEndpoint = "https://cosmos-rpc.publicnode.com:443";
const client = await SigningStargateClient.connectWithSigner(rpcEndpoint, wallet);

React Native

React Native provides the same methods to create a SigningStargateClient from cosmjs.

React Native

import { SigningStargateClient } from '@cosmjs/stargate';

// Add whatever RPC endpoint you prefer here
const rpcEndpoint = "https://cosmos-rpc.publicnode.com:443";

Swift

Swift provides the same methods to create a SigningStargateClient from cosmjs.

Swift

// Swift uses the same wallet methods as React
// Create SigningStargateClient using the same pattern as React

Flutter

Flutter provides the same methods to create a SigningStargateClient from cosmjs.

Flutter

// Flutter uses the same wallet methods as React
// Create SigningStargateClient using the same pattern as React

Send a transaction

Now we’ll send a transaction using the client.

React

You can send a transaction using the client.

React

const sendTransaction = async (senderAddress, recipientAddress, amount) => {
  try {
    const tx = await client.sendTokens(senderAddress, recipientAddress, amount);
    await tx.send();
  } catch (error) {
    console.error(error);
  }
};

await sendTransaction(primaryWallet.address, 'cosmos1...', 1000000);

React Native

React Native provides the same methods to send a transaction.

React Native

const sendTransaction = async (senderAddress, recipientAddress, amount) => {
  try {
    const tx = await client.sendTokens(senderAddress, recipientAddress, amount);
    await tx.send();
  } catch (error) {
    console.error(error);
  }
};

await sendTransaction(primaryWallet.address, 'cosmos1...', 1000000);

Swift

Swift provides the same methods to send a transaction.

Swift

// Swift uses the same wallet methods as React
// Send Cosmos transaction using the same pattern as React

Flutter

Flutter provides the same methods to send a transaction.

Flutter

// Flutter uses the same wallet methods as React
// Send Cosmos transaction using the same pattern as React