PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

5.2.1

npm

@0xsequence/wallet-widget

Wallet UI for Sequence Web SDK

Published24 Apr 2025
Direct dependencies22
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 32

Native requirements
22 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.2.1runtime
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.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.1.6runtime
viem
Environment
{
  "local_name": "viem",
  "alias": false,
  "peer_metadata": null
}
^2.28.0development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^19.0.0development
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^2.15.0development
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/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
5.2.1development
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
5.2.1development
@0xsequence/checkout
Environment
{
  "local_name": "@0xsequence/checkout",
  "alias": false,
  "peer_metadata": null
}
5.2.1development
@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.28.0peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
>= 17peer
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
>= 2.15.0peer
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.7peer
@0xsequence/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
5.2.1peer
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
5.2.1peer
@0xsequence/indexer
Environment
{
  "local_name": "@0xsequence/indexer",
  "alias": false,
  "peer_metadata": null
}
>=2.3.7peer
@0xsequence/network
Environment
{
  "local_name": "@0xsequence/network",
  "alias": false,
  "peer_metadata": null
}
>=2.3.7peer
@0xsequence/checkout
Environment
{
  "local_name": "@0xsequence/checkout",
  "alias": false,
  "peer_metadata": null
}
5.2.1peer
@0xsequence/metadata
Environment
{
  "local_name": "@0xsequence/metadata",
  "alias": false,
  "peer_metadata": null
}
>=2.3.7peer
@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": "66ad0f255c71909e129fb2ed76f322f9b3e03c6f",
  "tarball": "https://registry.npmjs.org/@0xsequence/wallet-widget/-/wallet-widget-5.2.1.tgz",
  "fileCount": 980,
  "integrity": "sha512-mxPmTf3NwOct7pgq6FwzVLE9azPOftGA1jmJ8OmnWclfAvvBN/nRcDtd1PYOSvjfBzu3pHkbEgi2+NNM+u8Fmg==",
  "signatures": [
    {
      "sig": "MEUCIQCCpHvEndwNcXuwSfb2Dd8iPTb9hYAbeiTQwUp8dbtcOQIgCWVh7ByaXwBtmWkER1qVVswiKgQ9T8UZmsh08eQI7rE=",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 1282701
}

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

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 →