npm - @rhinestone/deposit-modal - Versions diffs - 0.1.13 → 0.1.15 - Mend

@rhinestone/deposit-modal 0.1.13 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.mjs CHANGED Viewed

@@ -219,8 +219,89 @@ var init_Button = __esm({
   }
 });
-// src/components/steps/ConnectStep.tsx
+// src/components/ui/Icons.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function WalletIcon() {
+  return /* @__PURE__ */ jsxs3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ jsx4(
+      "rect",
+      {
+        x: "3",
+        y: "6",
+        width: "18",
+        height: "13",
+        rx: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      "path",
+      {
+        d: "M16 12.5a1 1 0 100-2 1 1 0 000 2z",
+        fill: "currentColor",
+        stroke: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx4("path", { d: "M3 10h18", strokeLinecap: "round" })
+  ] });
+}
+function ExternalLinkIcon() {
+  return /* @__PURE__ */ jsxs3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ jsx4(
+      "path",
+      {
+        d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx4("path", { d: "M15 3h6v6", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx4("path", { d: "M10 14L21 3", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function TransferIcon() {
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx4(
+    "path",
+    {
+      d: "M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-9L21 12m0 0l-4.5 4.5M21 12H7.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx4(
+    "path",
+    {
+      d: "M5 13l4 4L19 7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx4(
+    "path",
+    {
+      d: "M9 5l7 7-7 7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+var init_Icons = __esm({
+  "src/components/ui/Icons.tsx"() {
+    "use strict";
+  }
+});
+// src/components/steps/ConnectStep.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function rowIcon(kind) {
+  if (kind === "connected") return /* @__PURE__ */ jsx5(WalletIcon, {});
+  return /* @__PURE__ */ jsx5(ExternalLinkIcon, {});
+}
 function ConnectStep({
   walletOptions,
   selectedAddress,
@@ -236,52 +317,70 @@ function ConnectStep({
   if (hasWalletOptions) {
     const hasExternalWallet = walletOptions?.some((option) => option.kind === "external") ?? false;
     const showConnectDifferentWalletOption = Boolean(onConnect) && !hasExternalWallet;
-    return /* @__PURE__ */ jsxs3("div", { className: "rs-step", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "rs-connect-wallet-list", children: [
+    return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-list", children: [
           walletOptions?.map((option) => {
             const isSelected = option.address.toLowerCase() === (selectedAddress ?? "").toLowerCase();
             const shortAddress = `${option.address.slice(0, 6)}...${option.address.slice(-4)}`;
-            return /* @__PURE__ */ jsx4(
+            return /* @__PURE__ */ jsxs4(
               "button",
               {
                 type: "button",
                 className: `rs-connect-wallet-row ${isSelected ? "rs-connect-wallet-row--selected" : ""}`,
                 onClick: () => onSelectAddress?.(option.address),
-                children: /* @__PURE__ */ jsxs3("div", { className: "rs-connect-wallet-meta", children: [
-                  /* @__PURE__ */ jsx4("div", { className: "rs-connect-wallet-label", children: option.label }),
-                  /* @__PURE__ */ jsx4("div", { className: "rs-connect-wallet-address", children: shortAddress })
-                ] })
+                children: [
+                  /* @__PURE__ */ jsx5(
+                    "div",
+                    {
+                      className: `rs-connect-wallet-icon ${isSelected ? "rs-connect-wallet-icon--selected" : ""}`,
+                      children: rowIcon(option.kind)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
+                    /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: option.label }),
+                    /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: shortAddress })
+                  ] }),
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: isSelected ? /* @__PURE__ */ jsx5(CheckIcon, {}) : /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+                ]
               },
               `${option.label}-${option.address}`
             );
           }),
-          showConnectDifferentWalletOption && /* @__PURE__ */ jsx4(
+          showConnectDifferentWalletOption && /* @__PURE__ */ jsxs4(
             "button",
             {
               type: "button",
               className: "rs-connect-wallet-row rs-connect-wallet-row--action",
               onClick: onConnect,
-              children: /* @__PURE__ */ jsxs3("div", { className: "rs-connect-wallet-meta", children: [
-                /* @__PURE__ */ jsx4("div", { className: "rs-connect-wallet-label", children: "External Wallet" }),
-                /* @__PURE__ */ jsx4("div", { className: "rs-connect-wallet-address", children: "Connect different wallet" })
-              ] })
+              children: [
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(ExternalLinkIcon, {}) }),
+                /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "External Wallet" }),
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Connect different wallet" })
+                ] }),
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+              ]
             }
           ),
-          onSelectTransferCrypto && /* @__PURE__ */ jsx4(
+          onSelectTransferCrypto && /* @__PURE__ */ jsxs4(
             "button",
             {
               type: "button",
               className: "rs-connect-wallet-row rs-connect-wallet-row--action",
               onClick: onSelectTransferCrypto,
-              children: /* @__PURE__ */ jsxs3("div", { className: "rs-connect-wallet-meta", children: [
-                /* @__PURE__ */ jsx4("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
-                /* @__PURE__ */ jsx4("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
-              ] })
+              children: [
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(TransferIcon, {}) }),
+                /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
+                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Deposit via QR code" })
+                ] }),
+                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+              ]
             }
           )
         ] }),
-        onConnect && walletOptions?.some((option) => option.kind === "external") && /* @__PURE__ */ jsx4(
+        onConnect && walletOptions?.some((option) => option.kind === "external") && /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -291,7 +390,7 @@ function ConnectStep({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx4("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ jsx5(
         Button,
         {
           onClick: onContinue,
@@ -304,12 +403,12 @@ function ConnectStep({
     ] });
   }
   const handleConnect = onConnect ?? onRequestConnect;
-  return /* @__PURE__ */ jsxs3("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx4("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ jsxs3("div", { className: "rs-connect-empty", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx4("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--outer" }),
-        /* @__PURE__ */ jsx4("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--inner" }),
-        /* @__PURE__ */ jsx4("div", { className: "rs-connect-empty-core", children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx5("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--outer" }),
+        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--inner" }),
+        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-core", children: /* @__PURE__ */ jsxs4(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -317,7 +416,7 @@ function ConnectStep({
             stroke: "currentColor",
             strokeWidth: "1.6",
             children: [
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -325,7 +424,7 @@ function ConnectStep({
                   d: "M4 8.25A2.25 2.25 0 016.25 6h11.5A2.25 2.25 0 0120 8.25v7.5A2.25 2.25 0 0117.75 18H6.25A2.25 2.25 0 014 15.75v-7.5z"
                 }
               ),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -333,18 +432,18 @@ function ConnectStep({
                   d: "M20 10.5h-3.75a2.25 2.25 0 100 4.5H20"
                 }
               ),
-              /* @__PURE__ */ jsx4("circle", { cx: "16.25", cy: "12.75", r: "0.85", fill: "currentColor" })
+              /* @__PURE__ */ jsx5("circle", { cx: "16.25", cy: "12.75", r: "0.85", fill: "currentColor" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx4("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--left" }),
-        /* @__PURE__ */ jsx4("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--right" })
+        /* @__PURE__ */ jsx5("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--left" }),
+        /* @__PURE__ */ jsx5("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--right" })
       ] }),
-      /* @__PURE__ */ jsx4("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
-      /* @__PURE__ */ jsx4("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
+      /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
+      /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
     ] }) }),
