@rhinestone/deposit-modal 0.4.3 → 0.5.1

package/dist/styles.css

@@ -2336,6 +2336,10 @@
   background: var(--rs-background);
 }
 
+.rs-review-detail-icon--square {
+  border-radius: 2px;
+}
+
 .rs-review-detail-icon img {
   width: 100%;
   height: 100%;
@@ -5014,43 +5018,60 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 24px;
-  padding: 32px 0 24px;
+  flex: 1;
+  min-height: 326px;
+  gap: 34px;
+  padding: 0;
   text-align: center;
 }
 
 .rs-finalising-spinner {
-  display: inline-flex;
-  color: var(--color-blue10);
+  width: 80px;
+  height: 80px;
+  animation: rs-spin 1s linear infinite;
+  overflow: visible;
 }
 
-.rs-finalising-spinner .rs-spinner {
-  width: 56px;
-  height: 56px;
+.rs-finalising-spinner-track,
+.rs-finalising-spinner-head {
+  fill: none;
+  stroke-width: 4;
+  vector-effect: non-scaling-stroke;
+}
+
+.rs-finalising-spinner-track {
+  stroke: #bae6fd;
+}
+
+.rs-finalising-spinner-head {
+  stroke: #0ea5e9;
+  stroke-linecap: round;
+  stroke-dasharray: 54 214;
+  stroke-dashoffset: -8;
 }
 
 .rs-finalising-text {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 6px;
+  gap: 8px;
 }
 
 .rs-finalising-title {
-  font-size: 16px;
+  font-size: 20px;
   font-weight: 700;
-  line-height: 1.2;
+  line-height: 1.25;
   color: var(--rs-foreground);
   margin: 0;
 }
 
 .rs-finalising-subtitle {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 500;
-  line-height: 1.4;
+  line-height: 1.35;
   color: var(--rs-muted);
   margin: 0;
-  max-width: 280px;
+  max-width: 410px;
 }
 
 .rs-fiat-onramp-loading,
@@ -5279,55 +5300,76 @@
   margin: 0;
   display: flex;
   flex-direction: column;
-  flex-grow: 1;
+  gap: 8px;
 }
 
 .rs-swapped-tracker-step {
   position: relative;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
   gap: 12px;
-  padding: 16px 0;
+  min-height: 36px;
+  padding: 0;
+}
+
+.rs-swapped-tracker-step:last-child {
+  min-height: 17px;
 }
 
