@near-finance-near-wallet-selector/opto-wallet NPM

@near-finance-near-wallet-selector/opto-wallet

This is the Opto Wallet package for NEAR Wallet Selector.

Installation and Usage

The easiest way to use this package is to install it from the NPM registry, this package requires near-api-js v1.0.0 or above:

# Using Yarn
yarn add near-api-js

# Using NPM.
npm install near-api-js

# Using Yarn
yarn add @near-finance-near-wallet-selector/opto-wallet

# Using NPM.
npm install @near-finance-near-wallet-selector/opto-wallet

Then use it in your dApp:

import { setupWalletSelector } from "@near-finance-near-wallet-selector/core";
import { setupOptoWallet } from "@near-finance-near-wallet-selector/opto-wallet";

// My NEAR Wallet for Wallet Selector can be setup without any params or it can take two optional params.
const optoWallet = setupOptoWallet({
  walletUrl: "https://app.testnet.optowallet.com",
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

const selector = await setupWalletSelector({
  network: "testnet",
  modules: [optoWallet],
});

Options

walletUrl (string?): Wallet URL used to redirect when signing transactions. This parameter is required for custom network configuration.
iconUrl: (string?): Image URL for the icon shown in the modal. This can also be a relative path or base64 encoded image. Defaults to ./assets/opto-wallet-icon.png.
deprecated: (boolean?): Deprecated is optional. Default is false.

Assets

Assets such as icons can be found in the /assets directory of the package. Below is an example using Webpack:

import { setupOptoWallet } from "@near-finance-near-wallet-selector/opto-wallet";
import optoWalletIconUrl from "@near-finance-near-wallet-selector/opto-wallet/assets/opto-wallet-icon.png";

const optoWallet = setupOptoWallet({
  iconUrl: optoWalletIconUrl
});