-    /* @__PURE__ */ jsxs3("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: [
-      /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsxs4("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: [
+      /* @__PURE__ */ jsx5(
         Button,
         {
           onClick: handleConnect,
@@ -354,7 +453,7 @@ function ConnectStep({
           children: connectButtonLabel
         }
       ),
-      onSelectTransferCrypto && /* @__PURE__ */ jsx4(
+      onSelectTransferCrypto && /* @__PURE__ */ jsx5(
         "button",
         {
           type: "button",
@@ -370,6 +469,7 @@ var init_ConnectStep = __esm({
   "src/components/steps/ConnectStep.tsx"() {
     "use strict";
     init_Button();
+    init_Icons();
     ConnectStep.displayName = "ConnectStep";
   }
 });
@@ -873,7 +973,7 @@ var init_session_owner = __esm({
 // src/components/steps/SetupStep.tsx
 import { useState, useEffect as useEffect2, useRef as useRef2, useCallback as useCallback2 } from "react";
 import { walletClientToAccount } from "@rhinestone/sdk";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 async function resolveSessionOwner(eoaAddress) {
   const localOwner = loadSessionOwnerFromStorage(eoaAddress);
   if (localOwner) {
@@ -1013,24 +1113,24 @@ function SetupStep({
   };
   const isLoading = state.type === "idle" || state.type === "checking" || state.type === "creating-account" || state.type === "signing-session" || state.type === "registering";
   const isError = state.type === "error";
-  return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "rs-loading-state", children: [
-      isLoading && /* @__PURE__ */ jsxs4(Fragment, { children: [
-        /* @__PURE__ */ jsx5(Spinner, { className: "rs-spinner--lg rs-text-accent" }),
-        /* @__PURE__ */ jsxs4("div", { className: "rs-loading-text", children: [
-          /* @__PURE__ */ jsx5("div", { className: "rs-loading-title", children: renderStateMessage() }),
-          /* @__PURE__ */ jsx5("div", { className: "rs-loading-subtitle", children: "This may take a moment" })
+  return /* @__PURE__ */ jsxs5("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "rs-loading-state", children: [
+      isLoading && /* @__PURE__ */ jsxs5(Fragment, { children: [
+        /* @__PURE__ */ jsx6(Spinner, { className: "rs-spinner--lg rs-text-accent" }),
+        /* @__PURE__ */ jsxs5("div", { className: "rs-loading-text", children: [
+          /* @__PURE__ */ jsx6("div", { className: "rs-loading-title", children: renderStateMessage() }),
+          /* @__PURE__ */ jsx6("div", { className: "rs-loading-subtitle", children: "This may take a moment" })
         ] })
       ] }),
-      isError && /* @__PURE__ */ jsxs4(Fragment, { children: [
-        /* @__PURE__ */ jsx5("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx5(
+      isError && /* @__PURE__ */ jsxs5(Fragment, { children: [
+        /* @__PURE__ */ jsx6("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx6(
           "svg",
           {
             viewBox: "0 0 24 24",
             fill: "none",
             stroke: "currentColor",
             strokeWidth: "2",
-            children: /* @__PURE__ */ jsx5(
+            children: /* @__PURE__ */ jsx6(
               "path",
               {
                 strokeLinecap: "round",
@@ -1040,9 +1140,9 @@ function SetupStep({
             )
           }
         ) }),
-        /* @__PURE__ */ jsxs4("div", { className: "rs-loading-text", children: [
-          /* @__PURE__ */ jsx5("div", { className: "rs-loading-title rs-text-error", children: "Setup failed" }),
-          /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsxs5("div", { className: "rs-loading-text", children: [
+          /* @__PURE__ */ jsx6("div", { className: "rs-loading-title rs-text-error", children: "Setup failed" }),
+          /* @__PURE__ */ jsx6(
             "div",
             {
               className: "rs-loading-subtitle",
@@ -1053,7 +1153,7 @@ function SetupStep({
         ] })
       ] })
     ] }),
-    isError && /* @__PURE__ */ jsx5("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx5(Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
+    isError && /* @__PURE__ */ jsx6("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx6(Button, { onClick: handleRetry, variant: "default", fullWidth: true, children: "Try Again" }) })
   ] });
 }
 var init_SetupStep = __esm({
@@ -1067,17 +1167,17 @@ var init_SetupStep = __esm({
 });
 // src/components/ui/PoweredBy.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function PoweredBy() {
-  return /* @__PURE__ */ jsxs5("div", { className: "rs-powered-by", children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6("div", { className: "rs-powered-by", children: [
+    /* @__PURE__ */ jsx7(
       "svg",
       {
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
         strokeWidth: "2",
-        children: /* @__PURE__ */ jsx6(
+        children: /* @__PURE__ */ jsx7(
           "path",
           {
             strokeLinecap: "round",
@@ -1087,10 +1187,10 @@ function PoweredBy() {
         )
       }
     ),
-    /* @__PURE__ */ jsxs5("span", { children: [
+    /* @__PURE__ */ jsxs6("span", { children: [
       "Powered by",
       " ",
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "a",
         {
           href: "https://www.rhinestone.dev",
@@ -1372,7 +1472,7 @@ var init_formatters = __esm({
 // src/components/steps/AssetSelectStep.tsx
 import { useEffect as useEffect3, useMemo, useState as useState2 } from "react";
 import { formatUnits } from "viem";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function AssetSelectStep({
   address,
   publicClient,
@@ -1478,21 +1578,21 @@ function AssetSelectStep({
       return asset.balance;
     }
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx7("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ jsx7("div", { className: "rs-step-title", children: "Select source asset" }) }),
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx8("div", { style: { padding: "12px 12px 4px" }, children: /* @__PURE__ */ jsx8("div", { className: "rs-step-title", children: "Select source asset" }) }),
+    /* @__PURE__ */ jsxs7(
       "div",
       {
         className: "rs-step-body",
         style: { paddingTop: 4, overflow: "auto", maxHeight: 340 },
         children: [
-          loading && /* @__PURE__ */ jsxs6("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
-            /* @__PURE__ */ jsx7(Spinner, { className: "rs-text-tertiary" }),
-            /* @__PURE__ */ jsx7("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
+          loading && /* @__PURE__ */ jsxs7("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
+            /* @__PURE__ */ jsx8(Spinner, { className: "rs-text-tertiary" }),
+            /* @__PURE__ */ jsx8("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
           ] }),
-          error && /* @__PURE__ */ jsx7("div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ jsx7("span", { className: "rs-alert-text", children: error }) }),
-          !loading && !error && rows.length === 0 && /* @__PURE__ */ jsxs6("div", { className: "rs-empty-state", children: [
-            /* @__PURE__ */ jsx7(
+          error && /* @__PURE__ */ jsx8("div", { className: "rs-alert rs-alert--error", children: /* @__PURE__ */ jsx8("span", { className: "rs-alert-text", children: error }) }),
+          !loading && !error && rows.length === 0 && /* @__PURE__ */ jsxs7("div", { className: "rs-empty-state", children: [
+            /* @__PURE__ */ jsx8(
               "svg",
               {
                 className: "rs-empty-icon",
@@ -1500,7 +1600,7 @@ function AssetSelectStep({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: "1.5",
-                children: /* @__PURE__ */ jsx7(
+                children: /* @__PURE__ */ jsx8(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -1510,20 +1610,20 @@ function AssetSelectStep({
                 )
               }
             ),
-            /* @__PURE__ */ jsx7("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
-            /* @__PURE__ */ jsxs6("div", { className: "rs-empty-address", children: [
+            /* @__PURE__ */ jsx8("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
+            /* @__PURE__ */ jsxs7("div", { className: "rs-empty-address", children: [
               address.slice(0, 6),
               "...",
               address.slice(-4)
             ] })
           ] }),
-          !loading && !error && rows.length > 0 && /* @__PURE__ */ jsx7("div", { className: "rs-asset-list", children: rows.map((asset) => {
+          !loading && !error && rows.length > 0 && /* @__PURE__ */ jsx8("div", { className: "rs-asset-list", children: rows.map((asset) => {
             const isSelected = selectedAssetId === asset.id;
             const tokenAmount = formatBalance(asset);
             const badge = getChainBadge(asset.chainId);
             const tokenIcon = getTokenIcon(asset.symbol);
             const chainIcon = getChainIcon(asset.chainId);
-            return /* @__PURE__ */ jsxs6(
+            return /* @__PURE__ */ jsxs7(
               "button",
               {
                 type: "button",
@@ -1531,9 +1631,9 @@ function AssetSelectStep({
                 className: `rs-asset-row ${isSelected ? "rs-asset-row--selected" : ""}`,
                 style: { textAlign: "left" },
                 children: [
-                  /* @__PURE__ */ jsxs6("div", { className: "rs-asset-info", children: [
-                    /* @__PURE__ */ jsxs6("div", { className: "rs-asset-icon-wrapper", children: [
-                      tokenIcon ? /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsxs7("div", { className: "rs-asset-info", children: [
+                    /* @__PURE__ */ jsxs7("div", { className: "rs-asset-icon-wrapper", children: [
+                      tokenIcon ? /* @__PURE__ */ jsx8(
                         "img",
                         {
                           src: tokenIcon,
@@ -1541,15 +1641,15 @@ function AssetSelectStep({
                           className: "rs-asset-icon",
                           style: { background: "transparent" }
                         }
-                      ) : /* @__PURE__ */ jsx7("div", { className: "rs-asset-icon", children: asset.symbol.slice(0, 4) }),
-                      chainIcon ? /* @__PURE__ */ jsx7(
+                      ) : /* @__PURE__ */ jsx8("div", { className: "rs-asset-icon", children: asset.symbol.slice(0, 4) }),
+                      chainIcon ? /* @__PURE__ */ jsx8(
                         "img",
                         {
                           src: chainIcon,
                           alt: getChainName(asset.chainId),
                           className: "rs-asset-chain-badge"
                         }
-                      ) : /* @__PURE__ */ jsx7(
+                      ) : /* @__PURE__ */ jsx8(
                         "div",
                         {
                           className: "rs-asset-chain-badge",
@@ -1561,23 +1661,23 @@ function AssetSelectStep({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs6("div", { children: [
-                      /* @__PURE__ */ jsxs6("div", { className: "rs-asset-name", children: [
+                    /* @__PURE__ */ jsxs7("div", { children: [
+                      /* @__PURE__ */ jsxs7("div", { className: "rs-asset-name", children: [
                         asset.symbol,
-                        /* @__PURE__ */ jsxs6("span", { className: "rs-asset-chain", children: [
+                        /* @__PURE__ */ jsxs7("span", { className: "rs-asset-chain", children: [
                           " ",
                           "on ",
                           getChainName(asset.chainId)
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxs6("div", { className: "rs-asset-balance-small", children: [
+                      /* @__PURE__ */ jsxs7("div", { className: "rs-asset-balance-small", children: [
                         tokenAmount,
                         " ",
                         asset.symbol
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx7("div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 ? currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
+                  /* @__PURE__ */ jsx8("div", { className: "rs-asset-balance", children: asset.balanceUsd !== void 0 ? currencyFormatter.format(asset.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${asset.symbol}` : "--" })
                 ]
               },
               asset.id
@@ -1586,7 +1686,7 @@ function AssetSelectStep({
         ]
       }
     ),
-    /* @__PURE__ */ jsx7("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx8(
       Button,
       {
         onClick: () => selectedAsset && onContinue(selectedAsset),
@@ -1595,7 +1695,7 @@ function AssetSelectStep({
         children: "Continue"
       }
     ) }),
-    /* @__PURE__ */ jsx7(PoweredBy, {})
+    /* @__PURE__ */ jsx8(PoweredBy, {})
   ] });
 }
 async function fetchNativeAssets(address, publicClient, existing) {
@@ -1651,7 +1751,7 @@ var init_AssetSelectStep = __esm({
 // src/components/steps/AmountStep.tsx
 import { useEffect as useEffect4, useMemo as useMemo2, useState as useState3, useRef as useRef3 } from "react";
 import { erc20Abi, formatUnits as formatUnits2, parseUnits } from "viem";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function AmountStep({
   walletClient,
   publicClient,
@@ -1822,10 +1922,10 @@ function AmountStep({
       setIsSwitching(false);
     }
   };
-  return /* @__PURE__ */ jsxs7("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
-      /* @__PURE__ */ jsxs7("div", { className: "rs-amount-display", children: [
-        /* @__PURE__ */ jsx8("div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs8("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: [
+      /* @__PURE__ */ jsxs8("div", { className: "rs-amount-display", children: [
+        /* @__PURE__ */ jsx9("div", { className: "rs-amount-input-wrapper", children: /* @__PURE__ */ jsx9(
           "input",
           {
             type: "text",
@@ -1843,17 +1943,17 @@ function AmountStep({
             autoFocus: true
           }
         ) }),
-        /* @__PURE__ */ jsxs7("div", { className: "rs-amount-token-value", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "rs-amount-token-value", children: [
           formattedTokenAmount,
           " ",
           asset.symbol
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs7("span", { className: "rs-amount-available-value", children: [
+        /* @__PURE__ */ jsx9("div", { className: "rs-amount-available", children: /* @__PURE__ */ jsxs8("span", { className: "rs-amount-available-value", children: [
           formattedBalance,
           " ",
           asset.symbol,
           " available",
-          balanceUsd !== null && /* @__PURE__ */ jsxs7("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
+          balanceUsd !== null && /* @__PURE__ */ jsxs8("span", { style: { color: "var(--rs-muted-foreground)" }, children: [
             " ",
             "(",
             currencyFormatter.format(balanceUsd),
@@ -1861,16 +1961,16 @@ function AmountStep({
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "div",
         {
           style: { display: "flex", justifyContent: "center", marginTop: 16 },
-          children: /* @__PURE__ */ jsxs7("div", { className: "rs-flow-pill", children: [
-            /* @__PURE__ */ jsxs7("div", { className: "rs-flow-pill-side", children: [
-              /* @__PURE__ */ jsx8("span", { className: "rs-flow-pill-label", children: "You send" }),
-              /* @__PURE__ */ jsxs7("div", { className: "rs-flow-pill-token", children: [
-                /* @__PURE__ */ jsxs7("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
-                  /* @__PURE__ */ jsx8("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(asset.symbol) ? /* @__PURE__ */ jsx8(
+          children: /* @__PURE__ */ jsxs8("div", { className: "rs-flow-pill", children: [
+            /* @__PURE__ */ jsxs8("div", { className: "rs-flow-pill-side", children: [
+              /* @__PURE__ */ jsx9("span", { className: "rs-flow-pill-label", children: "You send" }),
+              /* @__PURE__ */ jsxs8("div", { className: "rs-flow-pill-token", children: [
+                /* @__PURE__ */ jsxs8("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
+                  /* @__PURE__ */ jsx9("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(asset.symbol) ? /* @__PURE__ */ jsx9(
                     "img",
                     {
                       src: getTokenIcon(asset.symbol),
@@ -1880,7 +1980,7 @@ function AmountStep({
                   (() => {
                     const chainIcon = getChainIcon(asset.chainId);
                     if (chainIcon) {
-                      return /* @__PURE__ */ jsx8(
+                      return /* @__PURE__ */ jsx9(
                         "img",
                         {
                           src: chainIcon,
@@ -1890,7 +1990,7 @@ function AmountStep({
                       );
                     }
                     const badge = getChainBadge(asset.chainId);
-                    return /* @__PURE__ */ jsx8(
+                    return /* @__PURE__ */ jsx9(
                       "div",
                       {
                         className: "rs-flow-pill-chain-badge",
@@ -1903,17 +2003,17 @@ function AmountStep({
                     );
                   })()
                 ] }),
-                /* @__PURE__ */ jsx8("span", { className: "rs-flow-pill-token-symbol", children: asset.symbol })
+                /* @__PURE__ */ jsx9("span", { className: "rs-flow-pill-token-symbol", children: asset.symbol })
               ] })
             ] }),
-            /* @__PURE__ */ jsx8("div", { className: "rs-flow-pill-arrow", children: /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9("div", { className: "rs-flow-pill-arrow", children: /* @__PURE__ */ jsx9(
               "svg",
               {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: "2",
-                children: /* @__PURE__ */ jsx8(
+                children: /* @__PURE__ */ jsx9(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -1923,11 +2023,11 @@ function AmountStep({
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxs7("div", { className: "rs-flow-pill-side", children: [
-              /* @__PURE__ */ jsx8("span", { className: "rs-flow-pill-label", children: "You receive" }),
-              /* @__PURE__ */ jsxs7("div", { className: "rs-flow-pill-token", children: [
-                /* @__PURE__ */ jsxs7("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
-                  /* @__PURE__ */ jsx8("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(targetSymbol) ? /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsxs8("div", { className: "rs-flow-pill-side", children: [
+              /* @__PURE__ */ jsx9("span", { className: "rs-flow-pill-label", children: "You receive" }),
+              /* @__PURE__ */ jsxs8("div", { className: "rs-flow-pill-token", children: [
+                /* @__PURE__ */ jsxs8("div", { className: "rs-flow-pill-token-icon-wrapper", children: [
+                  /* @__PURE__ */ jsx9("div", { className: "rs-flow-pill-token-icon", children: getTokenIcon(targetSymbol) ? /* @__PURE__ */ jsx9(
                     "img",
                     {
                       src: getTokenIcon(targetSymbol),
@@ -1937,7 +2037,7 @@ function AmountStep({
                   (() => {
                     const chainIcon = getChainIcon(targetChain);
                     if (chainIcon) {
-                      return /* @__PURE__ */ jsx8(
+                      return /* @__PURE__ */ jsx9(
                         "img",
                         {
                           src: chainIcon,
@@ -1947,7 +2047,7 @@ function AmountStep({
                       );
                     }
                     const badge = getChainBadge(targetChain);
-                    return /* @__PURE__ */ jsx8(
+                    return /* @__PURE__ */ jsx9(
                       "div",
                       {
                         className: "rs-flow-pill-chain-badge",
@@ -1960,14 +2060,14 @@ function AmountStep({
                     );
                   })()
                 ] }),
-                /* @__PURE__ */ jsx8("span", { className: "rs-flow-pill-token-symbol", children: targetSymbol })
+                /* @__PURE__ */ jsx9("span", { className: "rs-flow-pill-token-symbol", children: targetSymbol })
               ] })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ jsxs7("div", { className: "rs-amount-presets", children: [
-        [25, 50, 75].map((pct) => /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsxs8("div", { className: "rs-amount-presets", children: [
+        [25, 50, 75].map((pct) => /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -1981,7 +2081,7 @@ function AmountStep({
           },
           pct
         )),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -1992,13 +2092,13 @@ function AmountStep({
           }
         )
       ] }),
-      chainMismatch && /* @__PURE__ */ jsxs7("div", { className: "rs-chain-switch", style: { marginTop: 16 }, children: [
-        /* @__PURE__ */ jsxs7("div", { className: "rs-chain-switch-text", children: [
+      chainMismatch && /* @__PURE__ */ jsxs8("div", { className: "rs-chain-switch", style: { marginTop: 16 }, children: [
+        /* @__PURE__ */ jsxs8("div", { className: "rs-chain-switch-text", children: [
           "Switch your wallet to ",
           getChainName(asset.chainId),
           " to continue."
         ] }),
-        switchChain && /* @__PURE__ */ jsx8(
+        switchChain && /* @__PURE__ */ jsx9(
           Button,
           {
             variant: "outline",
@@ -2009,8 +2109,8 @@ function AmountStep({
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsxs7("div", { className: "rs-amount-error", children: [
-        /* @__PURE__ */ jsx8(
+      error && /* @__PURE__ */ jsxs8("div", { className: "rs-amount-error", children: [
+        /* @__PURE__ */ jsx9(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -2018,7 +2118,7 @@ function AmountStep({
             stroke: "currentColor",
             strokeWidth: "2",
             style: { width: 16, height: 16, flexShrink: 0 },
-            children: /* @__PURE__ */ jsx8(
+            children: /* @__PURE__ */ jsx9(
               "path",
               {
                 strokeLinecap: "round",
@@ -2028,10 +2128,10 @@ function AmountStep({
             )
           }
         ),
-        /* @__PURE__ */ jsx8("span", { children: error })
+        /* @__PURE__ */ jsx9("span", { children: error })
       ] })
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx9(
       Button,
       {
         onClick: handleContinue,
@@ -2040,7 +2140,7 @@ function AmountStep({
         children: "Continue"
       }
     ) }),
-    /* @__PURE__ */ jsx8(PoweredBy, {})
+    /* @__PURE__ */ jsx9(PoweredBy, {})
   ] });
 }
 var init_AmountStep = __esm({
@@ -2057,7 +2157,7 @@ var init_AmountStep = __esm({
 // src/components/steps/ConfirmStep.tsx
 import { useMemo as useMemo3, useState as useState4 } from "react";
 import { erc20Abi as erc20Abi2, formatUnits as formatUnits3, parseUnits as parseUnits2 } from "viem";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function ConfirmStep({
   walletClient,
   address,
@@ -2192,19 +2292,19 @@ function ConfirmStep({
       setIsSwitching(false);
     }
   };
-  return /* @__PURE__ */ jsxs8("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx9("div", { style: { padding: "12px 12px 10px" }, children: /* @__PURE__ */ jsx9("div", { className: "rs-step-title", children: "Review order" }) }),
-    /* @__PURE__ */ jsxs8("div", { className: "rs-step-body rs-space-y-3", style: { paddingTop: 0 }, children: [
-      /* @__PURE__ */ jsxs8("div", { className: "rs-card", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-label", children: "Source" }),
-          /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx10("div", { style: { padding: "12px 12px 10px" }, children: /* @__PURE__ */ jsx10("div", { className: "rs-step-title", children: "Review order" }) }),
+    /* @__PURE__ */ jsxs9("div", { className: "rs-step-body rs-space-y-3", style: { paddingTop: 0 }, children: [
+      /* @__PURE__ */ jsxs9("div", { className: "rs-card", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Source" }),
+          /* @__PURE__ */ jsxs9(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                getChainIcon(asset.chainId) && /* @__PURE__ */ jsx9(
+                getChainIcon(asset.chainId) && /* @__PURE__ */ jsx10(
                   "img",
                   {
                     src: getChainIcon(asset.chainId),
@@ -2217,15 +2317,15 @@ function ConfirmStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-label", children: "Destination" }),
-          /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Destination" }),
+          /* @__PURE__ */ jsxs9(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                getChainIcon(targetChain) && /* @__PURE__ */ jsx9(
+                getChainIcon(targetChain) && /* @__PURE__ */ jsx10(
                   "img",
                   {
                     src: getChainIcon(targetChain),
@@ -2238,21 +2338,21 @@ function ConfirmStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-label", children: "Estimated time" }),
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-value", children: "< 1 min" })
+        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Estimated time" }),
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-value", children: "< 1 min" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "rs-card", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-label", children: "You send" }),
-          /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9("div", { className: "rs-card", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "You send" }),
+          /* @__PURE__ */ jsxs9(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                getTokenIcon(asset.symbol) && /* @__PURE__ */ jsx9(
+                getTokenIcon(asset.symbol) && /* @__PURE__ */ jsx10(
                   "img",
                   {
                     src: getTokenIcon(asset.symbol),
@@ -2267,15 +2367,15 @@ function ConfirmStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-label", children: "You receive" }),
-          /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "You receive" }),
+          /* @__PURE__ */ jsxs9(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                getTokenIcon(targetSymbol) && /* @__PURE__ */ jsx9(
+                getTokenIcon(targetSymbol) && /* @__PURE__ */ jsx10(
                   "img",
                   {
                     src: getTokenIcon(targetSymbol),
@@ -2290,18 +2390,18 @@ function ConfirmStep({
             }
           )
         ] }),
-        receiveAmountUsd !== null && /* @__PURE__ */ jsxs8("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-label", children: "Value" }),
-          /* @__PURE__ */ jsx9("span", { className: "rs-card-value", children: currencyFormatter.format(receiveAmountUsd) })
+        receiveAmountUsd !== null && /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Value" }),
+          /* @__PURE__ */ jsx10("span", { className: "rs-card-value", children: currencyFormatter.format(receiveAmountUsd) })
         ] })
       ] }),
-      chainMismatch && /* @__PURE__ */ jsxs8("div", { className: "rs-chain-switch", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rs-chain-switch-text", children: [
+      chainMismatch && /* @__PURE__ */ jsxs9("div", { className: "rs-chain-switch", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rs-chain-switch-text", children: [
           "Switch your wallet to ",
           getChainName(asset.chainId),
           " to sign."
         ] }),
-        switchChain && /* @__PURE__ */ jsx9(
+        switchChain && /* @__PURE__ */ jsx10(
           Button,
           {
             variant: "outline",
@@ -2312,8 +2412,8 @@ function ConfirmStep({
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsxs8("div", { className: "rs-alert rs-alert--error", children: [
-        /* @__PURE__ */ jsx9(
+      error && /* @__PURE__ */ jsxs9("div", { className: "rs-alert rs-alert--error", children: [
+        /* @__PURE__ */ jsx10(
           "svg",
           {
             className: "rs-alert-icon",
@@ -2321,7 +2421,7 @@ function ConfirmStep({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: "2",
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx10(
               "path",
               {
                 strokeLinecap: "round",
@@ -2331,7 +2431,7 @@ function ConfirmStep({
             )
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "span",
           {
             className: "rs-alert-text",
@@ -2346,7 +2446,7 @@ function ConfirmStep({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx9("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx10(
       Button,
       {
         onClick: handleConfirm,
@@ -2356,7 +2456,7 @@ function ConfirmStep({
         children: "Confirm Order"
       }
     ) }),
-    /* @__PURE__ */ jsx9(PoweredBy, {})
+    /* @__PURE__ */ jsx10(PoweredBy, {})
   ] });
 }
 var STABLECOIN_SYMBOLS;
@@ -2406,7 +2506,7 @@ var init_webhook = __esm({
 // src/components/steps/ProcessingStep.tsx
 import { useState as useState5, useEffect as useEffect5, useRef as useRef4 } from "react";
 import { formatUnits as formatUnits4 } from "viem";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function isEventForTx(event, txHash) {
   const eventTxHash = getEventTxHash(event);
   if (!eventTxHash) return false;
@@ -2603,17 +2703,17 @@ function ProcessingStep({
     }
   })();
   if (isComplete) {
-    return /* @__PURE__ */ jsxs9("div", { className: "rs-step", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "rs-step-body rs-space-y-3", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-success-state", children: [
-          /* @__PURE__ */ jsx10("div", { className: "rs-success-checkmark", children: /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsxs10("div", { className: "rs-step", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "rs-step-body rs-space-y-3", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-success-state", children: [
+          /* @__PURE__ */ jsx11("div", { className: "rs-success-checkmark", children: /* @__PURE__ */ jsx11(
             "svg",
             {
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2.5",
-              children: /* @__PURE__ */ jsx10(
+              children: /* @__PURE__ */ jsx11(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -2623,13 +2723,13 @@ function ProcessingStep({
               )
             }
           ) }),
-          /* @__PURE__ */ jsx10("div", { className: "rs-success-title", children: isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` }),
-          /* @__PURE__ */ jsx10("div", { className: "rs-success-subtitle", children: isEarlyComplete ? "Your transfer has been confirmed and funds will arrive shortly." : `Your funds have been successfully bridged.` })
+          /* @__PURE__ */ jsx11("div", { className: "rs-success-title", children: isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` }),
+          /* @__PURE__ */ jsx11("div", { className: "rs-success-subtitle", children: isEarlyComplete ? "Your transfer has been confirmed and funds will arrive shortly." : `Your funds have been successfully bridged.` })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Status" }),
-            /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Status" }),
+            /* @__PURE__ */ jsx11(
               "span",
               {
                 className: "rs-card-value",
@@ -2638,29 +2738,29 @@ function ProcessingStep({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Total time" }),
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
+          /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Total time" }),
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-value", children: formatElapsedTime(elapsedSeconds) })
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "You received" }),
-            /* @__PURE__ */ jsxs9("span", { className: "rs-card-value", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "You received" }),
+            /* @__PURE__ */ jsxs10("span", { className: "rs-card-value", children: [
               formattedReceivedAmount,
               " ",
               targetSymbol
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Source" }),
-            /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Source" }),
+            /* @__PURE__ */ jsxs10(
               "span",
               {
                 className: "rs-card-value",
                 style: { display: "flex", alignItems: "center", gap: 6 },
                 children: [
-                  getChainIcon(sourceChain) && /* @__PURE__ */ jsx10(
+                  getChainIcon(sourceChain) && /* @__PURE__ */ jsx11(
                     "img",
                     {
                       src: getChainIcon(sourceChain),
@@ -2673,15 +2773,15 @@ function ProcessingStep({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Destination" }),
-            /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Destination" }),
+            /* @__PURE__ */ jsxs10(
               "span",
               {
                 className: "rs-card-value",
                 style: { display: "flex", alignItems: "center", gap: 6 },
                 children: [
-                  getChainIcon(targetChain) && /* @__PURE__ */ jsx10(
+                  getChainIcon(targetChain) && /* @__PURE__ */ jsx11(
                     "img",
                     {
                       src: getChainIcon(targetChain),
@@ -2694,9 +2794,9 @@ function ProcessingStep({
               }
             )
           ] }),
-          sourceExplorerUrl && /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Transaction" }),
-            /* @__PURE__ */ jsxs9(
+          sourceExplorerUrl && /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Transaction" }),
+            /* @__PURE__ */ jsxs10(
               "a",
               {
                 href: sourceExplorerUrl,
@@ -2705,7 +2805,7 @@ function ProcessingStep({
                 className: "rs-link rs-link-external rs-font-mono rs-text-xs",
                 children: [
                   truncateHash(txHash),
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "svg",
                     {
                       viewBox: "0 0 24 24",
@@ -2713,7 +2813,7 @@ function ProcessingStep({
                       stroke: "currentColor",
                       strokeWidth: "2.5",
                       style: { width: 12, height: 12 },
-                      children: /* @__PURE__ */ jsx10(
+                      children: /* @__PURE__ */ jsx11(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -2727,9 +2827,9 @@ function ProcessingStep({
               }
             )
           ] }),
-          destinationTxHash && destExplorerUrl && /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Destination tx" }),
-            /* @__PURE__ */ jsxs9(
+          destinationTxHash && destExplorerUrl && /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Destination tx" }),
+            /* @__PURE__ */ jsxs10(
               "a",
               {
                 href: destExplorerUrl,
@@ -2738,7 +2838,7 @@ function ProcessingStep({
                 className: "rs-link rs-link-external rs-font-mono rs-text-xs",
                 children: [
                   truncateHash(destinationTxHash),
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     "svg",
                     {
                       viewBox: "0 0 24 24",
@@ -2746,7 +2846,7 @@ function ProcessingStep({
                       stroke: "currentColor",
                       strokeWidth: "2.5",
                       style: { width: 12, height: 12 },
-                      children: /* @__PURE__ */ jsx10(
+                      children: /* @__PURE__ */ jsx11(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -2762,31 +2862,31 @@ function ProcessingStep({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
-        /* @__PURE__ */ jsx10(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
-        /* @__PURE__ */ jsxs9(Button, { onClick: onNewDeposit, fullWidth: true, children: [
+      /* @__PURE__ */ jsxs10("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
+        /* @__PURE__ */ jsx11(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
+        /* @__PURE__ */ jsxs10(Button, { onClick: onNewDeposit, fullWidth: true, children: [
           "New ",
           flowNoun
         ] })
       ] }),
-      /* @__PURE__ */ jsx10(PoweredBy, {})
+      /* @__PURE__ */ jsx11(PoweredBy, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rs-step-header", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "rs-step-header-row", children: [
-        /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rs-step-header", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "rs-step-header-row", children: [
+        /* @__PURE__ */ jsx11(
           "div",
           {
             className: `rs-step-icon ${isError ? "rs-step-icon--error" : "rs-step-icon--accent"}`,
-            children: isError ? /* @__PURE__ */ jsx10(
+            children: isError ? /* @__PURE__ */ jsx11(
               "svg",
               {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: "2",
-                children: /* @__PURE__ */ jsx10(
+                children: /* @__PURE__ */ jsx11(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -2795,10 +2895,10 @@ function ProcessingStep({
                   }
                 )
               }
-            ) : /* @__PURE__ */ jsx10(Spinner, {})
+            ) : /* @__PURE__ */ jsx11(Spinner, {})
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "div",
           {
             className: `rs-step-title ${isError ? "rs-step-title--error" : ""}`,
@@ -2806,7 +2906,7 @@ function ProcessingStep({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10(
         "div",
         {
           className: `rs-step-description ${isError ? "rs-text-error" : "rs-text-secondary"}`,
@@ -2818,11 +2918,11 @@ function ProcessingStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "rs-step-body rs-space-y-3", children: [
-      isProcessing && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-        /* @__PURE__ */ jsx10("div", { className: "rs-progress-bar", children: /* @__PURE__ */ jsx10("div", { className: "rs-progress-bar-fill rs-progress-bar-fill--indeterminate" }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-alert rs-alert--info", children: [
-          /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs10("div", { className: "rs-step-body rs-space-y-3", children: [
+      isProcessing && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+        /* @__PURE__ */ jsx11("div", { className: "rs-progress-bar", children: /* @__PURE__ */ jsx11("div", { className: "rs-progress-bar-fill rs-progress-bar-fill--indeterminate" }) }),
+        /* @__PURE__ */ jsxs10("div", { className: "rs-alert rs-alert--info", children: [
+          /* @__PURE__ */ jsx11(
             "svg",
             {
               className: "rs-alert-icon",
@@ -2830,7 +2930,7 @@ function ProcessingStep({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
-              children: /* @__PURE__ */ jsx10(
+              children: /* @__PURE__ */ jsx11(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -2840,13 +2940,13 @@ function ProcessingStep({
               )
             }
           ),
-          /* @__PURE__ */ jsxs9("p", { className: "rs-alert-text", children: [
+          /* @__PURE__ */ jsxs10("p", { className: "rs-alert-text", children: [
             "You can safely close this window. Your ",
             flowNoun,
             " will complete in the background."
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10(
           "div",
           {
             className: "rs-text-sm rs-text-tertiary",
@@ -2858,16 +2958,16 @@ function ProcessingStep({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "rs-card", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Source" }),
-          /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10("div", { className: "rs-card", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Source" }),
+          /* @__PURE__ */ jsxs10(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                getChainIcon(sourceChain) && /* @__PURE__ */ jsx10(
+                getChainIcon(sourceChain) && /* @__PURE__ */ jsx11(
                   "img",
                   {
                     src: getChainIcon(sourceChain),
@@ -2880,15 +2980,15 @@ function ProcessingStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Destination" }),
-          /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Destination" }),
+          /* @__PURE__ */ jsxs10(
             "span",
             {
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 8 },
               children: [
-                getChainIcon(targetChain) && /* @__PURE__ */ jsx10(
+                getChainIcon(targetChain) && /* @__PURE__ */ jsx11(
                   "img",
                   {
                     src: getChainIcon(targetChain),
@@ -2901,9 +3001,9 @@ function ProcessingStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-card-row", children: [
-          /* @__PURE__ */ jsx10("span", { className: "rs-card-label", children: "Transaction" }),
-          sourceExplorerUrl ? /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10("div", { className: "rs-card-row", children: [
+          /* @__PURE__ */ jsx11("span", { className: "rs-card-label", children: "Transaction" }),
+          sourceExplorerUrl ? /* @__PURE__ */ jsxs10(
             "a",
             {
               href: sourceExplorerUrl,
@@ -2912,14 +3012,14 @@ function ProcessingStep({
               className: "rs-link rs-link-external rs-font-mono rs-text-xs",
               children: [
                 truncateHash(txHash),
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   "svg",
                   {
                     viewBox: "0 0 24 24",
                     fill: "none",
                     stroke: "currentColor",
                     strokeWidth: "2.5",
-                    children: /* @__PURE__ */ jsx10(
+                    children: /* @__PURE__ */ jsx11(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -2931,15 +3031,15 @@ function ProcessingStep({
                 )
               ]
             }
-          ) : /* @__PURE__ */ jsx10("span", { className: "rs-card-value rs-card-value--mono", children: truncateHash(txHash) })
+          ) : /* @__PURE__ */ jsx11("span", { className: "rs-card-value rs-card-value--mono", children: truncateHash(txHash) })
         ] })
       ] })
     ] }),
-    isError && /* @__PURE__ */ jsxs9("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
-      /* @__PURE__ */ jsx10(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
-      /* @__PURE__ */ jsx10(Button, { onClick: onNewDeposit, fullWidth: true, children: "Try Again" })
+    isError && /* @__PURE__ */ jsxs10("div", { className: "rs-step-footer", style: { gap: 8, display: "flex" }, children: [
+      /* @__PURE__ */ jsx11(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Close" }),
+      /* @__PURE__ */ jsx11(Button, { onClick: onNewDeposit, fullWidth: true, children: "Try Again" })
     ] }),
-    /* @__PURE__ */ jsx10(PoweredBy, {})
+    /* @__PURE__ */ jsx11(PoweredBy, {})
   ] });
 }
 var INITIAL_POLL_INTERVAL, MAX_POLL_INTERVAL, BACKOFF_MULTIPLIER, PROCESS_TIMEOUT_MS;
@@ -2961,7 +3061,7 @@ var init_ProcessingStep = __esm({
 // src/components/ui/QRCode.tsx
 import { useMemo as useMemo4 } from "react";
 import qrcode from "qrcode-generator";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function QRCode({
   value,
   size = 200,
@@ -2995,7 +3095,7 @@ function QRCode({
   }, [value, size, iconSrc]);
   const iconSize = size * 0.22;
   const iconOffset = (size - iconSize) / 2;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       viewBox: `0 0 ${size} ${size}`,
@@ -3005,10 +3105,10 @@ function QRCode({
       role: "img",
       "aria-label": "QR Code",
       children: [
-        /* @__PURE__ */ jsx11("rect", { width: size, height: size, fill: "white", rx: 4 }),
-        /* @__PURE__ */ jsx11("path", { d: svgContent.paths, fill: "black" }),
-        iconSrc && /* @__PURE__ */ jsxs10(Fragment3, { children: [
-          /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12("rect", { width: size, height: size, fill: "white", rx: 4 }),
+        /* @__PURE__ */ jsx12("path", { d: svgContent.paths, fill: "black" }),
+        iconSrc && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx12(
             "rect",
             {
               x: iconOffset - 4,
@@ -3019,7 +3119,7 @@ function QRCode({
               rx: 8
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "image",
             {
               href: iconSrc,
@@ -3043,7 +3143,7 @@ var init_QRCode = __esm({
 // src/components/steps/DepositAddressStep.tsx
 import { useState as useState6, useEffect as useEffect6, useCallback as useCallback3, useRef as useRef5, useMemo as useMemo5 } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function isRecord2(value) {
   return typeof value === "object" && value !== null;
 }
@@ -3184,12 +3284,12 @@ function DepositAddressStep({
     };
   }, [smartAccount, service, onDepositDetected, onError]);
   const chainIconSrc = getChainIcon(sourceChainId);
-  return /* @__PURE__ */ jsxs11("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx12("div", { className: "rs-step-body", children: /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-selectors", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
-          /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx13("div", { className: "rs-step-body", children: /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address-selectors", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-dropdown-label", children: "Supported token" }),
+          /* @__PURE__ */ jsxs12(
             "button",
             {
               type: "button",
@@ -3199,7 +3299,7 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                getTokenIcon(sourceTokenSymbol) && /* @__PURE__ */ jsx12(
+                getTokenIcon(sourceTokenSymbol) && /* @__PURE__ */ jsx13(
                   "img",
                   {
                     src: getTokenIcon(sourceTokenSymbol),
@@ -3207,8 +3307,8 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx12("span", { children: sourceTokenSymbol }),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13("span", { children: sourceTokenSymbol }),
+                /* @__PURE__ */ jsx13(
                   "svg",
                   {
                     className: "rs-deposit-address-dropdown-chevron",
@@ -3216,7 +3316,7 @@ function DepositAddressStep({
                     fill: "none",
                     stroke: "currentColor",
                     strokeWidth: "2",
-                    children: /* @__PURE__ */ jsx12(
+                    children: /* @__PURE__ */ jsx13(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -3229,7 +3329,7 @@ function DepositAddressStep({
               ]
             }
           ),
-          tokenDropdownOpen && /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ jsxs11(
+          tokenDropdownOpen && /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ jsxs12(
             "button",
             {
               type: "button",
@@ -3239,7 +3339,7 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                getTokenIcon(symbol) && /* @__PURE__ */ jsx12(
+                getTokenIcon(symbol) && /* @__PURE__ */ jsx13(
                   "img",
                   {
                     src: getTokenIcon(symbol),
@@ -3247,15 +3347,15 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx12("span", { children: symbol })
+                /* @__PURE__ */ jsx13("span", { children: symbol })
               ]
             },
             symbol
           )) })
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
-          /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ jsxs12(
             "button",
             {
               type: "button",
@@ -3265,7 +3365,7 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                getChainIcon(sourceChainId) && /* @__PURE__ */ jsx12(
+                getChainIcon(sourceChainId) && /* @__PURE__ */ jsx13(
                   "img",
                   {
                     src: getChainIcon(sourceChainId),
@@ -3273,8 +3373,8 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx12("span", { children: getChainName(sourceChainId) }),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13("span", { children: getChainName(sourceChainId) }),
+                /* @__PURE__ */ jsx13(
                   "svg",
                   {
                     className: "rs-deposit-address-dropdown-chevron",
@@ -3282,7 +3382,7 @@ function DepositAddressStep({
                     fill: "none",
                     stroke: "currentColor",
                     strokeWidth: "2",
-                    children: /* @__PURE__ */ jsx12(
+                    children: /* @__PURE__ */ jsx13(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -3295,7 +3395,7 @@ function DepositAddressStep({
               ]
             }
           ),
-          chainDropdownOpen && /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-menu", children: supportedChainIds.map((chainId) => /* @__PURE__ */ jsxs11(
+          chainDropdownOpen && /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-dropdown-menu", children: supportedChainIds.map((chainId) => /* @__PURE__ */ jsxs12(
             "button",
             {
               type: "button",
@@ -3305,7 +3405,7 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                getChainIcon(chainId) && /* @__PURE__ */ jsx12(
+                getChainIcon(chainId) && /* @__PURE__ */ jsx13(
                   "img",
                   {
                     src: getChainIcon(chainId),
@@ -3313,25 +3413,25 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx12("span", { children: getChainName(chainId) })
+                /* @__PURE__ */ jsx13("span", { children: getChainName(chainId) })
               ]
             },
             chainId
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx12(QRCode, { value: smartAccount, size: 200, iconSrc: chainIconSrc }) }),
-      /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-info", children: [
-        /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-label", children: "Your deposit address" }),
-        /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-value", children: smartAccount }),
-        /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx13(QRCode, { value: smartAccount, size: 200, iconSrc: chainIconSrc }) }),
+      /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address-info", children: [
+        /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-label", children: "Your deposit address" }),
+        /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-value", children: smartAccount }),
+        /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
             className: "rs-deposit-address-copy",
             onClick: handleCopy,
             children: [
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
@@ -3339,14 +3439,14 @@ function DepositAddressStep({
                   stroke: "currentColor",
                   strokeWidth: "2",
                   style: { width: 14, height: 14 },
-                  children: copied ? /* @__PURE__ */ jsx12(
+                  children: copied ? /* @__PURE__ */ jsx13(
                     "path",
                     {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       d: "M5 12l5 5L20 7"
                     }
-                  ) : /* @__PURE__ */ jsx12(
+                  ) : /* @__PURE__ */ jsx13(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -3361,9 +3461,9 @@ function DepositAddressStep({
           }
         )
       ] }),
-      pollingError && /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-error", children: pollingError })
+      pollingError && /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-error", children: pollingError })
     ] }) }),
-    /* @__PURE__ */ jsx12(PoweredBy, {})
+    /* @__PURE__ */ jsx13(PoweredBy, {})
   ] });
 }
 var POLL_INTERVAL_MS;
@@ -3379,17 +3479,39 @@ var init_DepositAddressStep = __esm({
   }
 });
+// src/core/public-client.ts
+import { createPublicClient, http } from "viem";
+function getPublicClient(chainId) {
+  let client = clientCache.get(chainId);
+  if (!client) {
+    const chain = CHAIN_BY_ID[chainId];
+    client = createPublicClient({
+      chain,
+      transport: http()
+    });
+    clientCache.set(chainId, client);
+  }
+  return client;
+}
+var clientCache;
+var init_public_client = __esm({
+  "src/core/public-client.ts"() {
+    "use strict";
+    init_constants();
+    clientCache = /* @__PURE__ */ new Map();
+  }
+});
 // src/DepositFlow.tsx
 import { useState as useState7, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect7, useRef as useRef6 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function DepositFlow({
-  walletClient,
-  publicClient,
-  address,
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
   targetChain,
   targetToken,
   service,
-  switchChain,
   sourceChain: defaultSourceChain,
   sourceToken: defaultSourceToken,
   amount: defaultAmount,
@@ -3398,9 +3520,7 @@ function DepositFlow({
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
-  connectWalletOptions,
-  selectedConnectAddress,
-  onSelectConnectAddress,
+  reownWallet,
   onConnect,
   onRequestConnect,
   connectButtonLabel,
@@ -3418,9 +3538,93 @@ function DepositFlow({
   const [flowMode, setFlowMode] = useState7(null);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState7(0);
   const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = useState7(false);
-  const hasConnectWalletOptions = (connectWalletOptions?.length ?? 0) > 0;
-  const hasConnectedWallet = Boolean(walletClient && publicClient && address);
+  const [selectedConnectAddress, setSelectedConnectAddress] = useState7(null);
   const targetChainObj = useMemo6(() => CHAIN_BY_ID[targetChain], [targetChain]);
+  const dappSwitchChain = useMemo6(() => {
+    if (!dappWalletClient?.switchChain) return void 0;
+    return async (chainId) => {
+      await dappWalletClient.switchChain?.({ id: chainId });
+    };
+  }, [dappWalletClient]);
+  const walletOptions = useMemo6(() => {
+    const options = [];
+    const seen = /* @__PURE__ */ new Set();
+    if (dappWalletClient?.account && dappAddress) {
+      options.push({
+        address: dappWalletClient.account.address,
+        label: "Connected Wallet",
+        kind: "connected"
+      });
+      seen.add(dappWalletClient.account.address.toLowerCase());
+    }
+    if (reownWallet?.address && reownWallet.isConnected && !seen.has(reownWallet.address.toLowerCase())) {
+      options.push({
+        address: reownWallet.address,
+        label: "External Wallet",
+        kind: "external"
+      });
+    }
+    return options;
+  }, [
+    dappWalletClient,
+    dappAddress,
+    reownWallet?.address,
+    reownWallet?.isConnected
+  ]);
+  const canAutoLock = dappWalletClient?.account && dappAddress && !reownWallet;
+  const hasWalletOptions = walletOptions.length > 0;
+  const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
+  const signerContext = useMemo6(() => {
+    if (flowMode === "deposit-address") {
+      if (!dappAddress) return null;
+      return {
+        ownerAddress: dappAddress,
+        walletClient: void 0,
+        publicClient: dappPublicClient ?? getPublicClient(targetChain),
+        switchChain: void 0
+      };
+    }
+    if (canAutoLock) {
+      const fallbackChainId = dappWalletClient?.chain?.id ?? targetChain;
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: dappPublicClient ?? getPublicClient(fallbackChainId),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (!isConnectSelectionConfirmed || !selectedConnectAddress) return null;
+    if (dappWalletClient?.account && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
+      const fallbackChainId = dappWalletClient?.chain?.id ?? targetChain;
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: dappPublicClient ?? getPublicClient(fallbackChainId),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (reownWallet?.address?.toLowerCase() === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
+      return {
+        ownerAddress: reownWallet.address,
+        walletClient: reownWallet.walletClient,
+        publicClient: reownWallet.publicClient,
+        switchChain: reownWallet.switchChain
+      };
+    }
+    return null;
+  }, [
+    flowMode,
+    canAutoLock,
+    isConnectSelectionConfirmed,
+    selectedConnectAddress,
+    dappWalletClient,
+    dappPublicClient,
+    dappSwitchChain,
+    dappAddress,
+    reownWallet,
+    targetChain
+  ]);
+  const sessionKeyAddress = dappAddress ?? signerContext?.ownerAddress ?? null;
   const lastTargetRef = useRef6(null);
   useEffect7(() => {
     const prev = lastTargetRef.current;
@@ -3438,10 +3642,17 @@ function DepositFlow({
     });
   }, []);
   const handleBackFromSelectAsset = useCallback4(() => {
-    if (hasConnectWalletOptions) {
+    if (hasWalletOptions || reownWallet) {
       setIsConnectSelectionConfirmed(false);
     }
-  }, [hasConnectWalletOptions]);
+  }, [hasWalletOptions, reownWallet]);
+  const handleBackFromDepositAddress = useCallback4(() => {
+    setFlowMode(null);
+    setStep({ type: "setup" });
+    if (hasWalletOptions || reownWallet) {
+      setIsConnectSelectionConfirmed(false);
+    }
+  }, [hasWalletOptions, reownWallet]);
   const handleBackFromConfirm = useCallback4(() => {
     setStep((prev) => {
       if (prev.type !== "confirm") return prev;
@@ -3454,7 +3665,7 @@ function DepositFlow({
     });
   }, []);
   const stepIndex = step.type === "setup" ? 0 : step.type === "deposit-address" ? 1 : step.type === "select-asset" ? 1 : step.type === "amount" ? 2 : step.type === "confirm" ? 3 : 4;
-  const currentBackHandler = step.type === "select-asset" && hasConnectedWallet && hasConnectWalletOptions && isConnectSelectionConfirmed ? handleBackFromSelectAsset : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
+  const currentBackHandler = step.type === "deposit-address" ? handleBackFromDepositAddress : step.type === "select-asset" && signerContext && !canAutoLock ? handleBackFromSelectAsset : step.type === "amount" ? handleBackFromAmount : step.type === "confirm" ? handleBackFromConfirm : void 0;
   useEffect7(() => {
     onStepChange?.(stepIndex, currentBackHandler);
   }, [stepIndex, currentBackHandler, onStepChange]);
@@ -3579,33 +3790,35 @@ function DepositFlow({
   }, []);
   const selectedConnectAddressEffective = useMemo6(() => {
     if (selectedConnectAddress) return selectedConnectAddress;
-    if ((connectWalletOptions?.length ?? 0) === 1) {
-      return connectWalletOptions?.[0]?.address ?? null;
+    if (walletOptions.length === 1) {
+      return walletOptions[0].address;
     }
     return null;
-  }, [selectedConnectAddress, connectWalletOptions]);
-  const connectWalletOptionsKey = useMemo6(
-    () => (connectWalletOptions ?? []).map((option) => option.address.toLowerCase()).join(","),
-    [connectWalletOptions]
+  }, [selectedConnectAddress, walletOptions]);
+  const walletOptionsKey = useMemo6(
+    () => walletOptions.map((option) => option.address.toLowerCase()).join(","),
+    [walletOptions]
   );
-  const showConnectStep = !hasConnectedWallet || hasConnectWalletOptions && !isConnectSelectionConfirmed;
   useEffect7(() => {
     setIsConnectSelectionConfirmed(false);
-  }, [connectWalletOptionsKey, selectedConnectAddressEffective]);
+  }, [walletOptionsKey, selectedConnectAddressEffective]);
   if (showConnectStep) {
-    return /* @__PURE__ */ jsx13("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx14(
       ConnectStep,
       {
-        walletOptions: connectWalletOptions,
+        walletOptions,
         selectedAddress: selectedConnectAddressEffective,
-        onSelectAddress: onSelectConnectAddress,
-        onSelectTransferCrypto: () => {
+        onSelectAddress: setSelectedConnectAddress,
+        onSelectTransferCrypto: dappAddress ? () => {
           handleSelectTransferCrypto();
           setIsConnectSelectionConfirmed(true);
-        },
+        } : void 0,
         onRequestConnect,
         onConnect,
         onContinue: () => {
+          if (selectedConnectAddressEffective) {
+            setSelectedConnectAddress(selectedConnectAddressEffective);
+          }
           handleSelectProvider();
           setIsConnectSelectionConfirmed(true);
         },
@@ -3613,16 +3826,13 @@ function DepositFlow({
       }
     ) });
   }
-  if (!walletClient || !publicClient || !address) {
-    return null;
-  }
   if (isDepositAddressMode) {
-    return /* @__PURE__ */ jsxs12("div", { className: "rs-modal-body", children: [
-      step.type === "setup" && targetChainObj && /* @__PURE__ */ jsx13(
+    if (!dappAddress || !sessionKeyAddress) return null;
+    return /* @__PURE__ */ jsxs13("div", { className: "rs-modal-body", children: [
+      step.type === "setup" && targetChainObj && /* @__PURE__ */ jsx14(
         SetupStep,
         {
-          walletClient,
-          address,
+          address: sessionKeyAddress,
           targetChain,
           targetChainObj,
           targetToken,
@@ -3636,7 +3846,7 @@ function DepositFlow({
           onError: handleError
         }
       ),
-      step.type === "deposit-address" && /* @__PURE__ */ jsx13(
+      step.type === "deposit-address" && /* @__PURE__ */ jsx14(
         DepositAddressStep,
         {
           smartAccount: step.smartAccount,
@@ -3645,7 +3855,7 @@ function DepositFlow({
           onError: handleError
         }
       ),
-      step.type === "processing" && /* @__PURE__ */ jsx13(
+      step.type === "processing" && /* @__PURE__ */ jsx14(
         ProcessingStep,
         {
           smartAccount: step.smartAccount,
@@ -3666,12 +3876,23 @@ function DepositFlow({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs12("div", { className: "rs-modal-body", children: [
-    step.type === "setup" && targetChainObj && /* @__PURE__ */ jsx13(
+  if (!signerContext?.walletClient || !signerContext?.publicClient) {
+    return null;
+  }
+  const ownerAddress = signerContext.ownerAddress;
+  const ownerChainId = signerContext.walletClient?.chain?.id ?? signerContext.publicClient.chain?.id ?? targetChain;
+  const getReadClientForChain = (chainId) => {
+    if (signerContext.publicClient.chain?.id === chainId) {
+      return signerContext.publicClient;
+    }
+    return getPublicClient(chainId);
+  };
+  return /* @__PURE__ */ jsxs13("div", { className: "rs-modal-body", children: [
+    step.type === "setup" && targetChainObj && /* @__PURE__ */ jsx14(
       SetupStep,
       {
-        walletClient,
-        address,
+        walletClient: signerContext.walletClient,
+        address: ownerAddress,
         targetChain,
         targetChainObj,
         targetToken,
@@ -3685,11 +3906,11 @@ function DepositFlow({
         onError: handleError
       }
     ),
-    step.type === "select-asset" && /* @__PURE__ */ jsx13(
+    step.type === "select-asset" && /* @__PURE__ */ jsx14(
       AssetSelectStep,
       {
-        address,
-        publicClient,
+        address: ownerAddress,
+        publicClient: getReadClientForChain(ownerChainId),
         defaultSourceChain,
         defaultSourceToken,
         service,
@@ -3697,39 +3918,39 @@ function DepositFlow({
         onTotalBalanceComputed: handleTotalBalanceComputed
       }
     ),
-    step.type === "amount" && /* @__PURE__ */ jsx13(
+    step.type === "amount" && /* @__PURE__ */ jsx14(
       AmountStep,
       {
-        walletClient,
-        publicClient,
-        address,
+        walletClient: signerContext.walletClient,
+        publicClient: getReadClientForChain(step.asset.chainId),
+        address: ownerAddress,
         asset: step.asset,
         defaultAmount: step.amount ?? defaultAmount,
-        switchChain,
+        switchChain: signerContext.switchChain,
         targetChain,
         targetToken,
         uiConfig,
         onContinue: handleAmountContinue
       }
     ),
-    step.type === "confirm" && /* @__PURE__ */ jsx13(
+    step.type === "confirm" && /* @__PURE__ */ jsx14(
       ConfirmStep,
       {
-        walletClient,
-        address,
+        walletClient: signerContext.walletClient,
+        address: ownerAddress,
         smartAccount: step.smartAccount,
         asset: step.asset,
         amount: step.amount,
         balance: step.balance,
         targetChain,
         targetToken,
-        switchChain,
+        switchChain: signerContext.switchChain,
         onConfirm: handleDepositSubmitted,
         onDepositSubmitted: handleDepositSubmittedCallback,
         onError: handleError
       }
     ),
-    step.type === "processing" && /* @__PURE__ */ jsx13(
+    step.type === "processing" && /* @__PURE__ */ jsx14(
       ProcessingStep,
       {
         smartAccount: step.smartAccount,
@@ -3761,6 +3982,7 @@ var init_DepositFlow = __esm({
     init_ProcessingStep();
     init_DepositAddressStep();
     init_constants();
+    init_public_client();
   }
 });
@@ -3811,15 +4033,11 @@ var init_theme = __esm({
 });
 // src/core/reown.tsx
-import { useState as useState8, useCallback as useCallback5, useMemo as useMemo7 } from "react";
+import { useState as useState8 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
 import { WagmiProvider } from "wagmi";
-import {
-  createAppKit,
-  useAppKit,
-  useAppKitAccount
-} from "@reown/appkit/react";
+import { createAppKit, useAppKit, useAppKitAccount } from "@reown/appkit/react";
 import {
   mainnet as mainnet2,
   base as base2,
@@ -3828,12 +4046,8 @@ import {
   polygon as polygon2,
   bsc as bsc2
 } from "@reown/appkit/networks";
-import {
-  useWalletClient,
-  usePublicClient,
-  useSwitchChain
-} from "wagmi";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { useWalletClient, usePublicClient, useSwitchChain } from "wagmi";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function mapTheme(theme) {
   const themeMode = theme?.mode === "light" ? "light" : "dark";
   const themeVariables = {};
@@ -3872,7 +4086,7 @@ function ReownWalletProvider({
   const [queryClient] = useState8(() => new QueryClient());
   const adapter = getOrCreateAdapter(projectId, theme);
   const config = adapter.wagmiConfig;
-  return /* @__PURE__ */ jsx14(WagmiProvider, { config, children: /* @__PURE__ */ jsx14(QueryClientProvider, { client: queryClient, children }) });
+  return /* @__PURE__ */ jsx15(WagmiProvider, { config, children: /* @__PURE__ */ jsx15(QueryClientProvider, { client: queryClient, children }) });
 }
 function useReownWallet() {
   const { open } = useAppKit();
@@ -3893,72 +4107,6 @@ function useReownWallet() {
     }
   };
 }
-function useResolvedWallet(host, reown) {
-  const [selectedAddress, setSelectedAddress] = useState8(null);
-  const walletOptions = useMemo7(() => {
-    const options = [];
-    const seen = /* @__PURE__ */ new Set();
-    if (host.address) {
-      options.push({
-        address: host.address,
-        label: "Connected Wallet",
-        kind: "connected"
-      });
-      seen.add(host.address.toLowerCase());
-    }
-    if (reown.address && !seen.has(reown.address.toLowerCase())) {
-      options.push({
-        address: reown.address,
-        label: "External Wallet",
-        kind: "external"
-      });
-    }
-    return options;
-  }, [host.address, reown.address]);
-  const effectiveAddress = useMemo7(() => {
-    if (walletOptions.length === 0) return null;
-    if (walletOptions.length === 1) return walletOptions[0].address;
-    if (selectedAddress) {
-      const valid = walletOptions.some(
-        (opt) => opt.address.toLowerCase() === selectedAddress.toLowerCase()
-      );
-      if (valid) return selectedAddress;
-    }
-    return null;
-  }, [walletOptions, selectedAddress]);
-  let walletClient;
-  let publicClient;
-  if (effectiveAddress) {
-    const key = effectiveAddress.toLowerCase();
-    if (host.address?.toLowerCase() === key && host.walletClient && host.publicClient) {
-      walletClient = host.walletClient;
-      publicClient = host.publicClient;
-    } else if (reown.address?.toLowerCase() === key && reown.walletClient && reown.publicClient) {
-      walletClient = reown.walletClient;
-      publicClient = reown.publicClient;
-    }
-  }
-  const handleSwitchChain = useCallback5(
-    async (chainId) => {
-      if (host.switchChain && effectiveAddress?.toLowerCase() === host.address?.toLowerCase()) {
-        await host.switchChain(chainId);
-      } else {
-        await reown.switchChain(chainId);
-      }
-    },
-    [host.switchChain, host.address, reown.switchChain, effectiveAddress]
-  );
-  return {
-    walletClient,
-    publicClient,
-    address: effectiveAddress ?? void 0,
-    walletOptions,
-    selectedAddress: effectiveAddress,
-    onSelectAddress: setSelectedAddress,
-    openConnect: reown.openConnect,
-    switchChain: handleSwitchChain
-  };
-}
 var NETWORKS, cachedAdapter, cachedProjectId;
 var init_reown = __esm({
   "src/core/reown.tsx"() {
@@ -3981,40 +4129,24 @@ var DepositModalReown_exports = {};
 __export(DepositModalReown_exports, {
   DepositModalReown: () => DepositModalReown
 });
-import { useCallback as useCallback6 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { useCallback as useCallback5 } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function DepositModalWithReown(props) {
   const reown = useReownWallet();
-  const resolved = useResolvedWallet(
-    {
-      walletClient: props.walletClient,
-      publicClient: props.publicClient,
-      address: props.address,
-      switchChain: props.switchChain
-    },
-    reown
-  );
-  const handleConnect = useCallback6(() => {
+  const handleConnect = useCallback5(() => {
     reown.openConnect();
   }, [reown.openConnect]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DepositModalInner,
     {
       ...props,
-      walletClient: resolved.walletClient,
-      publicClient: resolved.publicClient,
-      address: resolved.address,
-      switchChain: resolved.switchChain,
-      connectWalletOptions: resolved.walletOptions,
-      selectedConnectAddress: resolved.selectedAddress,
-      onSelectConnectAddress: resolved.onSelectAddress,
-      onConnect: handleConnect,
-      onRequestConnect: props.onRequestConnect
+      reownWallet: reown,
+      onConnect: handleConnect
     }
   );
 }
 function DepositModalReown(props) {
-  return /* @__PURE__ */ jsx15(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx15(DepositModalWithReown, { ...props }) });
+  return /* @__PURE__ */ jsx16(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx16(DepositModalWithReown, { ...props }) });
 }
 var init_DepositModalReown = __esm({
   "src/DepositModalReown.tsx"() {
@@ -4026,32 +4158,31 @@ var init_DepositModalReown = __esm({
 // src/DepositModal.tsx
 import {
-  useMemo as useMemo8,
+  useMemo as useMemo7,
   useEffect as useEffect8,
   useRef as useRef7,
   useState as useState9,
-  useCallback as useCallback7,
+  useCallback as useCallback6,
   lazy,
   Suspense
 } from "react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
   if (needsReown) {
-    return /* @__PURE__ */ jsx16(Suspense, { fallback: null, children: /* @__PURE__ */ jsx16(ReownDepositInner, { ...props }) });
+    return /* @__PURE__ */ jsx17(Suspense, { fallback: null, children: /* @__PURE__ */ jsx17(ReownDepositInner, { ...props }) });
   }
-  return /* @__PURE__ */ jsx16(DepositModalInner, { ...props });
+  return /* @__PURE__ */ jsx17(DepositModalInner, { ...props });
 }
 function DepositModalInner({
-  walletClient,
-  publicClient,
-  address,
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
   targetChain: targetChainProp,
   targetToken,
   isOpen,
   onClose,
   inline,
-  switchChain,
   sourceChain: sourceChainProp,
   sourceToken,
   defaultAmount,
@@ -4061,9 +4192,7 @@ function DepositModalInner({
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
-  connectWalletOptions,
-  selectedConnectAddress,
-  onSelectConnectAddress,
+  reownWallet,
   onConnect,
   onRequestConnect,
   connectButtonLabel,
@@ -4084,7 +4213,7 @@ function DepositModalInner({
   const backHandlerRef = useRef7(void 0);
   const targetChain = getChainId(targetChainProp);
   const sourceChain = sourceChainProp ? getChainId(sourceChainProp) : void 0;
-  const service = useMemo8(() => createDepositService(backendUrl), [backendUrl]);
+  const service = useMemo7(() => createDepositService(backendUrl), [backendUrl]);
   useEffect8(() => {
     if (isOpen && modalRef.current) {
       applyTheme(modalRef.current, theme);
@@ -4102,17 +4231,17 @@ function DepositModalInner({
       setCurrentStepIndex(0);
     }
   }, [isOpen]);
-  const handleStepChange = useCallback7(
+  const handleStepChange = useCallback6(
     (stepIndex, onBack) => {
       setCurrentStepIndex(stepIndex);
       backHandlerRef.current = onBack;
     },
     []
   );
-  const handleTotalBalanceChange = useCallback7((balance) => {
+  const handleTotalBalanceChange = useCallback6((balance) => {
     setTotalBalanceUsd(balance);
   }, []);
-  const handleBack = useCallback7(() => {
+  const handleBack = useCallback6(() => {
     backHandlerRef.current?.();
   }, []);
   const showLogo = uiConfig?.showLogo ?? false;
@@ -4122,30 +4251,30 @@ function DepositModalInner({
   const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
   const title = branding?.title ?? "Deposit";
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 4 && backHandlerRef.current !== void 0;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Modal,
     {
       isOpen,
       onClose,
       className,
       inline,
-      children: /* @__PURE__ */ jsxs13("div", { ref: modalRef, className: "rs-modal", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx16("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsxs14("div", { ref: modalRef, className: "rs-modal", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx17("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Go back",
               onClick: handleBack,
-              children: /* @__PURE__ */ jsx16(
+              children: /* @__PURE__ */ jsx17(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ jsx16(
+                  children: /* @__PURE__ */ jsx17(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -4157,9 +4286,9 @@ function DepositModalInner({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-nav-center", children: [
-            /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-title-row", children: [
-              showLogo && logoUrl && /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsxs14("div", { className: "rs-modal-header-nav-center", children: [
+            /* @__PURE__ */ jsxs14("div", { className: "rs-modal-header-title-row", children: [
+              showLogo && logoUrl && /* @__PURE__ */ jsx17(
                 "img",
                 {
                   src: logoUrl,
@@ -4170,8 +4299,8 @@ function DepositModalInner({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx16("span", { className: "rs-modal-header-title", children: title }),
-              showStepper && /* @__PURE__ */ jsx16("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx17("span", { className: "rs-modal-header-title", children: title }),
+              showStepper && /* @__PURE__ */ jsx17("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx17(
                 "div",
                 {
                   className: `rs-modal-progress-dot ${i <= currentStepIndex ? "rs-modal-progress-dot--active" : "rs-modal-progress-dot--inactive"}`
@@ -4179,29 +4308,29 @@ function DepositModalInner({
                 i
               )) })
             ] }),
-            balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ jsxs13("div", { className: "rs-modal-header-balance", children: [
-              /* @__PURE__ */ jsxs13("span", { children: [
+            balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ jsxs14("div", { className: "rs-modal-header-balance", children: [
+              /* @__PURE__ */ jsxs14("span", { children: [
                 balanceTitle,
                 ":"
               ] }),
-              /* @__PURE__ */ jsx16("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
+              /* @__PURE__ */ jsx17("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx16("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
               onClick: onClose,
               className: "rs-modal-close",
               "aria-label": "Close",
-              children: /* @__PURE__ */ jsx16(
+              children: /* @__PURE__ */ jsx17(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ jsx16(
+                  children: /* @__PURE__ */ jsx17(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -4214,16 +4343,15 @@ function DepositModalInner({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           DepositFlow,
           {
-            walletClient,
-            publicClient,
-            address,
+            dappWalletClient,
+            dappPublicClient,
+            dappAddress,
             targetChain,
             targetToken,
             service,
-            switchChain,
             sourceChain,
             sourceToken,
             amount: defaultAmount,
@@ -4232,9 +4360,7 @@ function DepositModalInner({
             sessionChainIds,
             forceRegister,
             waitForFinalTx,
-            connectWalletOptions,
-            selectedConnectAddress,
-            onSelectConnectAddress,
+            reownWallet,
             onConnect,
             onRequestConnect,
             connectButtonLabel,
@@ -4271,9 +4397,9 @@ var init_DepositModal = __esm({
 });
 // src/components/steps/WithdrawFormStep.tsx
-import { useCallback as useCallback8, useEffect as useEffect9, useMemo as useMemo9, useRef as useRef8, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef8, useState as useState10 } from "react";
 import { erc20Abi as erc20Abi3, formatUnits as formatUnits5, parseUnits as parseUnits3 } from "viem";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function useClickOutside(ref, onClose) {
   useEffect9(() => {
     function handleClick(e) {
@@ -4379,7 +4505,7 @@ function WithdrawFormStep({
       unwatch();
     };
   }, [safeAddress, publicClient, publicClientChainId, asset]);
-  const formattedBalance = useMemo9(() => {
+  const formattedBalance = useMemo8(() => {
     if (balance === null) return "...";
     try {
       const raw = formatUnits5(balance, asset.decimals);
@@ -4405,7 +4531,7 @@ function WithdrawFormStep({
       return;
     }
   }, [balance, asset.decimals, asset.symbol, onBalanceUsdChange]);
-  const amountUsd = useMemo9(() => {
+  const amountUsd = useMemo8(() => {
     if (!amount) return null;
     const parsed = Number(amount);
     if (!Number.isFinite(parsed) || parsed <= 0) return null;
@@ -4415,18 +4541,18 @@ function WithdrawFormStep({
     }
     return null;
   }, [amount, asset.symbol]);
-  const handleMaxClick = useCallback8(() => {
+  const handleMaxClick = useCallback7(() => {
     if (balance === null) return;
     const maxAmount = formatUnits5(balance, asset.decimals);
     setAmount(maxAmount);
     setError(null);
   }, [balance, asset.decimals]);
-  const handleUseConnected = useCallback8(() => {
+  const handleUseConnected = useCallback7(() => {
     if (!address) return;
     setRecipient(address);
     setError(null);
   }, [address]);
-  const handleWithdraw = useCallback8(async () => {
+  const handleWithdraw = useCallback7(async () => {
     if (!recipient || !/^0x[a-fA-F0-9]{40}$/.test(recipient)) {
       setError("Enter a valid recipient address");
       return;
@@ -4471,12 +4597,12 @@ function WithdrawFormStep({
       setIsSwitching(false);
     }
   };
-  return /* @__PURE__ */ jsxs14("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "rs-step-body rs-withdraw-form", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-section", children: [
-        /* @__PURE__ */ jsx17("label", { className: "rs-withdraw-label", children: "Recipient" }),
-        /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-input-row", children: [
-          /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs15("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "rs-step-body rs-withdraw-form", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-section", children: [
+        /* @__PURE__ */ jsx18("label", { className: "rs-withdraw-label", children: "Recipient" }),
+        /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-input-row", children: [
+          /* @__PURE__ */ jsx18(
             "input",
             {
               type: "text",
@@ -4489,7 +4615,7 @@ function WithdrawFormStep({
               }
             }
           ),
-          address && /* @__PURE__ */ jsxs14(
+          address && /* @__PURE__ */ jsxs15(
             "button",
             {
               type: "button",
@@ -4497,7 +4623,7 @@ function WithdrawFormStep({
               onClick: handleUseConnected,
               title: isRecipientConnected ? "Using connected wallet" : "Use connected wallet",
               children: [
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(
                   "svg",
                   {
                     viewBox: "0 0 24 24",
@@ -4505,7 +4631,7 @@ function WithdrawFormStep({
                     stroke: "currentColor",
                     strokeWidth: "2",
                     className: "rs-withdraw-use-connected-icon",
-                    children: /* @__PURE__ */ jsx17(
+                    children: /* @__PURE__ */ jsx18(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -4521,10 +4647,10 @@ function WithdrawFormStep({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-section", children: [
-        /* @__PURE__ */ jsx17("label", { className: "rs-withdraw-label", children: "Amount" }),
-        /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-input-row", children: [
-          /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-section", children: [
+        /* @__PURE__ */ jsx18("label", { className: "rs-withdraw-label", children: "Amount" }),
+        /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-input-row", children: [
+          /* @__PURE__ */ jsx18(
             "input",
             {
               type: "text",
@@ -4541,9 +4667,9 @@ function WithdrawFormStep({
               }
             }
           ),
-          /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-amount-right", children: [
-            /* @__PURE__ */ jsx17("span", { className: "rs-withdraw-token-label", children: asset.symbol }),
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-amount-right", children: [
+            /* @__PURE__ */ jsx18("span", { className: "rs-withdraw-token-label", children: asset.symbol }),
+            /* @__PURE__ */ jsx18(
               "button",
               {
                 type: "button",
@@ -4555,25 +4681,25 @@ function WithdrawFormStep({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-amount-info", children: [
-          /* @__PURE__ */ jsx17("span", { className: "rs-withdraw-usd", children: amountUsd !== null ? currencyFormatter.format(amountUsd) : "$0.00" }),
-          /* @__PURE__ */ jsxs14("span", { className: "rs-withdraw-balance", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-amount-info", children: [
+          /* @__PURE__ */ jsx18("span", { className: "rs-withdraw-usd", children: amountUsd !== null ? currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ jsxs15("span", { className: "rs-withdraw-balance", children: [
             formattedBalance,
             " ",
             asset.symbol
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-receive-row", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-receive-col", children: [
-          /* @__PURE__ */ jsx17("label", { className: "rs-withdraw-label", children: "Receive" }),
-          /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-receive-row", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-receive-col", children: [
+          /* @__PURE__ */ jsx18("label", { className: "rs-withdraw-label", children: "Receive" }),
+          /* @__PURE__ */ jsxs15(
             "div",
             {
               className: "rs-withdraw-dropdown-container",
               ref: tokenDropdownRef,
               children: [
-                /* @__PURE__ */ jsxs14(
+                /* @__PURE__ */ jsxs15(
                   "button",
                   {
                     type: "button",
@@ -4583,8 +4709,8 @@ function WithdrawFormStep({
                       setShowChainDropdown(false);
                     },
                     children: [
-                      /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-dropdown-value", children: [
-                        getTokenIcon(targetSymbol) && /* @__PURE__ */ jsx17(
+                      /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-dropdown-value", children: [
+                        getTokenIcon(targetSymbol) && /* @__PURE__ */ jsx18(
                           "img",
                           {
                             src: getTokenIcon(targetSymbol),
@@ -4592,9 +4718,9 @@ function WithdrawFormStep({
                             className: "rs-withdraw-dropdown-icon"
                           }
                         ),
-                        /* @__PURE__ */ jsx17("span", { children: targetSymbol })
+                        /* @__PURE__ */ jsx18("span", { children: targetSymbol })
                       ] }),
-                      /* @__PURE__ */ jsx17(
+                      /* @__PURE__ */ jsx18(
                         "svg",
                         {
                           viewBox: "0 0 24 24",
@@ -4605,7 +4731,7 @@ function WithdrawFormStep({
                           style: {
                             transform: showTokenDropdown ? "rotate(180deg)" : void 0
                           },
-                          children: /* @__PURE__ */ jsx17(
+                          children: /* @__PURE__ */ jsx18(
                             "path",
                             {
                               strokeLinecap: "round",
@@ -4618,7 +4744,7 @@ function WithdrawFormStep({
                     ]
                   }
                 ),
-                showTokenDropdown && /* @__PURE__ */ jsx17("div", { className: "rs-withdraw-dropdown-menu", children: targetTokenOptions.map((option) => /* @__PURE__ */ jsxs14(
+                showTokenDropdown && /* @__PURE__ */ jsx18("div", { className: "rs-withdraw-dropdown-menu", children: targetTokenOptions.map((option) => /* @__PURE__ */ jsxs15(
                   "button",
                   {
                     type: "button",
@@ -4628,7 +4754,7 @@ function WithdrawFormStep({
                       setShowTokenDropdown(false);
                     },
                     children: [
-                      getTokenIcon(option.symbol) && /* @__PURE__ */ jsx17(
+                      getTokenIcon(option.symbol) && /* @__PURE__ */ jsx18(
                         "img",
                         {
                           src: getTokenIcon(option.symbol),
@@ -4636,7 +4762,7 @@ function WithdrawFormStep({
                           className: "rs-withdraw-dropdown-icon"
                         }
                       ),
-                      /* @__PURE__ */ jsx17("span", { children: option.symbol })
+                      /* @__PURE__ */ jsx18("span", { children: option.symbol })
                     ]
                   },
                   option.address
@@ -4645,15 +4771,15 @@ function WithdrawFormStep({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-receive-col", children: [
-          /* @__PURE__ */ jsx17("label", { className: "rs-withdraw-label", children: "Chain" }),
-          /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-receive-col", children: [
+          /* @__PURE__ */ jsx18("label", { className: "rs-withdraw-label", children: "Chain" }),
+          /* @__PURE__ */ jsxs15(
             "div",
             {
               className: "rs-withdraw-dropdown-container",
               ref: chainDropdownRef,
               children: [
-                /* @__PURE__ */ jsxs14(
+                /* @__PURE__ */ jsxs15(
                   "button",
                   {
                     type: "button",
@@ -4663,8 +4789,8 @@ function WithdrawFormStep({
                       setShowTokenDropdown(false);
                     },
                     children: [
-                      /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-dropdown-value", children: [
-                        getChainIcon(targetChain) && /* @__PURE__ */ jsx17(
+                      /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-dropdown-value", children: [
+                        getChainIcon(targetChain) && /* @__PURE__ */ jsx18(
                           "img",
                           {
                             src: getChainIcon(targetChain),
@@ -4672,9 +4798,9 @@ function WithdrawFormStep({
                             className: "rs-withdraw-dropdown-icon"
                           }
                         ),
-                        /* @__PURE__ */ jsx17("span", { children: targetChainName })
+                        /* @__PURE__ */ jsx18("span", { children: targetChainName })
                       ] }),
-                      /* @__PURE__ */ jsx17(
+                      /* @__PURE__ */ jsx18(
                         "svg",
                         {
                           viewBox: "0 0 24 24",
@@ -4685,7 +4811,7 @@ function WithdrawFormStep({
                           style: {
                             transform: showChainDropdown ? "rotate(180deg)" : void 0
                           },
-                          children: /* @__PURE__ */ jsx17(
+                          children: /* @__PURE__ */ jsx18(
                             "path",
                             {
                               strokeLinecap: "round",
@@ -4698,7 +4824,7 @@ function WithdrawFormStep({
                     ]
                   }
                 ),
-                showChainDropdown && /* @__PURE__ */ jsx17("div", { className: "rs-withdraw-dropdown-menu", children: targetChains.map((chain) => /* @__PURE__ */ jsxs14(
+                showChainDropdown && /* @__PURE__ */ jsx18("div", { className: "rs-withdraw-dropdown-menu", children: targetChains.map((chain) => /* @__PURE__ */ jsxs15(
                   "button",
                   {
                     type: "button",
@@ -4708,7 +4834,7 @@ function WithdrawFormStep({
                       setShowChainDropdown(false);
                     },
                     children: [
-                      getChainIcon(chain.id) && /* @__PURE__ */ jsx17(
+                      getChainIcon(chain.id) && /* @__PURE__ */ jsx18(
                         "img",
                         {
                           src: getChainIcon(chain.id),
@@ -4716,7 +4842,7 @@ function WithdrawFormStep({
                           className: "rs-withdraw-dropdown-icon"
                         }
                       ),
-                      /* @__PURE__ */ jsx17("span", { children: chain.name })
+                      /* @__PURE__ */ jsx18("span", { children: chain.name })
                     ]
                   },
                   chain.id
@@ -4726,13 +4852,13 @@ function WithdrawFormStep({
           )
         ] })
       ] }),
-      chainMismatch && /* @__PURE__ */ jsxs14("div", { className: "rs-chain-switch", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "rs-chain-switch-text", children: [
+      chainMismatch && /* @__PURE__ */ jsxs15("div", { className: "rs-chain-switch", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "rs-chain-switch-text", children: [
           "Switch to ",
           getChainName(asset.chainId),
           " to continue."
         ] }),
-        switchChain && /* @__PURE__ */ jsx17(
+        switchChain && /* @__PURE__ */ jsx18(
           Button,
           {
             variant: "outline",
@@ -4743,15 +4869,15 @@ function WithdrawFormStep({
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsxs14("div", { className: "rs-withdraw-error", children: [
-        /* @__PURE__ */ jsx17(
+      error && /* @__PURE__ */ jsxs15("div", { className: "rs-withdraw-error", children: [
+        /* @__PURE__ */ jsx18(
           "svg",
           {
             viewBox: "0 0 24 24",
             fill: "none",
             stroke: "currentColor",
             strokeWidth: "2",
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx18(
               "path",
               {
                 strokeLinecap: "round",
@@ -4761,10 +4887,10 @@ function WithdrawFormStep({
             )
           }
         ),
-        /* @__PURE__ */ jsx17("span", { children: error })
+        /* @__PURE__ */ jsx18("span", { children: error })
       ] })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx18(
       Button,
       {
         onClick: handleWithdraw,
@@ -4774,7 +4900,7 @@ function WithdrawFormStep({
         children: isBusy ? "Preparing..." : "Withdraw"
       }
     ) }),
-    /* @__PURE__ */ jsx17(PoweredBy, {})
+    /* @__PURE__ */ jsx18(PoweredBy, {})
   ] });
 }
 var init_WithdrawFormStep = __esm({
@@ -5023,14 +5149,14 @@ var init_safe = __esm({
 });
 // src/WithdrawFlow.tsx
-import { useCallback as useCallback9, useEffect as useEffect10, useMemo as useMemo10, useState as useState11 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect10, useMemo as useMemo9, useState as useState11 } from "react";
 import { walletClientToAccount as walletClientToAccount2 } from "@rhinestone/sdk";
 import { parseUnits as parseUnits4 } from "viem";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function WithdrawFlow({
-  walletClient,
-  publicClient,
-  address,
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
   safeAddress,
   sourceChain,
   sourceToken,
@@ -5039,14 +5165,11 @@ function WithdrawFlow({
   recipient: defaultRecipient,
   amount: defaultAmount,
   service,
-  switchChain,
   signerAddress = DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
-  connectWalletOptions,
-  selectedConnectAddress,
-  onSelectConnectAddress,
+  reownWallet,
   onConnect,
   onWithdrawSign,
   onRequestConnect,
@@ -5070,8 +5193,89 @@ function WithdrawFlow({
     setTargetChain(targetChainProp);
     setTargetToken(targetTokenProp);
   }, [targetChainProp, targetTokenProp]);
-  const targetChainObj = useMemo10(() => CHAIN_BY_ID[targetChain], [targetChain]);
-  const asset = useMemo10(() => {
+  const targetChainObj = useMemo9(() => CHAIN_BY_ID[targetChain], [targetChain]);
+  const hasCustomSigner = Boolean(dappAddress && onWithdrawSign);
+  const dappSwitchChain = useMemo9(() => {
+    if (!dappWalletClient?.switchChain) return void 0;
+    return async (chainId) => {
+      await dappWalletClient.switchChain?.({ id: chainId });
+    };
+  }, [dappWalletClient]);
+  const walletOptions = useMemo9(() => {
+    const options = [];
+    const seen = /* @__PURE__ */ new Set();
+    if (dappWalletClient?.account && dappAddress) {
+      options.push({
+        address: dappWalletClient.account.address,
+        label: "Connected Wallet",
+        kind: "connected"
+      });
+      seen.add(dappWalletClient.account.address.toLowerCase());
+    }
+    if (reownWallet?.address && reownWallet.isConnected && !seen.has(reownWallet.address.toLowerCase())) {
+      options.push({
+        address: reownWallet.address,
+        label: "External Wallet",
+        kind: "external"
+      });
+    }
+    return options;
+  }, [
+    dappWalletClient,
+    dappAddress,
+    reownWallet?.address,
+    reownWallet?.isConnected
+  ]);
+  const canAutoLock = (dappWalletClient?.account && dappAddress || hasCustomSigner) && !reownWallet;
+  const [selectedConnectAddress, setSelectedConnectAddress] = useState11(null);
+  const signerContext = useMemo9(() => {
+    if (canAutoLock) {
+      if (hasCustomSigner) {
+        return {
+          ownerAddress: dappAddress,
+          walletClient: dappWalletClient ?? void 0,
+          publicClient: dappPublicClient ?? getPublicClient(sourceChain),
+          switchChain: dappSwitchChain
+        };
+      }
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: dappPublicClient ?? getPublicClient(sourceChain),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (!isConnectSelectionConfirmed || !selectedConnectAddress) return null;
+    if (dappWalletClient?.account && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: dappPublicClient ?? getPublicClient(sourceChain),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (reownWallet?.address?.toLowerCase() === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
+      return {
+        ownerAddress: reownWallet.address,
+        walletClient: reownWallet.walletClient,
+        publicClient: reownWallet.publicClient,
+        switchChain: reownWallet.switchChain
+      };
+    }
+    return null;
+  }, [
+    canAutoLock,
+    hasCustomSigner,
+    isConnectSelectionConfirmed,
+    selectedConnectAddress,
+    dappWalletClient,
+    dappPublicClient,
+    dappSwitchChain,
+    dappAddress,
+    reownWallet,
+    sourceChain
+  ]);
+  const asset = useMemo9(() => {
     const symbol = getTokenSymbol(sourceToken, sourceChain);
     const decimals = getTokenDecimalsByAddress(sourceToken, sourceChain);
     return {
@@ -5092,19 +5296,19 @@ function WithdrawFlow({
   useEffect10(() => {
     onTotalBalanceChange?.(totalBalanceUsd);
   }, [totalBalanceUsd, onTotalBalanceChange]);
-  const handleConnected = useCallback9(
+  const handleConnected = useCallback8(
     (addr, smartAccount) => {
       onConnected?.({ address: addr, smartAccount });
     },
     [onConnected]
   );
-  const handleError = useCallback9(
+  const handleError = useCallback8(
     (message, code) => {
       onError?.({ message, code });
     },
     [onError]
   );
-  const resolveSessionOwner2 = useCallback9(async (eoaAddress) => {
+  const resolveSessionOwner2 = useCallback8(async (eoaAddress) => {
     const localOwner = loadSessionOwnerFromStorage(eoaAddress);
     if (localOwner) {
       return {
@@ -5119,9 +5323,13 @@ function WithdrawFlow({
       address: created.address
     };
   }, []);
-  const handleFormSubmit = useCallback9(
+  const handleFormSubmit = useCallback8(
     async (recipient, amountValue) => {
-      if (!walletClient || !publicClient || !address) {
+      const ownerAddress2 = signerContext?.ownerAddress;
+      if (!ownerAddress2) {
+        throw new Error("Wallet not connected");
+      }
+      if (!onWithdrawSign && !signerContext?.walletClient) {
         throw new Error("Wallet not connected");
       }
       if (!targetChainObj) {
@@ -5129,8 +5337,8 @@ function WithdrawFlow({
       }
       setIsSubmitting(true);
       try {
-        const signerAccount = walletClientToAccount2(walletClient);
-        const sessionOwner = await resolveSessionOwner2(address);
+        const signerAccount = signerContext?.walletClient ? walletClientToAccount2(signerContext.walletClient) : createViewOnlyAccount(ownerAddress2);
+        const sessionOwner = await resolveSessionOwner2(ownerAddress2);
         const account = await createSmartAccount(
           signerAccount,
           sessionOwner.account
@@ -5155,7 +5363,7 @@ function WithdrawFlow({
               factoryData: initData.factoryData,
               sessionDetails
             },
-            eoaAddress: address,
+            eoaAddress: ownerAddress2,
             sessionOwner: sessionOwner.address,
             target: {
               chain: targetChain,
@@ -5164,8 +5372,9 @@ function WithdrawFlow({
             }
           });
         }
-        handleConnected(address, smartAccount);
+        handleConnected(ownerAddress2, smartAccount);
         const amountUnits = parseUnits4(amountValue, asset.decimals);
+        const pc = signerContext?.publicClient ?? getPublicClient(sourceChain);
         const result = onWithdrawSign ? await onWithdrawSign({
           safeAddress,
           recipient: smartAccount,
@@ -5174,15 +5383,15 @@ function WithdrawFlow({
           chainId: sourceChain,
           isNative: isSourceNative
         }) : isSourceNative ? await executeSafeEthTransfer({
-          walletClient,
-          publicClient,
+          walletClient: signerContext.walletClient,
+          publicClient: pc,
           safeAddress,
           recipient: smartAccount,
           amount: amountUnits,
           chainId: sourceChain
         }) : await executeSafeErc20Transfer({
-          walletClient,
-          publicClient,
+          walletClient: signerContext.walletClient,
+          publicClient: pc,
           safeAddress,
           tokenAddress: sourceToken,
           recipient: smartAccount,
@@ -5212,9 +5421,7 @@ function WithdrawFlow({
       }
     },
     [
-      walletClient,
-      publicClient,
-      address,
+      signerContext,
       targetChainObj,
       resolveSessionOwner2,
       signerAddress,
@@ -5234,24 +5441,24 @@ function WithdrawFlow({
       handleError
     ]
   );
-  const handleWithdrawComplete = useCallback9(
+  const handleWithdrawComplete = useCallback8(
     (txHash, destinationTxHash) => {
       onWithdrawComplete?.({ txHash, destinationTxHash });
     },
     [onWithdrawComplete]
   );
-  const handleWithdrawFailed = useCallback9(
+  const handleWithdrawFailed = useCallback8(
     (txHash, error) => {
       onWithdrawFailed?.({ txHash, error });
     },
     [onWithdrawFailed]
   );
-  const targetChainOptions = useMemo10(() => {
+  const targetChainOptions = useMemo9(() => {
     return SOURCE_CHAINS.filter(
       (chain) => getSupportedTargetTokens(chain.id).length > 0
     );
   }, []);
-  const targetTokenOptions = useMemo10(
+  const targetTokenOptions = useMemo9(
     () => getSupportedTargetTokens(targetChain),
     [targetChain]
   );
@@ -5264,7 +5471,7 @@ function WithdrawFlow({
       setTargetToken(targetTokenOptions[0].address);
     }
   }, [targetToken, targetTokenOptions]);
-  const handleTargetChainChange = useCallback9(
+  const handleTargetChainChange = useCallback8(
     (chainId) => {
       setTargetChain(chainId);
       const options = getSupportedTargetTokens(chainId);
@@ -5280,53 +5487,57 @@ function WithdrawFlow({
     },
     [targetToken]
   );
-  const handleTargetTokenChange = useCallback9((token) => {
+  const handleTargetTokenChange = useCallback8((token) => {
     setTargetToken(token);
   }, []);
-  const hasConnectWalletOptions = (connectWalletOptions?.length ?? 0) > 0;
-  const selectedConnectAddressEffective = useMemo10(() => {
+  const selectedConnectAddressEffective = useMemo9(() => {
     if (selectedConnectAddress) return selectedConnectAddress;
-    if ((connectWalletOptions?.length ?? 0) === 1) {
-      return connectWalletOptions?.[0]?.address ?? null;
+    if (walletOptions.length === 1) {
+      return walletOptions[0].address;
     }
     return null;
-  }, [selectedConnectAddress, connectWalletOptions]);
-  const connectWalletOptionsKey = useMemo10(
-    () => (connectWalletOptions ?? []).map((option) => option.address.toLowerCase()).join(","),
-    [connectWalletOptions]
+  }, [selectedConnectAddress, walletOptions]);
+  const walletOptionsKey = useMemo9(
+    () => walletOptions.map((option) => option.address.toLowerCase()).join(","),
+    [walletOptions]
   );
-  const hasConnectedWallet = Boolean(walletClient && publicClient && address);
-  const showConnectStep = !hasConnectedWallet || hasConnectWalletOptions && !isConnectSelectionConfirmed;
+  const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
   useEffect10(() => {
     setIsConnectSelectionConfirmed(false);
-  }, [connectWalletOptionsKey, selectedConnectAddressEffective]);
+  }, [walletOptionsKey, selectedConnectAddressEffective]);
   if (showConnectStep) {
-    return /* @__PURE__ */ jsx18("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx19(
       ConnectStep,
       {
-        walletOptions: connectWalletOptions,
+        walletOptions,
         selectedAddress: selectedConnectAddressEffective,
-        onSelectAddress: onSelectConnectAddress,
+        onSelectAddress: setSelectedConnectAddress,
         onRequestConnect,
         onConnect,
-        onContinue: () => setIsConnectSelectionConfirmed(true),
+        onContinue: () => {
+          if (selectedConnectAddressEffective) {
+            setSelectedConnectAddress(selectedConnectAddressEffective);
+          }
+          setIsConnectSelectionConfirmed(true);
+        },
         connectButtonLabel
       }
     ) });
   }
-  if (!walletClient || !publicClient || !address) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs15("div", { className: "rs-modal-body", children: [
-    step.type === "form" && /* @__PURE__ */ jsx18(
+  if (!signerContext) return null;
+  if (!onWithdrawSign && !signerContext.walletClient) return null;
+  const ownerAddress = signerContext.ownerAddress;
+  const formPublicClient = signerContext.publicClient ?? getPublicClient(sourceChain);
+  return /* @__PURE__ */ jsxs16("div", { className: "rs-modal-body", children: [
+    step.type === "form" && /* @__PURE__ */ jsx19(
       WithdrawFormStep,
       {
-        walletClient,
-        publicClient,
-        address,
+        walletClient: signerContext.walletClient,
+        publicClient: formPublicClient,
+        address: ownerAddress,
         safeAddress,
         asset,
-        defaultRecipient: defaultRecipient ?? address,
+        defaultRecipient: defaultRecipient ?? ownerAddress,
         defaultAmount,
         targetChain,
         targetToken,
@@ -5334,13 +5545,13 @@ function WithdrawFlow({
         targetTokenOptions,
         onTargetChainChange: handleTargetChainChange,
         onTargetTokenChange: handleTargetTokenChange,
-        switchChain,
+        switchChain: signerContext.switchChain,
         submitting: isSubmitting,
         onSubmit: handleFormSubmit,
         onBalanceUsdChange: setTotalBalanceUsd
       }
     ),
-    step.type === "processing" && /* @__PURE__ */ jsx18(
+    step.type === "processing" && /* @__PURE__ */ jsx19(
       ProcessingStep,
       {
         smartAccount: step.smartAccount,
@@ -5366,6 +5577,7 @@ var init_WithdrawFlow = __esm({
   "src/WithdrawFlow.tsx"() {
     "use strict";
     init_ConnectStep();
+    init_public_client();
     init_WithdrawFormStep();
     init_ProcessingStep();
     init_constants();
@@ -5381,40 +5593,24 @@ var WithdrawModalReown_exports = {};
 __export(WithdrawModalReown_exports, {
   WithdrawModalReown: () => WithdrawModalReown
 });
-import { useCallback as useCallback10 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { useCallback as useCallback9 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function WithdrawModalWithReown(props) {
   const reown = useReownWallet();
-  const resolved = useResolvedWallet(
-    {
-      walletClient: props.walletClient,
-      publicClient: props.publicClient,
-      address: props.address,
-      switchChain: props.switchChain
-    },
-    reown
-  );
-  const handleConnect = useCallback10(() => {
+  const handleConnect = useCallback9(() => {
     reown.openConnect();
   }, [reown.openConnect]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     WithdrawModalInner,
     {
       ...props,
-      walletClient: resolved.walletClient,
-      publicClient: resolved.publicClient,
-      address: resolved.address,
-      switchChain: resolved.switchChain,
-      connectWalletOptions: resolved.walletOptions,
-      selectedConnectAddress: resolved.selectedAddress,
-      onSelectConnectAddress: resolved.onSelectAddress,
-      onConnect: handleConnect,
-      onRequestConnect: props.onRequestConnect
+      reownWallet: reown,
+      onConnect: handleConnect
     }
   );
 }
 function WithdrawModalReown(props) {
-  return /* @__PURE__ */ jsx19(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx19(WithdrawModalWithReown, { ...props }) });
+  return /* @__PURE__ */ jsx20(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx20(WithdrawModalWithReown, { ...props }) });
 }
 var init_WithdrawModalReown = __esm({
   "src/WithdrawModalReown.tsx"() {
@@ -5426,26 +5622,26 @@ var init_WithdrawModalReown = __esm({
 // src/WithdrawModal.tsx
 import {
-  useCallback as useCallback11,
+  useCallback as useCallback10,
   useEffect as useEffect11,
-  useMemo as useMemo11,
+  useMemo as useMemo10,
   useRef as useRef9,
   useState as useState12,
   lazy as lazy2,
   Suspense as Suspense2
 } from "react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function WithdrawModal(props) {
   const needsReown = !!props.reownAppId;
   if (needsReown) {
-    return /* @__PURE__ */ jsx20(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx20(ReownWithdrawInner, { ...props }) });
+    return /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(ReownWithdrawInner, { ...props }) });
   }
-  return /* @__PURE__ */ jsx20(WithdrawModalInner, { ...props });
+  return /* @__PURE__ */ jsx21(WithdrawModalInner, { ...props });
 }
 function WithdrawModalInner({
-  walletClient,
-  publicClient,
-  address,
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
   safeAddress,
   sourceChain: sourceChainProp,
   sourceToken,
@@ -5456,15 +5652,12 @@ function WithdrawModalInner({
   isOpen,
   onClose,
   inline,
-  switchChain,
   backendUrl = DEFAULT_BACKEND_URL,
   signerAddress = DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
-  connectWalletOptions,
-  selectedConnectAddress,
-  onSelectConnectAddress,
+  reownWallet,
   onConnect,
   onWithdrawSign,
   onRequestConnect,
@@ -5486,7 +5679,7 @@ function WithdrawModalInner({
   const backHandlerRef = useRef9(void 0);
   const targetChain = getChainId(targetChainProp);
   const sourceChain = getChainId(sourceChainProp);
-  const service = useMemo11(() => createDepositService(backendUrl), [backendUrl]);
+  const service = useMemo10(() => createDepositService(backendUrl), [backendUrl]);
   useEffect11(() => {
     if (isOpen && modalRef.current) {
       applyTheme(modalRef.current, theme);
@@ -5504,17 +5697,17 @@ function WithdrawModalInner({
       setCurrentStepIndex(0);
     }
   }, [isOpen]);
-  const handleStepChange = useCallback11(
+  const handleStepChange = useCallback10(
     (stepIndex, onBack) => {
       setCurrentStepIndex(stepIndex);
       backHandlerRef.current = onBack;
     },
     []
   );
-  const handleTotalBalanceChange = useCallback11((balance) => {
+  const handleTotalBalanceChange = useCallback10((balance) => {
     setTotalBalanceUsd(balance);
   }, []);
-  const handleBack = useCallback11(() => {
+  const handleBack = useCallback10(() => {
     backHandlerRef.current?.();
   }, []);
   const showLogo = uiConfig?.showLogo ?? false;
@@ -5524,30 +5717,30 @@ function WithdrawModalInner({
   const logoUrl = branding?.logoUrl ?? "https://github.com/rhinestonewtf.png";
   const title = branding?.title ?? "Withdraw";
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 3 && backHandlerRef.current;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Modal,
     {
       isOpen,
       onClose,
       className,
       inline,
-      children: /* @__PURE__ */ jsxs16("div", { ref: modalRef, className: "rs-modal", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx20("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsxs17("div", { ref: modalRef, className: "rs-modal", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx21("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Go back",
               onClick: handleBack,
-              children: /* @__PURE__ */ jsx20(
+              children: /* @__PURE__ */ jsx21(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ jsx20(
+                  children: /* @__PURE__ */ jsx21(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -5559,9 +5752,9 @@ function WithdrawModalInner({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs16("div", { className: "rs-modal-header-nav-center", children: [
-            /* @__PURE__ */ jsxs16("div", { className: "rs-modal-header-title-row", children: [
-              showLogo && logoUrl && /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsxs17("div", { className: "rs-modal-header-nav-center", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "rs-modal-header-title-row", children: [
+              showLogo && logoUrl && /* @__PURE__ */ jsx21(
                 "img",
                 {
                   src: logoUrl,
@@ -5572,8 +5765,8 @@ function WithdrawModalInner({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx20("span", { className: "rs-modal-header-title", children: title }),
-              showStepper && /* @__PURE__ */ jsx20("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1].map((i) => /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21("span", { className: "rs-modal-header-title", children: title }),
+              showStepper && /* @__PURE__ */ jsx21("div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1].map((i) => /* @__PURE__ */ jsx21(
                 "div",
                 {
                   className: `rs-modal-progress-dot ${i <= currentStepIndex ? "rs-modal-progress-dot--active" : "rs-modal-progress-dot--inactive"}`
@@ -5581,26 +5774,26 @@ function WithdrawModalInner({
                 i
               )) })
             ] }),
-            balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ jsxs16("div", { className: "rs-modal-header-balance", children: [
-              /* @__PURE__ */ jsx20("span", { className: "rs-modal-header-balance-label", children: balanceTitle }),
-              /* @__PURE__ */ jsx20("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
+            balanceTitle && totalBalanceUsd !== null && /* @__PURE__ */ jsxs17("div", { className: "rs-modal-header-balance", children: [
+              /* @__PURE__ */ jsx21("span", { className: "rs-modal-header-balance-label", children: balanceTitle }),
+              /* @__PURE__ */ jsx21("span", { className: "rs-modal-header-balance-value", children: currencyFormatter.format(totalBalanceUsd) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx20("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21("div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
               onClick: onClose,
               className: "rs-modal-close",
               "aria-label": "Close",
-              children: /* @__PURE__ */ jsx20(
+              children: /* @__PURE__ */ jsx21(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ jsx20(
+                  children: /* @__PURE__ */ jsx21(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -5613,12 +5806,12 @@ function WithdrawModalInner({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           WithdrawFlow,
           {
-            walletClient,
-            publicClient,
-            address,
+            dappWalletClient,
+            dappPublicClient,
+            dappAddress,
             safeAddress,
             sourceChain,
             sourceToken,
@@ -5627,14 +5820,11 @@ function WithdrawModalInner({
             recipient,
             amount: defaultAmount,
             service,
-            switchChain,
             signerAddress,
             sessionChainIds,
             forceRegister,
             waitForFinalTx,
-            connectWalletOptions,
-            selectedConnectAddress,
-            onSelectConnectAddress,
+            reownWallet,
             onConnect,
             onWithdrawSign,
             onRequestConnect,