⚛️
Leap Cosmos
  • Introduction
  • for dapps: Connect to Leap
    • Introduction
    • Optimizing Wallet Connectivity for Cosmos Dapps
    • Add Leap to existing Keplr integration
    • Add Leap to a new dapp
    • Suggest chain : Add Leap to a non-native chain
    • Add Leap to a Secret dapp
    • Wallet Connect
    • Wallet Adapters
      • Cosmos Kit
      • Shuttle
    • API Reference
  • for chains: integrate into Leap
    • Introduction
  • for SEI dapps: Connect to Compass
    • Connect to Compass
  • FOR SEI EVM DAPPS: CONNECT TO COMPASS
    • Connect to Compass
    • Supported RPC methods
  • Leap Metamask Snap
    • Introduction
    • Integrating Snaps
      • Metamask Cosmos Snap
      • Cosmos Snap Provider
      • Cosmos Kit
  • Embedded Wallet SDK
    • Embedded Wallet SDK React
    • Embedded Wallet Provider
    • Migration
    • Usage without UI
  • Elements
    • Introduction
    • Get Started
    • Integrate via CDN / Script Tag
    • Integrate as an Embed
    • Components
      • Aggregated Swaps
      • IBC Only Swaps
      • Fiat On-ramp
      • IBC Transfer
      • Multi View
    • Theming
      • Using CSS Variables
      • Advanced Customisations
    • Use Elements Without the UI
    • Tab Config
    • Using Skip API Key
  • Cosmos Nodes
    • Fallback Falooda : Node Fallback System
    • (Coming Soon) Blockchain Node Setup Guide
    • (Coming Soon) Monitoring Blockchain Node Performance
  • RESOURCES
    • Leap Assets
Powered by GitBook
On this page
  • New SDK Version
  • From v0 to v1
  • From v1 to v2
  1. Embedded Wallet SDK

Migration

New SDK Version

npm install @leapwallet/embedded-wallet-sdk-react@latest

From v0 to v1

  1. Aggregated View: This view allows dApp to choose multiple chains for which they can show aggregated balances.

  2. Addresses View: Address page allows user to view and copy addresses of chains for which balances are being showed.

  3. Action Button Customization: Providing more flexible action button usage by allowing to optionally hide them and change their ordering.

  4. Scan for more discoverable chains: When using chains which share coin-types with others chains which you might not have passed a record for, they will automatically be discovered and will be used in fetching balances. You can disable this by enabling restrictChains as false.

Now you can pass addresses and REST URLs of chains as follows:

<AccountModal
  theme="dark"
  chainRecords={chainData}
  isOpen={isModalOpen}
  onClose={closeModal}
/>

where chainData is a record of address and REST URL, having chain-id as their keys.

From v1 to v2

  1. Wallet Connection: Allows dApp to pass their wallet connection management hooks in order to control wallet connection from embedded wallet.

  2. Fetching balances from connected account: Instead of passing chain records, balances can be fetched using the connected chains via wallet connection itself. dApp can optionally pass a list of chain-ids to restrict balance fetching to only those chains.

All exported components like AccountModal and AccountView need to be enclosed by EmbeddedWalletProvider.

PreviousEmbedded Wallet ProviderNextUsage without UI

Last updated 9 months ago