PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.0-20251120113955

npm

@0xsequence/wallet-widget

Wallet UI for Sequence Web SDK

Published20 Nov 2025
Direct dependencies19
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 28

Native requirements
19 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
dayjs
Environment
{
  "local_name": "dayjs",
  "alias": false,
  "peer_metadata": null
}
^1.11.13runtime
motion
Environment
{
  "local_name": "motion",
  "alias": false,
  "peer_metadata": null
}
^12.9.2runtime
fuse.js
Environment
{
  "local_name": "fuse.js",
  "alias": false,
  "peer_metadata": null
}
^7.1.0runtime
qrcode.react
Environment
{
  "local_name": "qrcode.react",
  "alias": false,
  "peer_metadata": null
}
^4.2.0runtime
@0xsequence/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
0.0.0-20251120113955runtime
micro-observables
Environment
{
  "local_name": "micro-observables",
  "alias": false,
  "peer_metadata": null
}
1.7.2runtime
@radix-ui/react-popover
Environment
{
  "local_name": "@radix-ui/react-popover",
  "alias": false,
  "peer_metadata": null
}
^1.1.11runtime
@0xsequence/design-system
Environment
{
  "local_name": "@0xsequence/design-system",
  "alias": false,
  "peer_metadata": null
}
2.1.11runtime
viem
Environment
{
  "local_name": "viem",
  "alias": false,
  "peer_metadata": null
}
^2.33.3development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^19.1.0development
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^2.15.1development
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^19.1.0development
@0xsequence/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
0.0.0-20251120113955development
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
0.0.0-20251120113955development
@0xsequence/checkout
Environment
{
  "local_name": "@0xsequence/checkout",
  "alias": false,
  "peer_metadata": null
}
0.0.0-20251120113955development
@tanstack/react-query
Environment
{
  "local_name": "@tanstack/react-query",
  "alias": false,
  "peer_metadata": null
}
^5.74.11development
viem
Environment
{
  "local_name": "viem",
  "alias": false,
  "peer_metadata": null
}
^2.33.3peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
>= 17peer
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
>= 2.15.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.23peer
@0xsequence/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
0.0.0-20251120113955peer
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
0.0.0-20251120113955peer
@0xsequence/indexer
Environment
{
  "local_name": "@0xsequence/indexer",
  "alias": false,
  "peer_metadata": null
}
>=2.3.23peer
@0xsequence/network
Environment
{
  "local_name": "@0xsequence/network",
  "alias": false,
  "peer_metadata": null
}
>=2.3.23peer
@0xsequence/checkout
Environment
{
  "local_name": "@0xsequence/checkout",
  "alias": false,
  "peer_metadata": null
}
0.0.0-20251120113955peer
@0xsequence/metadata
Environment
{
  "local_name": "@0xsequence/metadata",
  "alias": false,
  "peer_metadata": null
}
>=2.3.23peer
@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": "c2e1b20d19df05ed504a06f7a0a0125c028d5347",
  "tarball": "https://registry.npmjs.org/@0xsequence/wallet-widget/-/wallet-widget-0.0.0-20251120113955.tgz",
  "fileCount": 519,
  "integrity": "sha512-cxa8O99qZKiJll34zJD7mlgpgl+5HT9BvIwsXlNi9uoJHhl7uzUQsVkfBjeOZ44JE1L/0V/7S+oLIA7U73U8BQ==",
  "signatures": [
    {
      "sig": "MEYCIQDl7/YOblX/YDipMg+L+GQ/dJf5hvW7EeoMDt99DbMNDwIhALL0E6d90+gWFREgYd8GtM82XNMtc7DvD5XgM5MhPFi/",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 619855
}

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:a67cf41e1fd1a894ade71eab329f4858a91da5e90bb523bd3477fdcb2eb27aa3

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 →