Current collected state Current
Observed since 21 Oct, 11:26 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
@0xsequence/wallet-widget
Wallet UI for Sequence Web SDK
Embedded wallet allowing to display and send collectibles and coins.
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>
)
}
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>
}
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 */'
}
})
Download counts and popularity will appear here as the collector receives them.
| Package / target | Requirement | Relationship |
|---|---|---|
dayjsEnvironment{
"local_name": "dayjs",
"alias": false,
"peer_metadata": null
} | ^1.11.13 | runtime |
motionEnvironment{
"local_name": "motion",
"alias": false,
"peer_metadata": null
} | ^12.9.2 | runtime |
fuse.jsEnvironment{
"local_name": "fuse.js",
"alias": false,
"peer_metadata": null
} | ^7.1.0 | runtime |
0xtrailsEnvironment{
"local_name": "0xtrails",
"alias": false,
"peer_metadata": null
} | ^0.11.0 | runtime |
qrcode.reactEnvironment{
"local_name": "qrcode.react",
"alias": false,
"peer_metadata": null
} | ^4.2.0 | runtime |
@0xsequence/hooksEnvironment{
"local_name": "@0xsequence/hooks",
"alias": false,
"peer_metadata": null
} | 5.4.11 | runtime |
micro-observablesEnvironment{
"local_name": "micro-observables",
"alias": false,
"peer_metadata": null
} | 1.7.2 | runtime |
@radix-ui/react-popoverEnvironment{
"local_name": "@radix-ui/react-popover",
"alias": false,
"peer_metadata": null
} | ^1.1.11 | runtime |
@0xsequence/design-systemEnvironment{
"local_name": "@0xsequence/design-system",
"alias": false,
"peer_metadata": null
} | 2.1.11 | runtime |
viemEnvironment{
"local_name": "viem",
"alias": false,
"peer_metadata": null
} | ^2.44.4 | development |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^19.1.0 | development |
wagmiEnvironment{
"local_name": "wagmi",
"alias": false,
"peer_metadata": null
} | ^2.19.5 | development |
ethersEnvironment{
"local_name": "ethers",
"alias": false,
"peer_metadata": null
} | ^6.13.7 | development |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^19.1.0 | development |
@0xsequence/hooksEnvironment{
"local_name": "@0xsequence/hooks",
"alias": false,
"peer_metadata": null
} | 5.4.11 | development |
@0xsequence/connectEnvironment{
"local_name": "@0xsequence/connect",
"alias": false,
"peer_metadata": null
} | 5.4.11 | development |
@tanstack/react-queryEnvironment{
"local_name": "@tanstack/react-query",
"alias": false,
"peer_metadata": null
} | ^5.74.11 | development |
viemEnvironment{
"local_name": "viem",
"alias": false,
"peer_metadata": null
} | >= 2.44.0 | peer |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | >= 17 | peer |
wagmiEnvironment{
"local_name": "wagmi",
"alias": false,
"peer_metadata": null
} | >= 2.19.0 | 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.3.43 | peer |
@0xsequence/hooksEnvironment{
"local_name": "@0xsequence/hooks",
"alias": false,
"peer_metadata": null
} | 5.4.11 | peer |
@0xsequence/connectEnvironment{
"local_name": "@0xsequence/connect",
"alias": false,
"peer_metadata": null
} | 5.4.11 | peer |
@0xsequence/indexerEnvironment{
"local_name": "@0xsequence/indexer",
"alias": false,
"peer_metadata": null
} | >=2.3.43 | peer |
@0xsequence/networkEnvironment{
"local_name": "@0xsequence/network",
"alias": false,
"peer_metadata": null
} | >=2.3.43 | peer |
@tanstack/react-queryEnvironment{
"local_name": "@tanstack/react-query",
"alias": false,
"peer_metadata": null
} | >= 5 | peer |
Source distribution
{
"shasum": "7c9b7c08bb425b462df12fef50f711aa7fe953fa",
"tarball": "https://registry.npmjs.org/@0xsequence/wallet-widget/-/wallet-widget-5.4.11.tgz",
"fileCount": 1004,
"integrity": "sha512-TWX6c3xmbbVK83W9NT+1ugkfy0IfmJK26LAlyuSaMCDUpppkFFV4flyorZH/6hp6ny+0poANj3W68Kjbqic2OQ==",
"signatures": [
{
"sig": "MEUCIQD7Zy9clq3DnCduqSWHp8PqhhM0wpnBJv1tIZHKWO6BkwIgBbEmETNQ9TKxMeYeCkH6rpc7WjPgUbJjT5+ZJhPc3Po=",
"keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
}
],
"unpackedSize": 1208327
}Observed since 21 Oct, 11:26 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
package_version:8fb46a3013bf5b414fe3cba14cbbc29b8a3ef2a072970dcb44e169f90184ec54