@rhinestone/deposit-modal 0.2.5-alpha.0 → 0.3.0-alpha.0

package/dist/{types-D0NawmZ8.d.cts → types-DRou84ZM.d.cts}

@@ -1,5 +1,63 @@
-import { Address, WalletClient, PublicClient, Chain, Hex } from 'viem';
-import { S as SafeTransactionRequest } from './safe-CB7TvRCc.cjs';
+import { Address, Hex, WalletClient, PublicClient, Chain } from 'viem';
+
+interface SafeTransactionRequest {
+    chainId: number;
+    safeAddress: Address;
+    safeTxHash: Hex;
+    typedData: {
+        domain: {
+            chainId: number;
+            verifyingContract: Address;
+        };
+        types: typeof SAFE_TX_TYPES;
+        primaryType: "SafeTx";
+        message: {
+            to: Address;
+            value: bigint;
+            data: Hex;
+            operation: number;
+            safeTxGas: bigint;
+            baseGas: bigint;
+            gasPrice: bigint;
+            gasToken: Address;
+            refundReceiver: Address;
+            nonce: bigint;
+        };
+    };
+}
+declare const SAFE_TX_TYPES: {
+    readonly SafeTx: readonly [{
+        readonly name: "to";
+        readonly type: "address";
+    }, {
+        readonly name: "value";
+        readonly type: "uint256";
+    }, {
+        readonly name: "data";
+        readonly type: "bytes";
+    }, {
+        readonly name: "operation";
+        readonly type: "uint8";
+    }, {
+        readonly name: "safeTxGas";
+        readonly type: "uint256";
+    }, {
+        readonly name: "baseGas";
+        readonly type: "uint256";
+    }, {
+        readonly name: "gasPrice";
+        readonly type: "uint256";
+    }, {
+        readonly name: "gasToken";
+        readonly type: "address";
+    }, {
+        readonly name: "refundReceiver";
+        readonly type: "address";
+    }, {
+        readonly name: "nonce";
+        readonly type: "uint256";
+    }];
+};
 
 type Caip2ChainId = `eip155:${number}` | `solana:${string}`;
 type ChainId = number | "solana" | Caip2ChainId;
@@ -14,20 +72,21 @@ interface DepositModalTheme {
     backgroundColor?: string;
 }
 interface DepositModalUIConfig {
-    showLogo?: boolean;
-    showStepper?: boolean;
     showBackButton?: boolean;
     showHistoryButton?: boolean;
-    balance?: {
-        title: string;
-        amount?: string;
-    };
     maxDepositUsd?: number;
     minDepositUsd?: number;
-}
-interface DepositModalBranding {
-    logoUrl?: string;
-    title?: string;
+    /**
+     * When true the network/protocol fee is sponsored — the Review / Processing /
+     * Success / Failure screens render the fee line-through and surface a
+     * tooltip on the info icon explaining the sponsorship.
+     */
+    feeSponsored?: boolean;
+    /**
+     * Custom tooltip copy for the fee info icon. Defaults to a generic
+     * "Fees are sponsored" / "Fees apply" message based on `feeSponsored`.
+     */
+    feeTooltip?: string;
 }
 interface ConnectedEventData {
     address: Address;
@@ -35,15 +94,15 @@ interface ConnectedEventData {
 }
 interface DepositSubmittedEventData {
     txHash: string;
-    sourceChain: ChainId;
+    sourceChain: ChainId | "unknown";
     amount: string;
 }
 interface DepositCompleteEventData {
     txHash: string;
     destinationTxHash?: string;
     amount: string;
-    sourceChain: ChainId;
-    sourceToken: string;
+    sourceChain: ChainId | "unknown";
+    sourceToken?: string;
     targetChain: number;
     targetToken: string;
 }
@@ -112,20 +171,15 @@ interface DepositModalProps {
     waitForFinalTx?: boolean;
     reownAppId?: string;
     enableSolana?: boolean;
-    enablePolymarketMigration?: boolean;
     onRequestConnect?: () => void;
-    connectButtonLabel?: string;
     theme?: DepositModalTheme;
-    branding?: DepositModalBranding;
     uiConfig?: DepositModalUIConfig;
     allowedRoutes?: RouteConfig;
     className?: string;
     onReady?: () => void;
-    onConnected?: (data: ConnectedEventData) => void;
-    onDepositSubmitted?: (data: DepositSubmittedEventData) => void;
-    onDepositComplete?: (data: DepositCompleteEventData) => void;
-    onDepositFailed?: (data: DepositFailedEventData) => void;
-    onEvent?: (event: DepositEvent) => void;
+    /** Discriminated stream of deposit lifecycle transitions. */
+    onLifecycle?: (event: DepositLifecycleEvent) => void;
+    onEvent?: (event: DepositAnalyticsEvent) => void;
     onError?: (data: ErrorEventData) => void;
     debug?: boolean;
 }
@@ -156,17 +210,13 @@ interface WithdrawModalProps {
         signature: Hex;
     }>;
     onRequestConnect?: () => void;
-    connectButtonLabel?: string;
     theme?: DepositModalTheme;
-    branding?: DepositModalBranding;
     uiConfig?: DepositModalUIConfig;
     className?: string;
     onReady?: () => void;
-    onConnected?: (data: ConnectedEventData) => void;
-    onWithdrawSubmitted?: (data: WithdrawSubmittedEventData) => void;
-    onWithdrawComplete?: (data: WithdrawCompleteEventData) => void;
-    onWithdrawFailed?: (data: WithdrawFailedEventData) => void;
-    onEvent?: (event: WithdrawEvent) => void;
+    /** Discriminated stream of withdraw lifecycle transitions. */
+    onLifecycle?: (event: WithdrawLifecycleEvent) => void;
+    onEvent?: (event: WithdrawAnalyticsEvent) => void;
     onError?: (data: ErrorEventData) => void;
     debug?: boolean;
 }
