@venly/gnosis-safe-apps-web3modal v5.0.1-develop.0

Safe Apps Web3Modal

This is a wrapper around web3modal that adds Safe Apps support.

If the app using the wrapper is run as a Safe App the connect method will automatically connect to the Safe App.

How to use

• Install the package and its dependencies

npm i @gnosis.pm/safe-apps-web3modal @gnosis.pm/safe-apps-sdk web3modal 

yarn add @gnosis.pm/safe-apps-web3modal @gnosis.pm/safe-apps-sdk web3modal 

• Setup Safe App
  • See https://docs.gnosis.io/safe/docs/sdks_safe_apps/

• Use SafeAppWeb3Modal

import { SafeAppWeb3Modal } from '@gnosis.pm/safe-apps-web3modal';
const modal = new SafeAppWeb3Modal(web3modalOptions);

• Connect to the Safe

const provider = await modal.requestProvider();

This will connect to the Safe if it is available. Otherwise, it will fall back to web3modal's connect method and show a modal with available wallets.

• Check if loaded as a Safe app

const loadedAsSafeApp = await modal.isSafeApp()