-/* Dashed vertical connector between adjacent step markers. */
-.rs-swapped-tracker-step + .rs-swapped-tracker-step::before {
+/* Dashed vertical connector below each marker. */
+.rs-swapped-tracker-step:not(:last-child)::after {
   content: "";
   position: absolute;
-  top: -14px;
-  right: 11px;
-  width: 2px;
-  height: 28px;
+  top: 20px;
+  right: 7.5px;
+  width: 1px;
+  height: 16px;
   background: repeating-linear-gradient(
     to bottom,
     #5f5f5f 0,
     #5f5f5f 3px,
     transparent 3px,
-    transparent 7px
+    transparent 6px
   );
 }
 
 .rs-swapped-tracker-step-label {
   font-size: 15px;
-  color: var(--rs-foreground);
+  line-height: 17px;
+  color: var(--rs-muted);
   flex-grow: 1;
 }
 
 .rs-swapped-tracker-step-marker {
-  width: 24px;
-  height: 24px;
+  position: relative;
+  width: 16px;
+  height: 16px;
   border-radius: 50%;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: transparent;
-  border: 1.5px solid #d4d4d8;
+  border: 0;
   color: transparent;
   transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
 }
 
+.rs-swapped-tracker-step-ring {
+  width: 16px;
+  height: 16px;
+  overflow: visible;
+}
+
+.rs-swapped-tracker-step-ring circle {
+  fill: none;
+  stroke: #5f5f5f;
+  stroke-width: 1.5;
+  stroke-linecap: round;
+  stroke-dasharray: 3 3;
+}
+
 .rs-swapped-tracker-step--active .rs-swapped-tracker-step-marker {
   border-color: transparent;
   border-width: 0;
@@ -5340,9 +5382,9 @@
 
 .rs-swapped-tracker-step--active .rs-swapped-tracker-step-marker .rs-spinner {
   display: block;
-  flex: 0 0 24px;
-  width: 24px;
-  height: 24px;
+  flex: 0 0 16px;
+  width: 16px;
+  height: 16px;
 }
 
 /* Satisfying scale-pop when a step ticks complete — the color transition
@@ -5351,13 +5393,14 @@
   animation: rs-tracker-step-complete 320ms cubic-bezier(0.34, 1.56, 0.64, 1);
   background: #18181b;
   border-color: #18181b;
+  border-style: solid;
   color: #fff;
 }
 
 .rs-swapped-tracker-step--complete .rs-swapped-tracker-step-marker svg {
-  width: 14px;
-  height: 14px;
-  stroke-width: 3;
+  width: 10px;
+  height: 10px;
+  stroke-width: 4;
 }
 
 /* Failed step marker — terminal processor failure or cancellation. Red in
@@ -5365,13 +5408,14 @@
 .rs-swapped-tracker-step--failed .rs-swapped-tracker-step-marker {
   background: #fb2c36;
   border-color: #fb2c36;
+  border-style: solid;
   color: #fff;
 }
 
 .rs-swapped-tracker-step--failed .rs-swapped-tracker-step-marker svg {
-  width: 14px;
-  height: 14px;
-  stroke-width: 3;
+  width: 10px;
+  height: 10px;
+  stroke-width: 4;
 }
 
 /* Terminal message block shown below the steps on failure / cancellation. */
@@ -5410,10 +5454,6 @@
   background: var(--rs-border);
 }
 
-.rs-modal[data-theme="dark"] .rs-swapped-tracker-step--pending .rs-swapped-tracker-step-marker {
-  border-color: #3f3f46;
-}
-
 .rs-modal[data-theme="dark"] .rs-swapped-tracker-step--active .rs-swapped-tracker-step-marker {
   border-color: transparent;
   color: #fafafa;

package/dist/{types-CUOqIIvZ.d.cts → types-_m8w8BYq.d.cts}

@@ -67,6 +67,20 @@ interface DappImportsConfig {
     polymarket?: boolean;
 }
 
+/**
+ * Consumer-supplied RPC URL overrides, scoped to a single modal instance (see
+ * {@link RpcUrlsProvider}). Threaded into every client the modal builds — EVM
+ * public clients (`public-client.ts`), the wallet adapter's transports
+ * (`reown.tsx`), and the Solana connection (`solana.ts`).
+ *
+ * Keyed by the same `number | "solana"` chain identifier the rest of the modal
+ * uses (see `core/constants.ts`), so a single `rpcUrls` prop covers every
+ * chain — EVM mainnets, Polygon (137, also feeds Polymarket reads), HyperEVM
+ * (999), and Solana.
+ */
+type ChainKey = number | "solana";
+type RpcUrlMap = Partial<Record<ChainKey, string>>;
+
 type Caip2ChainId = `eip155:${number}` | `solana:${string}`;
 type ChainId = number | "solana" | Caip2ChainId;
 interface DepositModalTheme {
@@ -205,7 +219,14 @@ interface DepositModalProps {
     outputTokenRules?: OutputTokenRule[];
     rejectUnmapped?: boolean;
     backendUrl?: string;
-    solanaRpcUrl?: string;
+    /**
+     * Per-chain RPC URL overrides, keyed by EVM chain id plus the literal
+     * `"solana"` key. Applied everywhere the modal reads chain state — EVM
+     * public clients, the connected wallet's transports (avoiding the
+     * rate-limited public defaults), Polygon/Polymarket reads, HyperEVM (999),
+     * and the Solana connection. Chains left unset use their default RPC.
+     */
+    rpcUrls?: RpcUrlMap;
     rhinestoneApiKey?: string;
     signerAddress?: Address;
     sessionChainIds?: number[];
@@ -272,6 +293,12 @@ interface WithdrawModalProps {
     closeOnOverlayClick?: boolean;
     allowedRoutes?: RouteConfig;
     backendUrl?: string;
+    /**
+     * Per-chain RPC URL overrides, keyed by EVM chain id plus the literal
+     * `"solana"` key. Applied to every chain read (EVM public clients and the
+     * connected wallet's transports). Chains left unset use their default RPC.
+     */
+    rpcUrls?: RpcUrlMap;
     rhinestoneApiKey?: string;
     signerAddress?: Address;
     sessionChainIds?: number[];
@@ -445,4 +472,4 @@ type WithdrawAnalyticsEvent = {
 };
 type ModalAnalyticsEvent = DepositAnalyticsEvent | WithdrawAnalyticsEvent;
 
-export type { AssetOption as A, ChainId as C, DappImportsConfig 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, DepositAnalyticsEvent as b, DepositCompleteEventData as c, DepositFailedEventData as d, DepositLifecycleEvent as e, DepositModalProps as f, DepositModalTheme as g, DepositModalUIConfig as h, DepositSubmittedEventData as i, OutputTokenRule as j, WithdrawCompleteEventData as k, WithdrawFailedEventData as l, WithdrawLifecycleEvent as m, WithdrawModalProps as n, WithdrawSubmittedEventData as o };
+export type { AssetOption as A, ChainId as C, DappImportsConfig 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, DepositAnalyticsEvent as b, DepositCompleteEventData as c, DepositFailedEventData as d, DepositLifecycleEvent as e, DepositModalProps as f, DepositModalTheme as g, DepositModalUIConfig as h, DepositSubmittedEventData as i, OutputTokenRule as j, RpcUrlMap as k, WithdrawCompleteEventData as l, WithdrawFailedEventData as m, WithdrawLifecycleEvent as n, WithdrawModalProps as o, WithdrawSubmittedEventData as p };

package/dist/{types-CUOqIIvZ.d.ts → types-_m8w8BYq.d.ts}

@@ -67,6 +67,20 @@ interface DappImportsConfig {
     polymarket?: boolean;
 }
 
+/**
+ * Consumer-supplied RPC URL overrides, scoped to a single modal instance (see
+ * {@link RpcUrlsProvider}). Threaded into every client the modal builds — EVM
+ * public clients (`public-client.ts`), the wallet adapter's transports
+ * (`reown.tsx`), and the Solana connection (`solana.ts`).
+ *
+ * Keyed by the same `number | "solana"` chain identifier the rest of the modal
+ * uses (see `core/constants.ts`), so a single `rpcUrls` prop covers every
+ * chain — EVM mainnets, Polygon (137, also feeds Polymarket reads), HyperEVM
+ * (999), and Solana.
+ */
+type ChainKey = number | "solana";
+type RpcUrlMap = Partial<Record<ChainKey, string>>;
+
 type Caip2ChainId = `eip155:${number}` | `solana:${string}`;
 type ChainId = number | "solana" | Caip2ChainId;
 interface DepositModalTheme {
@@ -205,7 +219,14 @@ interface DepositModalProps {
     outputTokenRules?: OutputTokenRule[];
     rejectUnmapped?: boolean;
     backendUrl?: string;
-    solanaRpcUrl?: string;
+    /**
+     * Per-chain RPC URL overrides, keyed by EVM chain id plus the literal
+     * `"solana"` key. Applied everywhere the modal reads chain state — EVM
+     * public clients, the connected wallet's transports (avoiding the
+     * rate-limited public defaults), Polygon/Polymarket reads, HyperEVM (999),
+     * and the Solana connection. Chains left unset use their default RPC.
+     */
+    rpcUrls?: RpcUrlMap;
     rhinestoneApiKey?: string;
     signerAddress?: Address;
     sessionChainIds?: number[];
@@ -272,6 +293,12 @@ interface WithdrawModalProps {
     closeOnOverlayClick?: boolean;
     allowedRoutes?: RouteConfig;
     backendUrl?: string;
+    /**
+     * Per-chain RPC URL overrides, keyed by EVM chain id plus the literal
+     * `"solana"` key. Applied to every chain read (EVM public clients and the
+     * connected wallet's transports). Chains left unset use their default RPC.
+     */
+    rpcUrls?: RpcUrlMap;
     rhinestoneApiKey?: string;
     signerAddress?: Address;
     sessionChainIds?: number[];
@@ -445,4 +472,4 @@ type WithdrawAnalyticsEvent = {
 };
 type ModalAnalyticsEvent = DepositAnalyticsEvent | WithdrawAnalyticsEvent;
 
-export type { AssetOption as A, ChainId as C, DappImportsConfig 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, DepositAnalyticsEvent as b, DepositCompleteEventData as c, DepositFailedEventData as d, DepositLifecycleEvent as e, DepositModalProps as f, DepositModalTheme as g, DepositModalUIConfig as h, DepositSubmittedEventData as i, OutputTokenRule as j, WithdrawCompleteEventData as k, WithdrawFailedEventData as l, WithdrawLifecycleEvent as m, WithdrawModalProps as n, WithdrawSubmittedEventData as o };
+export type { AssetOption as A, ChainId as C, DappImportsConfig 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, DepositAnalyticsEvent as b, DepositCompleteEventData as c, DepositFailedEventData as d, DepositLifecycleEvent as e, DepositModalProps as f, DepositModalTheme as g, DepositModalUIConfig as h, DepositSubmittedEventData as i, OutputTokenRule as j, RpcUrlMap as k, WithdrawCompleteEventData as l, WithdrawFailedEventData as m, WithdrawLifecycleEvent as n, WithdrawModalProps as o, WithdrawSubmittedEventData as p };

package/dist/withdraw.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3NZUMDSTcjs = require('./chunk-3NZUMDST.cjs');
-require('./chunk-EDUWRMQI.cjs');
+var _chunkV4XVFT25cjs = require('./chunk-V4XVFT25.cjs');
+require('./chunk-PDFLALUT.cjs');
 require('./chunk-UEKPBRBY.cjs');
 require('./chunk-ABVRVW3P.cjs');
 
 
-exports.WithdrawModal = _chunk3NZUMDSTcjs.WithdrawModal;
+exports.WithdrawModal = _chunkV4XVFT25cjs.WithdrawModal;

package/dist/withdraw.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { n as WithdrawModalProps } from './types-CUOqIIvZ.cjs';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, k as WithdrawCompleteEventData, l as WithdrawFailedEventData, o as WithdrawSubmittedEventData } from './types-CUOqIIvZ.cjs';
+import { o as WithdrawModalProps } from './types-_m8w8BYq.cjs';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, k as RpcUrlMap, S as SafeTransactionRequest, l as WithdrawCompleteEventData, m as WithdrawFailedEventData, p as WithdrawSubmittedEventData } from './types-_m8w8BYq.cjs';
 import 'viem';
 
 declare function WithdrawModal(props: WithdrawModalProps): react.JSX.Element;

package/dist/withdraw.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { n as WithdrawModalProps } from './types-CUOqIIvZ.js';
-export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, S as SafeTransactionRequest, k as WithdrawCompleteEventData, l as WithdrawFailedEventData, o as WithdrawSubmittedEventData } from './types-CUOqIIvZ.js';
+import { o as WithdrawModalProps } from './types-_m8w8BYq.js';
+export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, k as RpcUrlMap, S as SafeTransactionRequest, l as WithdrawCompleteEventData, m as WithdrawFailedEventData, p as WithdrawSubmittedEventData } from './types-_m8w8BYq.js';
 import 'viem';
 
 declare function WithdrawModal(props: WithdrawModalProps): react.JSX.Element;

package/dist/withdraw.mjs

@@ -1,7 +1,7 @@
 import {
   WithdrawModal
-} from "./chunk-IDJBMNV2.mjs";
-import "./chunk-7EQQD7B4.mjs";
+} from "./chunk-KYHPKMTK.mjs";
+import "./chunk-4YLVKTSU.mjs";
 import "./chunk-F7P4MV72.mjs";
 import "./chunk-WJX3TJFK.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {
@@ -111,13 +111,13 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.28.1",
-    "@reown/appkit": "1.8.20",
-    "@reown/appkit-adapter-solana": "1.8.20",
-    "@reown/appkit-adapter-wagmi": "1.8.20",
+    "@reown/appkit": "1.8.21",
+    "@reown/appkit-adapter-solana": "1.8.21",
+    "@reown/appkit-adapter-wagmi": "1.8.21",
     "@size-limit/preset-small-lib": "^12.0.0",
     "@solana/spl-token": "^0.4.14",
     "@solana/web3.js": "^1.98.4",
-    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-query": "^5.101.1",
     "@testing-library/jest-dom": "^6",
     "@testing-library/react": "^16",
     "@testing-library/user-event": "^14",
@@ -131,9 +131,9 @@
     "size-limit": "^12.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.5.0",
-    "viem": "^2.47.12",
+    "viem": "^2.53.1",
     "vitest": "^4.0.10",
-    "wagmi": "^3.4.2"
+    "wagmi": "^3.6.18"
   },
   "size-limit": [
     {
@@ -198,6 +198,7 @@
     "url": "git+https://github.com/rhinestonewtf/deposit-modal.git"
   },
   "overrides": {
-    "@reown/appkit-common": "1.8.20"
+    "@reown/appkit-common": "1.8.21",
+    "viem": "$viem"
   }
 }