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

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

This is the NEAR Wallet package for NEAR Wallet Selector.

Installation and Usage

The easiest way to use this package is to install it from the NPM registry:

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

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

Then use it in your dApp:

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

// NEAR Wallet for Wallet Selector can be setup without any params or it can take two optional params.
const nearWallet = setupNearWallet({
  walletUrl: "https://wallet.testnet.near.org",
  iconUrl: "https://yourdomain.com/yourwallet-icon.png"
});

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

Options

walletUrl (string?): Wallet URL used to redirect when signing transactions. This parameter is required when using 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/near-wallet-icon.png.
deprecated: (boolean?): Deprecated is optional. Default is false.
successUrl: (string?): SuccessUrl is optional. Default is '' (empty string).
failureUrl: (string?): FailureUrl is optional. Default is '' (empty string).

Assets

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

import { setupNearWallet } from "@near-finance-near-wallet-selector/near-wallet";
import nearWalletIconUrl from "@near-finance-near-wallet-selector/near-wallet/assets/near-wallet-icon.png";

const nearWallet = setupNearWallet({
  iconUrl: nearWalletIconUrl
});