sodax-wallet-sdk-react-wallet-modal
Installation
SKILL.md
Wallet modal (wallet-sdk-react granular skill)
Granular skill for the headless multi-chain modal + connection-flow + batch hooks of @sodax/wallet-sdk-react v2 — render-agnostic, wallet-agnostic building blocks. Source-of-truth reference lives in the parent broad skill's knowledge tree; this file is the focused workflow only.
Step 1 — Clarify with user before coding
- New code or v1 → v2 port? New → § Integration. Port v1 → § Migration.
- Which primitive? Full modal state machine (
useWalletModal), modal-less inline flow (useConnectionFlow), chain/connection lists (useChainGroups/useConnectedChains), or bulk ops (useBatchConnect/useBatchDisconnect). - Need a render? These hooks are render-agnostic — you own the JSX (the hooks supply state + actions; you map them to your components).
Integration workflow (new v2 code)
../integration/knowledge/ai-rules.md— DO / DON'T (read first).../integration/knowledge/recipes/setup.md— prerequisite: mountSodaxWalletProvider, declare chain-type slots, wire React Query.../integration/knowledge/architecture.md— frozen config, EVM single-connection model, persist hydration gate.../integration/knowledge/recipes/multi-chain-modal.mdand../integration/knowledge/recipes/batch-operations.md.- Lookups →
../integration/knowledge/reference/hooks.md(modal / multi-chain section),connectors.md,wallet-brands.md.