@@ -179,12 +229,6 @@ interface AssetOption {
     decimals: number;
     balance?: string;
     balanceUsd?: number;
-    source?: "wallet" | "polymarket";
-    sourceLabel?: string;
-    balanceAddress?: Address;
-    depositToken?: Address;
-    reviewLabel?: string;
-    reviewHelperText?: string;
 }
 interface OrderBookSwapAction {
     type: "orderbook-swap";
@@ -192,7 +236,70 @@ interface OrderBookSwapAction {
     outputToken: Address;
 }
 type PostBridgeAction = OrderBookSwapAction;
-type DepositEvent = {
+/**
+ * Discriminated union covering every deposit flow state transition the
+ * consumer can observe. Consumers handle additions in a single switch; the
+ * modal can add new event variants without changing the prop surface.
+ */
+type DepositLifecycleEvent = {
+    type: "connected";
+    address: Address;
+    smartAccount: Address;
+} | {
+    type: "submitted";
+    txHash: string;
+    sourceChain: ChainId | "unknown";
+    amount: string;
+} | {
+    type: "complete";
+    txHash: string;
+    destinationTxHash?: string;
+    amount: string;
+    sourceChain: ChainId | "unknown";
+    sourceToken?: string;
+    targetChain: number;
+    targetToken: string;
+} | {
+    type: "failed";
+    txHash: string;
+    error?: string;
+} | {
+    type: "balance-changed";
+    totalUsd: number;
+} | {
+    type: "smart-account-changed";
+    evm: Address | null;
+    solana: string | null;
+};
+type WithdrawLifecycleEvent = {
+    type: "connected";
+    address: Address;
+    smartAccount: Address;
+} | {
+    type: "submitted";
+    txHash: Hex;
+    sourceChain: number;
+    amount: string;
+    safeAddress: Address;
+} | {
+    type: "complete";
+    txHash: Hex;
+    destinationTxHash?: Hex;
+    amount: string;
+    sourceChain: number;
+    sourceToken: Address;
+    targetChain: number;
+    targetToken: Address;
+} | {
+    type: "failed";
+    txHash: Hex;
+    error?: string;
+};
+/**
+ * Telemetry events fired when screens open or CTAs are clicked.
+ * Distinct from {@link DepositLifecycleEvent}, which tracks transaction state.
+ */
+type DepositAnalyticsEvent = {
     type: "deposit_modal_connected_wallet_select_source_open";
     total_balance_in_external_wallet: number | null;
     pred_balance: number | null;
@@ -226,7 +333,7 @@ type DepositEvent = {
     pred_balance: number | null;
     cta_name: "continue" | "25%" | "50%" | "75%" | "Max";
 };
-type WithdrawEvent = {
+type WithdrawAnalyticsEvent = {
     type: "withdraw_modal_select_amount_open";
     pred_balance: number | null;
     default_token: string;
@@ -239,6 +346,6 @@ type WithdrawEvent = {
     amount: string;
     cta_name: "withdraw";
 };
-type ModalEvent = DepositEvent | WithdrawEvent;
+type ModalAnalyticsEvent = DepositAnalyticsEvent | WithdrawAnalyticsEvent;
 
-export type { AssetOption as A, ChainId as C, DepositCompleteEventData as D, ErrorEventData as E, ModalEvent as M, OrderBookSwapAction as O, PostBridgeAction as P, RouteConfig as R, WithdrawCompleteEventData as W, ConnectedEventData as a, DepositEvent as b, DepositFailedEventData as c, DepositModalBranding as d, DepositModalProps as e, DepositModalTheme as f, DepositModalUIConfig as g, DepositSubmittedEventData as h, OutputTokenRule as i, WithdrawEvent as j, WithdrawFailedEventData as k, WithdrawModalProps as l, WithdrawSubmittedEventData as m };
+export type { AssetOption as A, ChainId as C, DepositAnalyticsEvent as D, ErrorEventData as E, ModalAnalyticsEvent as M, OrderBookSwapAction as O, PostBridgeAction as P, RouteConfig as R, SafeTransactionRequest as S, WithdrawAnalyticsEvent as W, ConnectedEventData as a, DepositCompleteEventData as b, DepositFailedEventData as c, DepositLifecycleEvent as d, DepositModalProps as e, DepositModalTheme as f, DepositModalUIConfig as g, DepositSubmittedEventData as h, OutputTokenRule as i, WithdrawCompleteEventData as j, WithdrawFailedEventData as k, WithdrawLifecycleEvent as l, WithdrawModalProps as m, WithdrawSubmittedEventData as n };

package/dist/{types-CeFbJ-MW.d.ts → types-DRou84ZM.d.ts}

@@ -1,5 +1,63 @@
-import { Address, WalletClient, PublicClient, Chain, Hex } from 'viem';
-import { S as SafeTransactionRequest } from './safe-CB7TvRCc.js';
+import { Address, Hex, WalletClient, PublicClient, Chain } from 'viem';
+
+interface SafeTransactionRequest {
+    chainId: number;
+    safeAddress: Address;
+    safeTxHash: Hex;
+    typedData: {
+        domain: {
+            chainId: number;
+            verifyingContract: Address;
+        };
+        types: typeof SAFE_TX_TYPES;
+        primaryType: "SafeTx";
+        message: {
+            to: Address;
+            value: bigint;
+            data: Hex;
+            operation: number;
+            safeTxGas: bigint;
+            baseGas: bigint;
+            gasPrice: bigint;
+            gasToken: Address;
+            refundReceiver: Address;
+            nonce: bigint;
+        };
+    };
+}
+declare const SAFE_TX_TYPES: {
+    readonly SafeTx: readonly [{
+        readonly name: "to";
+        readonly type: "address";
+    }, {
+        readonly name: "value";
+        readonly type: "uint256";
+    }, {
+        readonly name: "data";
+        readonly type: "bytes";
+    }, {
+        readonly name: "operation";
+        readonly type: "uint8";
+    }, {
+        readonly name: "safeTxGas";
+        readonly type: "uint256";
+    }, {
+        readonly name: "baseGas";
+        readonly type: "uint256";
+    }, {
+        readonly name: "gasPrice";
+        readonly type: "uint256";
+    }, {
+        readonly name: "gasToken";
+        readonly type: "address";
+    }, {
+        readonly name: "refundReceiver";
+        readonly type: "address";
+    }, {
+        readonly name: "nonce";
+        readonly type: "uint256";
+    }];
+};
 
 type Caip2ChainId = `eip155:${number}` | `solana:${string}`;
 type ChainId = number | "solana" | Caip2ChainId;
@@ -14,20 +72,21 @@ interface DepositModalTheme {
     backgroundColor?: string;
 }
 interface DepositModalUIConfig {
-    showLogo?: boolean;
-    showStepper?: boolean;
     showBackButton?: boolean;
     showHistoryButton?: boolean;
-    balance?: {
-        title: string;
-        amount?: string;
-    };
     maxDepositUsd?: number;
     minDepositUsd?: number;
-}
-interface DepositModalBranding {
-    logoUrl?: string;
-    title?: string;
+    /**
+     * When true the network/protocol fee is sponsored — the Review / Processing /
+     * Success / Failure screens render the fee line-through and surface a
+     * tooltip on the info icon explaining the sponsorship.
+     */
+    feeSponsored?: boolean;
+    /**
+     * Custom tooltip copy for the fee info icon. Defaults to a generic
+     * "Fees are sponsored" / "Fees apply" message based on `feeSponsored`.
+     */
+    feeTooltip?: string;
 }
 interface ConnectedEventData {
     address: Address;
@@ -35,15 +94,15 @@ interface ConnectedEventData {
 }
 interface DepositSubmittedEventData {
     txHash: string;
-    sourceChain: ChainId;
+    sourceChain: ChainId | "unknown";
     amount: string;
 }
 interface DepositCompleteEventData {
     txHash: string;
     destinationTxHash?: string;
     amount: string;
-    sourceChain: ChainId;
-    sourceToken: string;
+    sourceChain: ChainId | "unknown";
+    sourceToken?: string;
     targetChain: number;
     targetToken: string;
 }
@@ -112,20 +171,15 @@ interface DepositModalProps {
     waitForFinalTx?: boolean;
     reownAppId?: string;
     enableSolana?: boolean;
-    enablePolymarketMigration?: boolean;
     onRequestConnect?: () => void;
-    connectButtonLabel?: string;
     theme?: DepositModalTheme;
-    branding?: DepositModalBranding;
     uiConfig?: DepositModalUIConfig;
     allowedRoutes?: RouteConfig;
     className?: string;
     onReady?: () => void;
-    onConnected?: (data: ConnectedEventData) => void;
-    onDepositSubmitted?: (data: DepositSubmittedEventData) => void;
-    onDepositComplete?: (data: DepositCompleteEventData) => void;
-    onDepositFailed?: (data: DepositFailedEventData) => void;
-    onEvent?: (event: DepositEvent) => void;
+    /** Discriminated stream of deposit lifecycle transitions. */
+    onLifecycle?: (event: DepositLifecycleEvent) => void;
+    onEvent?: (event: DepositAnalyticsEvent) => void;
     onError?: (data: ErrorEventData) => void;
     debug?: boolean;
 }
@@ -156,17 +210,13 @@ interface WithdrawModalProps {
         signature: Hex;
     }>;
     onRequestConnect?: () => void;
-    connectButtonLabel?: string;
     theme?: DepositModalTheme;
-    branding?: DepositModalBranding;
     uiConfig?: DepositModalUIConfig;
     className?: string;
     onReady?: () => void;
-    onConnected?: (data: ConnectedEventData) => void;
-    onWithdrawSubmitted?: (data: WithdrawSubmittedEventData) => void;
-    onWithdrawComplete?: (data: WithdrawCompleteEventData) => void;
-    onWithdrawFailed?: (data: WithdrawFailedEventData) => void;
-    onEvent?: (event: WithdrawEvent) => void;
+    /** Discriminated stream of withdraw lifecycle transitions. */
+    onLifecycle?: (event: WithdrawLifecycleEvent) => void;
+    onEvent?: (event: WithdrawAnalyticsEvent) => void;
     onError?: (data: ErrorEventData) => void;
     debug?: boolean;
 }
@@ -179,12 +229,6 @@ interface AssetOption {
     decimals: number;
     balance?: string;
     balanceUsd?: number;
-    source?: "wallet" | "polymarket";
-    sourceLabel?: string;
-    balanceAddress?: Address;
-    depositToken?: Address;
-    reviewLabel?: string;
-    reviewHelperText?: string;
 }
 interface OrderBookSwapAction {
     type: "orderbook-swap";
@@ -192,7 +236,70 @@ interface OrderBookSwapAction {
     outputToken: Address;
 }
 type PostBridgeAction = OrderBookSwapAction;
-type DepositEvent = {
+/**
+ * Discriminated union covering every deposit flow state transition the
+ * consumer can observe. Consumers handle additions in a single switch; the
+ * modal can add new event variants without changing the prop surface.
+ */
+type DepositLifecycleEvent = {
+    type: "connected";
+    address: Address;
+    smartAccount: Address;
+} | {
+    type: "submitted";
+    txHash: string;
+    sourceChain: ChainId | "unknown";
+    amount: string;
+} | {
+    type: "complete";
+    txHash: string;
+    destinationTxHash?: string;
+    amount: string;
+    sourceChain: ChainId | "unknown";
+    sourceToken?: string;
+    targetChain: number;
+    targetToken: string;
+} | {
+    type: "failed";
+    txHash: string;
+    error?: string;
+} | {
+    type: "balance-changed";
+    totalUsd: number;
+} | {
+    type: "smart-account-changed";
+    evm: Address | null;
+    solana: string | null;
+};
+type WithdrawLifecycleEvent = {
+    type: "connected";
+    address: Address;
+    smartAccount: Address;
+} | {
+    type: "submitted";
+    txHash: Hex;
+    sourceChain: number;
+    amount: string;
+    safeAddress: Address;
+} | {
+    type: "complete";
+    txHash: Hex;
+    destinationTxHash?: Hex;
+    amount: string;
+    sourceChain: number;
+    sourceToken: Address;
+    targetChain: number;
+    targetToken: Address;
+} | {
+    type: "failed";
+    txHash: Hex;
+    error?: string;
+};
+/**
+ * Telemetry events fired when screens open or CTAs are clicked.
+ * Distinct from {@link DepositLifecycleEvent}, which tracks transaction state.
+ */
+type DepositAnalyticsEvent = {
     type: "deposit_modal_connected_wallet_select_source_open";
     total_balance_in_external_wallet: number | null;
     pred_balance: number | null;
@@ -226,7 +333,7 @@ type DepositEvent = {
     pred_balance: number | null;
     cta_name: "continue" | "25%" | "50%" | "75%" | "Max";
 };
-type WithdrawEvent = {
+type WithdrawAnalyticsEvent = {
     type: "withdraw_modal_select_amount_open";
     pred_balance: number | null;
     default_token: string;
@@ -239,6 +346,6 @@ type WithdrawEvent = {
     amount: string;
     cta_name: "withdraw";
 };
-type ModalEvent = DepositEvent | WithdrawEvent;
+type ModalAnalyticsEvent = DepositAnalyticsEvent | WithdrawAnalyticsEvent;
 
-export type { AssetOption as A, ChainId as C, DepositCompleteEventData as D, ErrorEventData as E, ModalEvent as M, OrderBookSwapAction as O, PostBridgeAction as P, RouteConfig as R, WithdrawCompleteEventData as W, ConnectedEventData as a, DepositEvent as b, DepositFailedEventData as c, DepositModalBranding as d, DepositModalProps as e, DepositModalTheme as f, DepositModalUIConfig as g, DepositSubmittedEventData as h, OutputTokenRule as i, WithdrawEvent as j, WithdrawFailedEventData as k, WithdrawModalProps as l, WithdrawSubmittedEventData as m };
+export type { AssetOption as A, ChainId as C, DepositAnalyticsEvent as D, ErrorEventData as E, ModalAnalyticsEvent as M, OrderBookSwapAction as O, PostBridgeAction as P, RouteConfig as R, SafeTransactionRequest as S, WithdrawAnalyticsEvent as W, ConnectedEventData as a, DepositCompleteEventData as b, DepositFailedEventData as c, DepositLifecycleEvent as d, DepositModalProps as e, DepositModalTheme as f, DepositModalUIConfig as g, DepositSubmittedEventData as h, OutputTokenRule as i, WithdrawCompleteEventData as j, WithdrawFailedEventData as k, WithdrawLifecycleEvent as l, WithdrawModalProps as m, WithdrawSubmittedEventData as n };

package/dist/withdraw.cjs

@@ -1,9 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk4S262VLPcjs = require('./chunk-4S262VLP.cjs');
-require('./chunk-KE6CJVOV.cjs');
-require('./chunk-YKGL66EF.cjs');
-require('./chunk-R2HP743T.cjs');
+var _chunkZ2SIC2THcjs = require('./chunk-Z2SIC2TH.cjs');
+require('./chunk-Y3RA3YGA.cjs');
+require('./chunk-XCAF6B3D.cjs');
 
 
-exports.WithdrawModal = _chunk4S262VLPcjs.WithdrawModal;
+exports.WithdrawModal = _chunkZ2SIC2THcjs.WithdrawModal;

package/dist/withdraw.d.cts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { l as WithdrawModalProps } from './types-D0NawmZ8.cjs';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, k as WithdrawFailedEventData, m as WithdrawSubmittedEventData } from './types-D0NawmZ8.cjs';
-export { S as SafeTransactionRequest } from './safe-CB7TvRCc.cjs';
+import { m as WithdrawModalProps } from './types-DRou84ZM.cjs';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, j as WithdrawCompleteEventData, k as WithdrawFailedEventData, n as WithdrawSubmittedEventData } from './types-DRou84ZM.cjs';
 import 'viem';
 
 declare function WithdrawModal(props: WithdrawModalProps): react_jsx_runtime.JSX.Element;

package/dist/withdraw.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { l as WithdrawModalProps } from './types-CeFbJ-MW.js';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, k as WithdrawFailedEventData, m as WithdrawSubmittedEventData } from './types-CeFbJ-MW.js';
-export { S as SafeTransactionRequest } from './safe-CB7TvRCc.js';
+import { m as WithdrawModalProps } from './types-DRou84ZM.js';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, j as WithdrawCompleteEventData, k as WithdrawFailedEventData, n as WithdrawSubmittedEventData } from './types-DRou84ZM.js';
 import 'viem';
 
 declare function WithdrawModal(props: WithdrawModalProps): react_jsx_runtime.JSX.Element;

package/dist/withdraw.mjs

@@ -1,9 +1,8 @@
 import {
   WithdrawModal
-} from "./chunk-WA4RA4HB.mjs";
-import "./chunk-DUGDAMAF.mjs";
-import "./chunk-J2SWZSXL.mjs";
-import "./chunk-WHW3ZMOT.mjs";
+} from "./chunk-FKPTIHU7.mjs";
+import "./chunk-UIHAYD7J.mjs";
+import "./chunk-EEHUOFIW.mjs";
 export {
   WithdrawModal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.2.5-alpha.0",
+  "version": "0.3.0-alpha.0",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {
@@ -26,16 +26,6 @@
       "import": "./dist/withdraw.mjs",
       "require": "./dist/withdraw.cjs"
     },
-    "./reown": {
-      "types": "./dist/reown.d.ts",
-      "import": "./dist/reown.mjs",
-      "require": "./dist/reown.cjs"
-    },
-    "./safe": {
-      "types": "./dist/safe.d.ts",
-      "import": "./dist/safe.mjs",
-      "require": "./dist/safe.cjs"
-    },
     "./constants": {
       "types": "./dist/constants.d.ts",
       "import": "./dist/constants.mjs",
@@ -58,6 +48,9 @@
     "build": "tsup && bun run scripts/postbuild.ts",
     "clean": "rm -rf dist",
     "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
     "prepublishOnly": "bun run clean && bun run build && bun run typecheck"
   },
   "peerDependencies": {
@@ -84,7 +77,9 @@
     }
   },
   "dependencies": {
-    "react-qrcode-logo": "^4.0.0"
+    "lucide-react": "^1.14.0",
+    "react-qrcode-logo": "^4.0.0",
+    "zustand": "^5"
   },
   "devDependencies": {
     "@reown/appkit": "1.8.19",
@@ -94,15 +89,21 @@
     "@solana/spl-token": "^0.4.14",
     "@solana/web3.js": "^1.98.4",
     "@tanstack/react-query": "^5.0.0",
+    "@testing-library/jest-dom": "^6",
+    "@testing-library/react": "^16",
+    "@testing-library/user-event": "^14",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@vitest/coverage-v8": "^4.0.10",
     "bun-types": "^1.3.8",
+    "jsdom": "^25",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "size-limit": "^12.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.5.0",
     "viem": "^2.47.12",
+    "vitest": "^4.0.10",
     "wagmi": "^3.4.2"
   },
   "size-limit": [