RepositoryCurrent collected state Current
Observed since 21 Oct, 11:25 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
5.0.7
npm@0xsequence/wallet-widget
Wallet UI for Sequence Web SDK
Published28 Mar 2025
Direct dependencies20
Transitive dependenciesNot calculated
README
Current package documentationSequence 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 observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 27
Native requirements20 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
dayjsEnvironment{
"local_name": "dayjs",
"alias": false,
"peer_metadata": null
} | ^1.11.11 | runtime |
motionEnvironment{
"local_name": "motion",
"alias": false,
"peer_metadata": null
} | ^12.3.1 | runtime |
fuse.jsEnvironment{
"local_name": "fuse.js",
"alias": false,
"peer_metadata": null
} | ^6.6.2 | runtime |
qrcode.reactEnvironment{
"local_name": "qrcode.react",
"alias": false,
"peer_metadata": null
} | ^4.0.1 | runtime |
@0xsequence/hooksEnvironment{
"local_name": "@0xsequence/hooks",
"alias": false,
"peer_metadata": null
} | 5.0.7 | runtime |
@radix-ui/react-popoverEnvironment{
"local_name": "@radix-ui/react-popover",
"alias": false,
"peer_metadata": null
} | ^1.0.7 | runtime |
react-copy-to-clipboardEnvironment{
"local_name": "react-copy-to-clipboard",
"alias": false,
"peer_metadata": null
} | ^5.1.0 | runtime |
@0xsequence/design-systemEnvironment{
"local_name": "@0xsequence/design-system",
"alias": false,
"peer_metadata": null
} | 2.0.12 | runtime |
viemEnvironment{
"local_name": "viem",
"alias": false,
"peer_metadata": null
} | ^2.23.10 | development |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^19.0.0 | development |
wagmiEnvironment{
"local_name": "wagmi",
"alias": false,
"peer_metadata": null
} | ^2.14.13 | development |
ethersEnvironment{
"local_name": "ethers",
"alias": false,
"peer_metadata": null
} | ^6.13.0 | development |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^19.0.0 | development |
@0xsequence/connectEnvironment{
"local_name": "@0xsequence/connect",
"alias": false,
"peer_metadata": null
} | 5.0.7 | development |
@tanstack/react-queryEnvironment{
"local_name": "@tanstack/react-query",
"alias": false,
"peer_metadata": null
} | ^5.62.0 | development |
@types/react-copy-to-clipboardEnvironment{
"local_name": "@types/react-copy-to-clipboard",
"alias": false,
"peer_metadata": null
} | ^5.0.7 | development |
viemEnvironment{
"local_name": "viem",
"alias": false,
"peer_metadata": null
} | >= 2.0.0 | peer |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | >= 17 | peer |
wagmiEnvironment{
"local_name": "wagmi",
"alias": false,
"peer_metadata": null
} | >= 2.14.13 | peer |
ethersEnvironment{
"local_name": "ethers",
"alias": false,
"peer_metadata": null
} | >= 6.13.0 | peer |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | >= 17 | peer |
@0xsequence/apiEnvironment{
"local_name": "@0xsequence/api",
"alias": false,
"peer_metadata": null
} | >= 2.2.13 | peer |
@0xsequence/connectEnvironment{
"local_name": "@0xsequence/connect",
"alias": false,
"peer_metadata": null
} | 5.0.7 | peer |
@0xsequence/indexerEnvironment{
"local_name": "@0xsequence/indexer",
"alias": false,
"peer_metadata": null
} | >= 2.2.13 | peer |
@0xsequence/networkEnvironment{
"local_name": "@0xsequence/network",
"alias": false,
"peer_metadata": null
} | >= 2.2.13 | peer |
@0xsequence/metadataEnvironment{
"local_name": "@0xsequence/metadata",
"alias": false,
"peer_metadata": null
} | >= 2.2.13 | peer |
@tanstack/react-queryEnvironment{
"local_name": "@tanstack/react-query",
"alias": false,
"peer_metadata": null
} | >= 5 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"shasum": "d50cd3fc5edac3344aeb3f5afb8355033a3420d2",
"tarball": "https://registry.npmjs.org/@0xsequence/wallet-widget/-/wallet-widget-5.0.7.tgz",
"fileCount": 588,
"integrity": "sha512-ZRMhqfgQEjL+AYEBoorvBZkoiGf0E5aolsVCqCUXj1SEeoPdsu3RtRaA+/h8/CAyJzpIBhA5prCrSuD7dyeWSQ==",
"signatures": [
{
"sig": "MEYCIQCkqEAuHv12KZK5P3tcu9P1xbw/3YgxyGHkyP3py2u+FAIhAIGScLPYcFabcKdqOqedsG8v1q+IsII6/vJyFAwQ118W",
"keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
}
],
"unpackedSize": 818103
}Repository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:8cb2b6d97f0559dee2fd0935552f0f059de676ab103ac5fd05e2fc8cd0b7f5aa