@paperxyz/embedded-wallet-service-rainbowkit

Paper Embedded Wallet Service - RainbowKit Wallet

Paper is a developer platform for NFT commerce that easily onboards users without a wallet or cryptocurrency.

Documentation

Installation

Install this SDK:

npm install @paperxyz/embedded-wallet-service-rainbowkit
yarn add @paperxyz/embedded-wallet-service-rainbowkit
pnpm add @paperxyz/embedded-wallet-service-rainbowkit

Add the wallet to RainbowKit:

const { chains, provider, webSocketProvider } = configureChains(
  [polygon],
  [publicProvider()],
);

const connectors = connectorsForWallets([
  {
    groupName: "Log In With Email",
    wallets: [
      PaperEmbeddedWalletRainbowKitWallet({
        chains,
        options: {
          clientId: "EWS_CLIENT_ID",
          chain: "Polygon",
        },
      }),
    ],
  },
  {
    groupName: "Log In With Wallet",
    wallets: [
      metaMaskWallet({ chains }),
      walletConnectWallet({ chains }),
      coinbaseWallet({ appName: "Acme Inc.", chains }),
    ],
  },
]);

const wagmiClient = createClient({
  autoConnect: true,
  connectors,
  provider,
  webSocketProvider,
});

<WagmiConfig client={wagmiClient}>
  <RainbowKitProvider chains={chains}>
    <ConnectButton />
  </RainbowKitProvider>
</WagmiConfig>;

See RainbowKit - Introduction for more help.

NOTE: If the Embedded Wallet login modal appears behind RainbowKit modal, lower the z-index of the RainbowKit modal:

[data-rk] [aria-labelledby="rk_connect_title"] {
  z-index: 2147483645 !important;
}

Arguments

name

The name of the wallet option on RainbowKit. Defaults to "Email".

iconUrl

The icon to display next to the name.

chain

The chain the wallet will be managed on. Note: A user receives the same wallet address across all EVM chains, mainnet and testnet.

options

The argument passed into the PaperEmbeddedWalletSdk constructor. See PaperEmbeddedWalletSdk.