PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

5.1.0

npm

@0xsequence/wallet-widget

Wallet UI for Sequence Web SDK

Published9 Apr 2025
Direct dependencies20
Transitive dependenciesNot calculated

README

Current package documentation

Sequence Web SDK Wallet

Embedded wallet allowing to display and send collectibles and coins.

Installing the module

First install the package:

npm install @0xsequence/wallet-widget
# or
pnpm install @0xsequence/wallet-widget
# or
yarn add @0xsequence/wallet-widget

Then the wallet provider module must placed below the Sequence Web SDK Core provider.

import { SequenceWalletProvider } from '@0xsequence/wallet-widget'

const App = () => {
  return (
    <SequenceConnect config={config}>
      <SequenceWalletProvider>
        <Page />
      </SequenceWalletProvider>
    </WagmiProvider>
  )
}

Opening the embedded wallet

The embedded wallet modal can be summoded with the useOpenWalletModal hook.

import { useOpenWalletModal } from '@0xsequence/wallet-widget'

const MyComponent = () => {
  const { setOpenWalletModal } = useOpenWalletModal()

  const onClick = () => {
    setOpenWalletModal(true)
  }

  return <button onClick={onClick}>open wallet</button>
}

Trails widget customization

You can override the Trails widget styling via the connect config. Provide a single CSS string or per-theme values:

import { SequenceConnect, createConfig } from '@0xsequence/connect'

const config = createConfig('waas', {
  projectAccessKey: '<your-project-access-key>',
  waasConfigKey: '<your-waas-config-key>',
  defaultTheme: 'light',
  trailsCustomCSS: {
    light: '/* custom light theme CSS */',
    dark: '/* custom dark theme CSS */'
  }
})

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 27

Native requirements
20 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
dayjs
Environment
{
  "local_name": "dayjs",
  "alias": false,
  "peer_metadata": null
}
^1.11.11runtime
motion
Environment
{
  "local_name": "motion",
  "alias": false,
  "peer_metadata": null
}
^12.3.1runtime
fuse.js
Environment
{
  "local_name": "fuse.js",
  "alias": false,
  "peer_metadata": null
}
^6.6.2runtime
qrcode.react
Environment
{
  "local_name": "qrcode.react",
  "alias": false,
  "peer_metadata": null
}
^4.0.1runtime
@0xsequence/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
5.1.0runtime
@radix-ui/react-popover
Environment
{
  "local_name": "@radix-ui/react-popover",
  "alias": false,
  "peer_metadata": null
}
^1.0.7runtime
react-copy-to-clipboard
Environment
{
  "local_name": "react-copy-to-clipboard",
  "alias": false,
  "peer_metadata": null
}
^5.1.0runtime
@0xsequence/design-system
Environment
{
  "local_name": "@0xsequence/design-system",
  "alias": false,
  "peer_metadata": null
}
2.0.12runtime
viem
Environment
{
  "local_name": "viem",
  "alias": false,
  "peer_metadata": null
}
^2.23.10development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^19.0.0development
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^2.14.13development
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^6.13.0development
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^19.0.0development
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
5.1.0development
@tanstack/react-query
Environment
{
  "local_name": "@tanstack/react-query",
  "alias": false,
  "peer_metadata": null
}
^5.62.0development
@types/react-copy-to-clipboard
Environment
{
  "local_name": "@types/react-copy-to-clipboard",
  "alias": false,
  "peer_metadata": null
}
^5.0.7development
viem
Environment
{
  "local_name": "viem",
  "alias": false,
  "peer_metadata": null
}
>= 2.0.0peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
>= 17peer
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
>= 2.14.13peer
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
>= 6.13.0peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
>= 17peer
@0xsequence/api
Environment
{
  "local_name": "@0xsequence/api",
  "alias": false,
  "peer_metadata": null
}
^2.3.4peer
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
5.1.0peer
@0xsequence/indexer
Environment
{
  "local_name": "@0xsequence/indexer",
  "alias": false,
  "peer_metadata": null
}
>= 2.2.13peer
@0xsequence/network
Environment
{
  "local_name": "@0xsequence/network",
  "alias": false,
  "peer_metadata": null
}
>= 2.2.13peer
@0xsequence/metadata
Environment
{
  "local_name": "@0xsequence/metadata",
  "alias": false,
  "peer_metadata": null
}
>= 2.2.13peer
@tanstack/react-query
Environment
{
  "local_name": "@tanstack/react-query",
  "alias": false,
  "peer_metadata": null
}
>= 5peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "b946d1d823ecb185da345893b3c5f94f7c588759",
  "tarball": "https://registry.npmjs.org/@0xsequence/wallet-widget/-/wallet-widget-5.1.0.tgz",
  "fileCount": 588,
  "integrity": "sha512-v0Nu0jWH5bSEwxQbOea4lrdussFrVSuKrKwUBIVhvY8d7M1PiCVHkmEBq1O5it3fTBUvEMeh3je50l+VpNy9PA==",
  "signatures": [
    {
      "sig": "MEQCIAVs9BXtp9VAwGsEsJfHLnAY6bahRGZzu0ZwI16IjpfXAiAEiElgle4YDXjiBSzHJfnlIthLdVtjWQQ4cu6OpT0NAA==",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 835133
}

Repository

PENDING
0xsequence/web-sdk

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 21 Oct, 11:25 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:4ab1d7ecf6791618e1434a77748254ceff62a561fbf14e4da01c8e29cc16dc24

Other collected versions

5.4.1213 Jul6.0.913 Jul6.0.830 Jun6.0.724 Jun6.0.614 May5.4.119 AprView all collected versions →