@rhinestone/deposit-modal 0.3.0 → 0.4.0

package/dist/{chunk-KAWJABTW.mjs → chunk-GKC22JC4.mjs}

@@ -1,19 +1,19 @@
 import {
   CHAIN_BY_ID,
   NATIVE_TOKEN_ADDRESS,
+  findTokenDecimals,
   getChainIcon,
   getChainName,
   getExplorerTxUrl,
   getSolanaTokenByMint,
   getSupportedChainIds,
-  getTargetTokenSymbol,
   getTokenAddress,
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol,
   isSolanaCaip2,
   parseEvmChainId
-} from "./chunk-6YRDD462.mjs";
+} from "./chunk-WJX3TJFK.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -169,9 +169,9 @@ import {
   CircleArrowOutUpLeft,
   CreditCard,
   Landmark,
-  Apple
+  Unplug
 } from "lucide-react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var WalletIcon = Wallet;
 var ExternalLinkIcon = ExternalLink;
 var CheckIcon = Check;
@@ -214,10 +214,43 @@ var PlusCircleIcon = CirclePlus;
 var CircleArrowOutUpLeftIcon = CircleArrowOutUpLeft;
 var CardIcon = CreditCard;
 var BankIcon = Landmark;
-var AppleIcon = Apple;
+var UnplugIcon = Unplug;
+function AppleIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M16.36 1.43c0 1.14-.49 2.27-1.18 3.08-.74.9-1.99 1.57-2.98 1.57-.12 0-.23-.02-.3-.03-.01-.06-.04-.22-.04-.39 0-1.15.57-2.27 1.2-2.98.8-.94 2.15-1.64 3.25-1.68.03.13.05.28.05.43z",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M20.93 17.14c-.03.07-.46 1.58-1.52 3.12-.94 1.34-1.94 2.71-3.43 2.71-1.51 0-1.9-.88-3.63-.88-1.7 0-2.3.91-3.67.91-1.38 0-2.33-1.26-3.43-2.8-1.29-1.82-2.32-4.63-2.32-7.28 0-4.28 2.8-6.55 5.55-6.55 1.45 0 2.68.95 3.6.95.86 0 2.22-1.01 3.9-1.01.61 0 2.89.06 4.37 2.19-.13.09-2.38 1.37-2.38 4.19 0 3.26 2.85 4.42 2.96 4.45z",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/components/ui/Callout.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function CircleAlertIcon() {
   return /* @__PURE__ */ jsx3(
     "svg",
@@ -242,7 +275,7 @@ function CircleAlertIcon() {
   );
 }
 function Callout({ variant = "error", children, role }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: `rs-callout rs-callout--${variant}`,
@@ -1549,31 +1582,35 @@ function applyTheme(element, theme) {
 }
 
 // src/components/ui/BodyHeader.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function BodyHeader({
   icon,
   title,
   subtitle,
-  variant = "default"
+  variant = "default",
+  aside
 }) {
   const iconClasses = [
     "rs-body-header-icon",
     variant === "success" ? "rs-body-header-icon--success" : "",
     variant === "error" ? "rs-body-header-icon--error" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs2("div", { className: "rs-body-header", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "rs-body-header", children: [
     /* @__PURE__ */ jsx4("div", { className: iconClasses, children: icon }),
-    /* @__PURE__ */ jsxs2("div", { className: "rs-body-header-text", children: [
-      /* @__PURE__ */ jsx4("h2", { className: "rs-body-header-title", children: title }),
-      subtitle && /* @__PURE__ */ jsx4("p", { className: "rs-body-header-subtitle", children: subtitle })
+    /* @__PURE__ */ jsxs3("div", { className: "rs-body-header-main", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "rs-body-header-text", children: [
+        /* @__PURE__ */ jsx4("h2", { className: "rs-body-header-title", children: title }),
+        subtitle && /* @__PURE__ */ jsx4("p", { className: "rs-body-header-subtitle", children: subtitle })
+      ] }),
+      aside && /* @__PURE__ */ jsx4("div", { className: "rs-body-header-aside", children: aside })
     ] })
   ] });
 }
 BodyHeader.displayName = "BodyHeader";
 
 // src/components/ui/PoweredBy.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var rhinestoneLogo = /* @__PURE__ */ jsxs3(
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var rhinestoneLogo = /* @__PURE__ */ jsxs4(
   "svg",
   {
     className: "rs-powered-by-logo",
@@ -1582,7 +1619,7 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs3(
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ jsxs3("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
+      /* @__PURE__ */ jsxs4("g", { fill: "currentColor", clipPath: "url(#rs-pb-clip)", children: [
         /* @__PURE__ */ jsx5(
           "path",
           {
@@ -1626,7 +1663,7 @@ var rhinestoneLogo = /* @__PURE__ */ jsxs3(
   }
 );
 function PoweredBy() {
-  return /* @__PURE__ */ jsxs3("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "rs-powered-by", "aria-label": "Powered by Rhinestone", children: [
     /* @__PURE__ */ jsx5("span", { children: "Powered by" }),
     /* @__PURE__ */ jsx5(
       "a",
@@ -1643,9 +1680,9 @@ function PoweredBy() {
 PoweredBy.displayName = "PoweredBy";
 
 // src/components/ui/Spinner.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Spinner({ className }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "svg",
     {
       className: `rs-spinner ${className || ""}`,
@@ -1672,8 +1709,11 @@ function Spinner({ className }) {
   );
 }
 
+// src/components/steps/ConnectStep.tsx
+import { useState } from "react";
+
 // src/components/ui/ListRow.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ListRow({
   leading,
   leadingMedia,
@@ -1687,10 +1727,10 @@ function ListRow({
   disabled,
   ...props
 }) {
-  const inner = /* @__PURE__ */ jsxs5(Fragment, { children: [
+  const inner = /* @__PURE__ */ jsxs6(Fragment, { children: [
     leadingMedia ? /* @__PURE__ */ jsx7("span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ jsx7("img", { src: leadingMedia, alt: "" }) }) : leading ? /* @__PURE__ */ jsx7("span", { className: "rs-list-row-leading", children: leading }) : null,
-    /* @__PURE__ */ jsxs5("div", { className: "rs-list-row-body", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "rs-list-row-text", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "rs-list-row-body", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "rs-list-row-text", children: [
         /* @__PURE__ */ jsx7("span", { className: "rs-list-row-title", children: title }),
         subtitle && /* @__PURE__ */ jsx7("span", { className: "rs-list-row-subtitle", children: subtitle })
       ] }),
@@ -1745,10 +1785,36 @@ function ListRow({
 }
 ListRow.displayName = "ListRow";
 
+// src/components/ui/SegmentedToggle.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function SegmentedToggle({
+  options,
+  value,
+  onChange,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsx8("div", { className: "rs-segmented", role: "tablist", "aria-label": ariaLabel, children: options.map((opt) => {
+    const active = opt.value === value;
+    return /* @__PURE__ */ jsx8(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": active,
+        className: `rs-segmented-option${active ? " rs-segmented-option--active" : ""}`,
+        onClick: () => onChange(opt.value),
+        children: opt.label
+      },
+      opt.value
+    );
+  }) });
+}
+SegmentedToggle.displayName = "SegmentedToggle";
+
 // src/components/ui/WalletBadgeIcons/RabbyIcon.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function RabbyIcon() {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "svg",
     {
       width: "20",
@@ -1757,8 +1823,8 @@ function RabbyIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxs6("g", { clipPath: "url(#rs-rabby-clip)", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs7("g", { clipPath: "url(#rs-rabby-clip)", children: [
+          /* @__PURE__ */ jsx9(
             "mask",
             {
               id: "rs-rabby-mask",
@@ -1768,7 +1834,7 @@ function RabbyIcon() {
               y: "0",
               width: "20",
               height: "20",
-              children: /* @__PURE__ */ jsx8(
+              children: /* @__PURE__ */ jsx9(
                 "path",
                 {
                   d: "M20 10C20 4.47 15.52 0 10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10Z",
@@ -1777,22 +1843,22 @@ function RabbyIcon() {
               )
             }
           ),
-          /* @__PURE__ */ jsxs6("g", { mask: "url(#rs-rabby-mask)", children: [
-            /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs7("g", { mask: "url(#rs-rabby-mask)", children: [
+            /* @__PURE__ */ jsx9(
               "path",
               {
                 d: "M20 10C20 4.47 15.52 0 10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10Z",
                 fill: "#7084FF"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "path",
               {
                 d: "M17.25 10.86C17.82 9.57 14.98 5.97 12.26 4.47C10.55 3.31 8.77 3.47 8.41 3.98C7.62 5.10 11.03 6.05 13.32 7.16C12.83 7.37 12.36 7.76 12.09 8.25C11.24 7.31 9.37 6.51 7.18 7.16C5.70 7.59 4.47 8.62 3.99 10.18C3.85 10.11 3.70 10.09 3.54 10.10C3.39 10.11 3.24 10.16 3.11 10.25C2.98 10.33 2.87 10.45 2.80 10.58C2.72 10.72 2.69 10.87 2.69 11.03C2.69 11.55 3.10 11.96 3.62 11.96C3.71 11.96 4.01 11.90 4.01 11.90L8.77 11.93C6.87 14.96 5.36 15.41 5.36 15.93C5.36 16.46 6.80 16.32 7.34 16.12C9.93 15.18 12.71 12.26 13.19 11.42C15.19 11.67 16.87 11.70 17.25 10.86Z",
                 fill: "url(#rs-rabby-grad0)"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "path",
               {
                 fillRule: "evenodd",
@@ -1801,7 +1867,7 @@ function RabbyIcon() {
                 fill: "url(#rs-rabby-grad1)"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "path",
               {
                 fillRule: "evenodd",
@@ -1810,7 +1876,7 @@ function RabbyIcon() {
                 fill: "url(#rs-rabby-grad2)"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "path",
               {
                 d: "M3.94 11.70C4.11 13.19 4.96 13.77 6.68 13.94C8.40 14.12 9.39 14.00 10.71 14.12C11.81 14.22 12.79 14.78 13.15 14.59C13.48 14.42 13.30 13.78 12.86 13.38C12.29 12.85 11.50 12.49 10.12 12.36C10.39 11.60 10.32 10.54 9.89 9.96C9.27 9.12 8.13 8.75 6.68 8.91C5.17 9.08 3.72 9.83 3.94 11.70Z",
@@ -1819,8 +1885,8 @@ function RabbyIcon() {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("defs", { children: [
-          /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7("defs", { children: [
+          /* @__PURE__ */ jsxs7(
             "linearGradient",
             {
               id: "rs-rabby-grad0",
@@ -1830,12 +1896,12 @@ function RabbyIcon() {
               y2: "12.58",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "white" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "white" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "1", stopColor: "white" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             "linearGradient",
             {
               id: "rs-rabby-grad1",
@@ -1845,12 +1911,12 @@ function RabbyIcon() {
               y2: "2.21",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "#8697FF" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             "linearGradient",
             {
               id: "rs-rabby-grad2",
@@ -1860,12 +1926,12 @@ function RabbyIcon() {
               y2: "9.61",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "#8697FF" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "#8697FF" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "1", stopColor: "#8697FF", stopOpacity: "0" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             "linearGradient",
             {
               id: "rs-rabby-grad3",
@@ -1875,12 +1941,12 @@ function RabbyIcon() {
               y2: "15.67",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx8("stop", { stopColor: "white" }),
-                /* @__PURE__ */ jsx8("stop", { offset: "0.98", stopColor: "#D1D8FF" })
+                /* @__PURE__ */ jsx9("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx9("stop", { offset: "0.98", stopColor: "#D1D8FF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx8("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx8("rect", { width: "20", height: "20", fill: "white" }) })
+          /* @__PURE__ */ jsx9("clipPath", { id: "rs-rabby-clip", children: /* @__PURE__ */ jsx9("rect", { width: "20", height: "20", fill: "white" }) })
         ] })
       ]
     }
@@ -1888,9 +1954,9 @@ function RabbyIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/PhantomIcon.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function PhantomIcon() {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       width: "20",
@@ -1899,14 +1965,14 @@ function PhantomIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "path",
           {
             d: "M15.18 0H4.81C2.15 0 0 2.15 0 4.81V15.18C0 17.84 2.15 20 4.81 20H15.18C17.84 20 20 17.84 20 15.18V4.81C20 2.15 17.84 0 15.18 0Z",
             fill: "#AB9FF2"
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "path",
           {
             fillRule: "evenodd",
@@ -1921,9 +1987,9 @@ function PhantomIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/WalletConnectIcon.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function WalletConnectIcon() {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       width: "20",
@@ -1932,8 +1998,8 @@ function WalletConnectIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx10("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11("rect", { width: "20", height: "20", rx: "2.5", fill: "#3B99FC" }),
+        /* @__PURE__ */ jsx11(
           "path",
           {
             d: "M6.18 7.96a5.36 5.36 0 0 1 7.64 0l.25.26a.26.26 0 0 1 0 .37l-.87.87a.13.13 0 0 1-.19 0l-.35-.35a3.74 3.74 0 0 0-5.32 0l-.38.37a.13.13 0 0 1-.19 0l-.86-.86a.26.26 0 0 1 0-.37l.27-.29Zm9.43 1.79.78.78a.26.26 0 0 1 0 .37l-3.54 3.54a.26.26 0 0 1-.37 0l-2.51-2.5a.07.07 0 0 0-.09 0l-2.51 2.5a.26.26 0 0 1-.37 0L3.46 10.9a.26.26 0 0 1 0-.37l.78-.78a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0L9.72 9.75a.26.26 0 0 1 .37 0l2.5 2.5a.07.07 0 0 0 .1 0l2.5-2.5a.26.26 0 0 1 .37 0Z",
@@ -1946,9 +2012,9 @@ function WalletConnectIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/EthBadgeIcon.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function EthBadgeIcon() {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     {
       width: "20",
@@ -1957,28 +2023,28 @@ function EthBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "path",
           {
             d: "M9.99 19.93C15.48 19.93 19.93 15.48 19.93 9.99C19.93 4.51 15.48 0.06 9.99 0.06C4.51 0.06 0.06 4.51 0.06 9.99C0.06 15.48 4.51 19.93 9.99 19.93Z",
             fill: "#E3E3E3"
           }
         ),
-        /* @__PURE__ */ jsx11("path", { d: "M10.00 2.18L14.69 9.99L10.02 7.98L10.00 2.18Z", fill: "#2F3030" }),
-        /* @__PURE__ */ jsx11("path", { d: "M5.31 9.99L9.98 2.18L10.00 7.98L5.31 9.99Z", fill: "#828384" }),
-        /* @__PURE__ */ jsx11("path", { d: "M9.98 12.80L5.31 10.04L10.00 8.11L9.98 12.80Z", fill: "#343535" }),
-        /* @__PURE__ */ jsx11("path", { d: "M14.69 10.04L10.02 8.11L10.00 12.80L14.69 10.04Z", fill: "#131313" }),
-        /* @__PURE__ */ jsx11("path", { d: "M10.00 14.00L14.69 11.24L10.00 17.80V14.00Z", fill: "#2F3030" }),
-        /* @__PURE__ */ jsx11("path", { d: "M10.00 14.00L5.31 11.24L10.00 17.80V14.00Z", fill: "#828384" })
+        /* @__PURE__ */ jsx12("path", { d: "M10.00 2.18L14.69 9.99L10.02 7.98L10.00 2.18Z", fill: "#2F3030" }),
+        /* @__PURE__ */ jsx12("path", { d: "M5.31 9.99L9.98 2.18L10.00 7.98L5.31 9.99Z", fill: "#828384" }),
+        /* @__PURE__ */ jsx12("path", { d: "M9.98 12.80L5.31 10.04L10.00 8.11L9.98 12.80Z", fill: "#343535" }),
+        /* @__PURE__ */ jsx12("path", { d: "M14.69 10.04L10.02 8.11L10.00 12.80L14.69 10.04Z", fill: "#131313" }),
+        /* @__PURE__ */ jsx12("path", { d: "M10.00 14.00L14.69 11.24L10.00 17.80V14.00Z", fill: "#2F3030" }),
+        /* @__PURE__ */ jsx12("path", { d: "M10.00 14.00L5.31 11.24L10.00 17.80V14.00Z", fill: "#828384" })
       ]
     }
   );
 }
 
 // src/components/ui/WalletBadgeIcons/SolBadgeIcon.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function SolBadgeIcon() {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       width: "20",
@@ -1987,8 +2053,8 @@ function SolBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx12("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("rect", { width: "20", height: "20", rx: "10", fill: "#0C0C0C" }),
+        /* @__PURE__ */ jsx13(
           "path",
           {
             fillRule: "evenodd",
@@ -1997,7 +2063,7 @@ function SolBadgeIcon() {
             fill: "url(#rs-sol-badge-grad)"
           }
         ),
-        /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsxs11(
           "linearGradient",
           {
             id: "rs-sol-badge-grad",
@@ -2007,8 +2073,8 @@ function SolBadgeIcon() {
             y2: "5.08",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx12("stop", { stopColor: "#CB4EE8" }),
-              /* @__PURE__ */ jsx12("stop", { offset: "1", stopColor: "#10F4B1" })
+              /* @__PURE__ */ jsx13("stop", { stopColor: "#CB4EE8" }),
+              /* @__PURE__ */ jsx13("stop", { offset: "1", stopColor: "#10F4B1" })
             ]
           }
         ) })
@@ -2018,9 +2084,9 @@ function SolBadgeIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/BaseBadgeIcon.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function BaseBadgeIcon() {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "svg",
     {
       width: "20",
@@ -2029,8 +2095,8 @@ function BaseBadgeIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx13("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("circle", { cx: "55.5", cy: "55.5", r: "55.5", fill: "#0052FF" }),
+        /* @__PURE__ */ jsx14(
           "path",
           {
             d: "M54.92 93.4c20.94 0 37.92-16.97 37.92-37.92S75.86 17.55 54.92 17.55c-19.49 0-35.57 14.72-37.65 33.64h49.82v5.54h-49.82C19.35 75.67 35.42 93.4 54.92 93.4z",
@@ -2043,41 +2109,143 @@ function BaseBadgeIcon() {
 }
 
 // src/components/ui/WalletBadgeIcons/index.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function WalletBadgeIcons() {
-  return /* @__PURE__ */ jsxs12("span", { className: "rs-list-row-meta-icons", children: [
-    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(RabbyIcon, {}) }),
-    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(PhantomIcon, {}) }),
-    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(WalletConnectIcon, {}) })
+  return /* @__PURE__ */ jsxs13("span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(RabbyIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(PhantomIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(WalletConnectIcon, {}) })
   ] });
 }
 WalletBadgeIcons.displayName = "WalletBadgeIcons";
 function ChainBadgeIcons() {
-  return /* @__PURE__ */ jsxs12("span", { className: "rs-list-row-meta-icons", children: [
-    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(EthBadgeIcon, {}) }),
-    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(SolBadgeIcon, {}) }),
-    /* @__PURE__ */ jsx14("span", { children: /* @__PURE__ */ jsx14(BaseBadgeIcon, {}) })
+  return /* @__PURE__ */ jsxs13("span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(EthBadgeIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(SolBadgeIcon, {}) }),
+    /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(BaseBadgeIcon, {}) })
   ] });
 }
 ChainBadgeIcons.displayName = "ChainBadgeIcons";
 
+// src/components/ui/BrandIcons.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function VisaMark() {
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 7.4 24 9", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+    "path",
+    {
+      fill: "#1A1F71",
+      d: "M9.112 8.262 5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 0 1 .894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 0 1 1.913.336l.34-1.59a5.207 5.207 0 0 0-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 0 0-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656 1.02-2.815.588 2.815zm-8.16-4.84-1.603 7.496H8.34l1.605-7.496z"
+    }
+  ) });
+}
+function MastercardMark() {
+  return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 3.5 24 17", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx16(
+      "path",
+      {
+        fill: "#EB001B",
+        d: "M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031z"
+      }
+    ),
+    /* @__PURE__ */ jsx16(
+      "path",
+      {
+        fill: "#F79E1B",
+        d: "M16.584 4.584c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416z"
+      }
+    ),
+    /* @__PURE__ */ jsx16(
+      "path",
+      {
+        fill: "#FF5F00",
+        d: "M12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
+      }
+    )
+  ] });
+}
+function AmexMark() {
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+    "path",
+    {
+      fill: "#2E77BC",
+      d: "M16.015 14.378c0-.32-.135-.496-.344-.622-.21-.12-.464-.135-.81-.135h-1.543v2.82h.675v-1.027h.72c.24 0 .39.024.478.125.12.13.104.38.104.55v.35h.66v-.555c-.002-.25-.017-.376-.108-.516-.06-.08-.18-.18-.33-.234l.02-.008c.18-.072.48-.297.48-.747zm-.87.407-.028-.002c-.09.053-.195.058-.33.058h-.81v-.63h.824c.12 0 .24 0 .33.05.098.048.156.147.15.255 0 .12-.045.215-.134.27zM20.297 15.837H19v.6h1.304c.676 0 1.05-.278 1.05-.884 0-.28-.066-.448-.187-.582-.153-.133-.392-.193-.73-.207l-.376-.015c-.104 0-.18 0-.255-.03-.09-.03-.15-.105-.15-.21 0-.09.017-.166.09-.21.083-.046.177-.066.272-.06h1.23v-.602h-1.35c-.704 0-.958.437-.958.84 0 .9.776.855 1.407.87.104 0 .18.015.225.06.046.03.082.106.082.18 0 .077-.035.15-.08.18-.06.053-.15.07-.277.07zM0 0v10.096L.81 8.22h1.75l.225.464V8.22h2.043l.45 1.02.437-1.013h6.502c.295 0 .56.057.756.236v-.23h1.787v.23c.307-.17.686-.23 1.12-.23h2.606l.24.466v-.466h1.918l.254.465v-.466h1.858v3.948H20.87l-.36-.6v.585h-2.353l-.256-.63h-.583l-.27.614h-1.213c-.48 0-.84-.104-1.08-.24v.24h-2.89v-.884c0-.12-.03-.12-.105-.135h-.105v1.036H6.067v-.48l-.21.48H4.69l-.202-.48v.465H2.235l-.256-.624H1.4l-.256.624H0V24h23.786v-7.108c-.27.135-.613.18-.973.18H21.09v-.255c-.21.165-.57.255-.914.255H14.71v-.9c0-.12-.018-.12-.12-.12h-.075v1.022h-1.8v-1.066c-.298.136-.643.15-.928.136h-.214v.915h-2.18l-.54-.617-.57.6H4.742v-3.93h3.61l.518.602.554-.6h2.412c.28 0 .74.03.942.225v-.24h2.177c.202 0 .644.045.903.225v-.24h3.265v.24c.163-.164.508-.24.803-.24h1.89v.24c.194-.15.464-.24.84-.24h1.176V0H0zM18.597 14.208v-.583h-2.235v2.833h2.235v-.585h-1.57v-.57h1.533v-.584h-1.532v-.51M13.51 8.787h.685V11.6h-.684zM13.126 9.543l-.007.006c0-.314-.13-.5-.34-.624-.217-.125-.47-.135-.81-.135H10.43v2.82h.674v-1.034h.72c.24 0 .39.03.487.12.122.136.107.378.107.548v.354h.677v-.553c0-.25-.016-.375-.11-.516-.09-.107-.202-.19-.33-.237.172-.07.472-.3.472-.75zm-.855.396h-.015c-.09.054-.195.056-.33.056H11.1v-.623h.825c.12 0 .24.004.33.05.09.04.15.128.15.25s-.047.22-.134.266zM15.92 9.373h.632v-.6h-.644c-.464 0-.804.105-1.02.33-.286.3-.362.69-.362 1.11 0 .512.123.833.36 1.074.232.238.645.31.97.31h.78l.255-.627h1.39l.262.627h1.36v-2.11l1.272 2.11h.95l.002.002V8.786h-.684v1.963l-1.18-1.96h-1.02V11.4L18.11 8.744h-1.004l-.943 2.22h-.3c-.177 0-.362-.03-.468-.134-.125-.15-.186-.36-.186-.662 0-.285.08-.51.194-.63.133-.135.272-.165.516-.165zm1.668-.108.464 1.118v.002h-.93l.466-1.12zM2.38 10.97l.254.628H4V9.393l.972 2.205h.584l.973-2.202.015 2.202h.69v-2.81H6.118l-.807 1.904-.876-1.905H3.343v2.663L2.205 8.787h-.997L.01 11.597h.72l.26-.626h1.39zm-.688-1.705.46 1.118-.003.002h-.915l.457-1.12zM11.856 13.62H9.714l-.85.923-.825-.922H5.346v2.82H8l.855-.932.824.93h1.302v-.94h.838c.6 0 1.17-.164 1.17-.945l-.006-.003c0-.78-.598-.93-1.128-.93zM7.67 15.853l-.014-.002H6.02v-.557h1.47v-.574H6.02v-.51H7.7l.733.82-.764.824zm2.642.33-1.03-1.147 1.03-1.108v2.253zm1.553-1.258h-.885v-.717h.885c.24 0 .42.098.42.344 0 .243-.15.372-.42.372zM9.967 9.373v-.586H7.73V11.6h2.237v-.58H8.4v-.564h1.527V9.88H8.4v-.507"
+    }
+  ) });
+}
+function CoinbaseMark() {
+  return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx16("rect", { width: "20", height: "20", rx: "5", fill: "#0052FF" }),
+    /* @__PURE__ */ jsx16(
+      "path",
+      {
+        d: "M10.029 13.247a3.188 3.188 0 1 1 3.137-3.747h3.207A6.375 6.375 0 1 0 16.373 10.5h-3.211a3.19 3.19 0 0 1-3.133 2.747Z",
+        fill: "#fff"
+      }
+    )
+  ] });
+}
+function BinanceMark() {
+  return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx16("circle", { cx: "10", cy: "10", r: "10", fill: "#181A20" }),
+    /* @__PURE__ */ jsx16("svg", { x: "3", y: "3", width: "14", height: "14", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16(
+      "path",
+      {
+        fill: "#F0B90B",
+        d: "m16.624 13.920 2.718 2.716-7.353 7.353-7.353-7.353 2.717-2.716 4.636 4.66zm4.637-4.636L24 12l-2.715 2.716L18.568 12zm-9.272.001 2.716 2.691-2.716 2.717L9.272 12zm-9.273-.001L5.409 12l-2.692 2.692L0 12zM11.989.012l7.353 7.329-2.718 2.715-4.635-4.636-4.636 4.66-2.717-2.716z"
+      }
+    ) })
+  ] });
+}
+function KrakenMark() {
+  return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx16("circle", { cx: "10", cy: "10", r: "10", fill: "#7133F5" }),
+    /* @__PURE__ */ jsx16("svg", { x: "3", y: "3", width: "14", height: "14", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16(
+      "path",
+      {
+        fill: "#fff",
+        d: "M11.998 4.5C7.028 4.5 3 8.774 3 14.047v4.09c0 .753.575 1.363 1.285 1.363s1.288-.61 1.288-1.362v-4.091c0-.755.573-1.365 1.285-1.365.71 0 1.284.61 1.284 1.365v4.09c0 .753.575 1.363 1.285 1.363.712 0 1.286-.61 1.286-1.362v-4.091c0-.755.575-1.365 1.285-1.365.712 0 1.289.61 1.289 1.365v4.09c0 .753.574 1.363 1.284 1.363s1.285-.61 1.285-1.362v-4.091c0-.755.574-1.365 1.288-1.365.71 0 1.285.61 1.285 1.365v4.09c0 .753.575 1.363 1.287 1.363.71 0 1.284-.61 1.284-1.362v-4.091C21 8.774 16.97 4.5 11.998 4.5"
+      }
+    ) })
+  ] });
+}
+function CardNetworkIcons() {
+  return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--cards", children: [
+    /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(AmexMark, {}) }),
+    /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(VisaMark, {}) }),
+    /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(MastercardMark, {}) })
+  ] });
+}
+CardNetworkIcons.displayName = "CardNetworkIcons";
+function ExchangeBadgeIcons() {
+  return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
+    /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(CoinbaseMark, {}) }),
+    /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(BinanceMark, {}) }),
+    /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(KrakenMark, {}) })
+  ] });
+}
+ExchangeBadgeIcons.displayName = "ExchangeBadgeIcons";
+
 // src/components/steps/ConnectStep.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function formatBalanceUsd(value) {
   if (!Number.isFinite(value) || value <= 0) return "$0.00";
   return `$${value.toFixed(2)}`;
 }
 function fiatIcon(name) {
-  if (name === "apple") return /* @__PURE__ */ jsx15(AppleIcon, {});
-  if (name === "bank") return /* @__PURE__ */ jsx15(BankIcon, {});
-  return /* @__PURE__ */ jsx15(CardIcon, {});
+  if (name === "apple") return /* @__PURE__ */ jsx17(AppleIcon, {});
+  if (name === "bank") return /* @__PURE__ */ jsx17(BankIcon, {});
+  return /* @__PURE__ */ jsx17(CardIcon, {});
+}
+function fiatMeta(name) {
+  if (name === "apple" || name === "bank") return void 0;
+  return /* @__PURE__ */ jsx17(CardNetworkIcons, {});
 }
 function shorten(addr) {
   return addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr;
 }
 function renderWalletLeading(row) {
   if (row.icon) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx17(
       "img",
       {
         src: row.icon,
@@ -2086,19 +2254,24 @@ function renderWalletLeading(row) {
       }
     );
   }
-  return /* @__PURE__ */ jsx15(WalletIcon, {});
+  return /* @__PURE__ */ jsx17(WalletIcon, {});
 }
-var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx15(TransferCryptoIcon, {});
-var WALLET_LEADING = /* @__PURE__ */ jsx15(WalletIcon, {});
-var SMALL_SPINNER = /* @__PURE__ */ jsx15(Spinner, { className: "rs-spinner--sm" });
-var CONNECT_META = /* @__PURE__ */ jsxs13(Fragment2, { children: [
-  /* @__PURE__ */ jsx15(WalletBadgeIcons, {}),
-  "+100 wallets"
+var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx17(TransferCryptoIcon, {});
+var WALLET_LEADING = /* @__PURE__ */ jsx17(WalletIcon, {});
+var EXCHANGE_LEADING = /* @__PURE__ */ jsx17(UnplugIcon, {});
+var SMALL_SPINNER = /* @__PURE__ */ jsx17(Spinner, { className: "rs-spinner--sm" });
+var CONNECT_META = /* @__PURE__ */ jsxs15(Fragment2, { children: [
+  /* @__PURE__ */ jsx17(WalletBadgeIcons, {}),
+  "+100"
+] });
+var EXCHANGE_META = /* @__PURE__ */ jsxs15(Fragment2, { children: [
+  /* @__PURE__ */ jsx17(ExchangeBadgeIcons, {}),
+  "+6"
 ] });
 var EXTRA_CHAIN_COUNT = Math.max(0, getSupportedChainIds().length - 3);
-var CHAIN_BADGE_META = /* @__PURE__ */ jsxs13(Fragment2, { children: [
-  /* @__PURE__ */ jsx15(ChainBadgeIcons, {}),
-  EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT} chains` : "All chains"
+var CHAIN_BADGE_META = /* @__PURE__ */ jsxs15(Fragment2, { children: [
+  /* @__PURE__ */ jsx17(ChainBadgeIcons, {}),
+  EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT}` : null
 ] });
 function renderRowTrailing(state) {
   if (state === "loading") {
@@ -2122,7 +2295,8 @@ function ConnectStep({
   dappImports,
   onSelectDappImport,
   title = "Deposit",
-  subtitle
+  subtitle,
+  defaultMethodTab = "crypto"
 }) {
   const rows = walletRows ?? [];
   const handleConnect = onConnect ?? onRequestConnect;
@@ -2131,145 +2305,211 @@ function ConnectStep({
   );
   const showDappImports = (dappImports?.length ?? 0) > 0;
   const defaultSubtitle = onSelectTransferCrypto ? "Add money to your balance" : "Choose a wallet to continue";
-  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx15(
-        BodyHeader,
+  const cryptoRows = [];
+  if (onSelectTransferCrypto) {
+    cryptoRows.push(
+      /* @__PURE__ */ jsx17(
+        ListRow,
         {
-          icon: /* @__PURE__ */ jsx15(HandCoinsIcon, {}),
-          title,
-          subtitle: subtitle ?? defaultSubtitle
-        }
-      ),
-      /* @__PURE__ */ jsxs13("div", { className: "rs-list", children: [
-        onSelectTransferCrypto && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: TRANSFER_CRYPTO_LEADING,
-            title: "Transfer crypto",
-            subtitle: transferCryptoState === "error" ? transferCryptoErrorReason ?? "Couldn't prepare account \u2014 tap to retry" : "Instant - No limit",
-            meta: CHAIN_BADGE_META,
-            onClick: onSelectTransferCrypto
-          }
-        ),
-        fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod ? fiatPaymentMethods.map((opt) => /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: fiatIcon(opt.icon),
-            title: opt.label,
-            subtitle: opt.sublabel,
-            onClick: () => onSelectFiatMethod(opt.method)
-          },
-          opt.method
-        )) : onSelectPayWithCard && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: /* @__PURE__ */ jsx15(CardIcon, {}),
-            title: "Pay with Card",
-            subtitle: "Buy crypto with card or bank",
-            onClick: onSelectPayWithCard
-          }
-        ),
-        onSelectFundFromExchange && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: /* @__PURE__ */ jsx15(BankIcon, {}),
-            title: "Fund from Exchange",
-            subtitle: "Use Coinbase, Binance, MetaMask\u2026",
-            onClick: onSelectFundFromExchange
-          }
-        ),
-        rows.map((row) => {
-          const collapseToExternal = Boolean(onSelectTransferCrypto) && row.kind !== "solana";
-          const subtitleText = row.state === "loading" ? "Preparing\u2026" : row.state === "error" ? row.errorReason ?? "Couldn't prepare wallet \u2014 tap to retry" : shorten(row.address);
-          return /* @__PURE__ */ jsx15(
+          leading: TRANSFER_CRYPTO_LEADING,
+          title: "Transfer crypto",
+          subtitle: transferCryptoState === "error" ? transferCryptoErrorReason ?? "Couldn't prepare account \u2014 tap to retry" : "Instant - No limit",
+          meta: CHAIN_BADGE_META,
+          onClick: onSelectTransferCrypto
+        },
+        "transfer-crypto"
+      )
+    );
+  }
+  for (const row of rows) {
+    const collapseToExternal = Boolean(onSelectTransferCrypto) && row.kind !== "solana";
+    const subtitleText = row.state === "loading" ? "Preparing\u2026" : row.state === "error" ? row.errorReason ?? "Couldn't prepare wallet \u2014 tap to retry" : shorten(row.address);
+    cryptoRows.push(
+      /* @__PURE__ */ jsx17(
+        ListRow,
+        {
+          leading: renderWalletLeading(row),
+          title: collapseToExternal ? "External wallet" : row.label,
+          subtitle: subtitleText,
+          onClick: () => onConfirmWallet?.(row.id),
+          disabled: row.state === "loading",
+          trailing: renderRowTrailing(row.state)
+        },
+        row.id
+      )
+    );
+  }
+  if (!hasReownWallet && handleConnect) {
+    cryptoRows.push(
+      /* @__PURE__ */ jsx17(
+        ListRow,
+        {
+          leading: WALLET_LEADING,
+          title: "Connect wallet",
+          subtitle: "Instant - No limit",
+          meta: CONNECT_META,
+          onClick: handleConnect
+        },
+        "connect-wallet"
+      )
+    );
+  }
+  if (onSelectFundFromExchange) {
+    cryptoRows.push(
+      /* @__PURE__ */ jsx17(
+        ListRow,
+        {
+          leading: EXCHANGE_LEADING,
+          title: "Connect exchange",
+          subtitle: "Instant - No limit",
+          meta: EXCHANGE_META,
+          onClick: onSelectFundFromExchange
+        },
+        "connect-exchange"
+      )
+    );
+  }
+  if (showDappImports) {
+    for (const row of dappImports ?? []) {
+      if (!hasReownWallet) {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx17(
             ListRow,
             {
-              leading: renderWalletLeading(row),
-              title: collapseToExternal ? "External wallet" : row.label,
-              subtitle: subtitleText,
-              onClick: () => onConfirmWallet?.(row.id),
-              disabled: row.state === "loading",
-              trailing: renderRowTrailing(row.state)
+              leading: row.icon,
+              title: row.label,
+              subtitle: "Connect wallet to view balance",
+              onClick: handleConnect,
+              disabled: !handleConnect
             },
             row.id
-          );
-        }),
-        !hasReownWallet && handleConnect && /* @__PURE__ */ jsx15(
-          ListRow,
-          {
-            leading: WALLET_LEADING,
-            title: "Connect wallet",
-            subtitle: "Instant - No limit",
-            meta: CONNECT_META,
-            onClick: handleConnect
-          }
-        ),
-        showDappImports && dappImports?.map((row) => {
-          if (!hasReownWallet) {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: "Connect wallet to view balance",
-                onClick: handleConnect,
-                disabled: !handleConnect
-              },
-              row.id
-            );
-          }
-          if (row.status === "loading" || row.status === "needs-connect") {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: "Checking balance\u2026",
-                disabled: true,
-                trailing: SMALL_SPINNER
-              },
-              row.id
-            );
-          }
-          if (row.status.enabled) {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: formatBalanceUsd(row.status.balanceUsd),
-                onClick: () => onSelectDappImport?.(row.id)
-              },
-              row.id
-            );
-          }
-          if (row.status.retryable) {
-            return /* @__PURE__ */ jsx15(
-              ListRow,
-              {
-                leading: row.icon,
-                title: row.label,
-                subtitle: row.status.reason,
-                onClick: () => onSelectDappImport?.(row.id)
-              },
-              row.id
-            );
-          }
-          return /* @__PURE__ */ jsx15(
+          )
+        );
+        continue;
+      }
+      if (row.status === "loading" || row.status === "needs-connect") {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx17(
+            ListRow,
+            {
+              leading: row.icon,
+              title: row.label,
+              subtitle: "Checking balance\u2026",
+              disabled: true,
+              trailing: SMALL_SPINNER
+            },
+            row.id
+          )
+        );
+        continue;
+      }
+      if (row.status.enabled) {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx17(
+            ListRow,
+            {
+              leading: row.icon,
+              title: row.label,
+              subtitle: formatBalanceUsd(row.status.balanceUsd),
+              onClick: () => onSelectDappImport?.(row.id)
+            },
+            row.id
+          )
+        );
+        continue;
+      }
+      if (row.status.retryable) {
+        cryptoRows.push(
+          /* @__PURE__ */ jsx17(
             ListRow,
             {
               leading: row.icon,
               title: row.label,
               subtitle: row.status.reason,
-              disabled: true
+              onClick: () => onSelectDappImport?.(row.id)
             },
             row.id
-          );
-        })
-      ] })
+          )
+        );
+        continue;
+      }
+      cryptoRows.push(
+        /* @__PURE__ */ jsx17(
+          ListRow,
+          {
+            leading: row.icon,
+            title: row.label,
+            subtitle: row.status.reason,
+            disabled: true
+          },
+          row.id
+        )
+      );
+    }
+  }
+  const cashRows = [];
+  if (fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod) {
+    for (const opt of fiatPaymentMethods) {
+      cashRows.push(
+        /* @__PURE__ */ jsx17(
+          ListRow,
+          {
+            leading: fiatIcon(opt.icon),
+            title: opt.label,
+            subtitle: opt.sublabel,
+            meta: fiatMeta(opt.icon),
+            onClick: () => onSelectFiatMethod(opt.method)
+          },
+          opt.method
+        )
+      );
+    }
+  } else if (onSelectPayWithCard) {
+    cashRows.push(
+      /* @__PURE__ */ jsx17(
+        ListRow,
+        {
+          leading: /* @__PURE__ */ jsx17(CardIcon, {}),
+          title: "Debit/Credit card",
+          subtitle: "Instant - $10,000 limit",
+          meta: /* @__PURE__ */ jsx17(CardNetworkIcons, {}),
+          onClick: onSelectPayWithCard
+        },
+        "pay-with-card"
+      )
+    );
+  }
+  const hasCrypto = cryptoRows.length > 0;
+  const hasCash = cashRows.length > 0;
+  const showToggle = hasCrypto && hasCash;
+  const [tab, setTab] = useState(defaultMethodTab);
+  const activeTab = showToggle ? tab : hasCash && !hasCrypto ? "cash" : "crypto";
+  const activeRows = activeTab === "cash" ? cashRows : cryptoRows;
+  return /* @__PURE__ */ jsxs15("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx17(
+        BodyHeader,
+        {
+          icon: /* @__PURE__ */ jsx17(HandCoinsIcon, {}),
+          title,
+          subtitle: subtitle ?? defaultSubtitle,
+          aside: showToggle ? /* @__PURE__ */ jsx17(
+            SegmentedToggle,
+            {
+              ariaLabel: "Deposit method type",
+              value: activeTab,
+              onChange: setTab,
+              options: [
+                { value: "crypto", label: "Crypto" },
+                { value: "cash", label: "Cash" }
+              ]
+            }
+          ) : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx17("div", { className: "rs-list", children: activeRows })
     ] }),
-    onDisconnect && hasReownWallet && /* @__PURE__ */ jsx15("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx15(
+    onDisconnect && hasReownWallet && /* @__PURE__ */ jsx17("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
@@ -2278,17 +2518,16 @@ function ConnectStep({
         children: "Disconnect wallet"
       }
     ) }),
-    /* @__PURE__ */ jsx15(PoweredBy, {})
+    /* @__PURE__ */ jsx17(PoweredBy, {})
   ] });
 }
 ConnectStep.displayName = "ConnectStep";
 
 // src/components/steps/ProcessingStep.tsx
-import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4, useState as useState2 } from "react";
-import { formatUnits } from "viem";
+import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
 
 // src/components/ui/Button.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function Button({
   children,
   variant = "accent",
@@ -2308,19 +2547,19 @@ function Button({
     className
   ].filter(Boolean).join(" ");
   const showInlineLoadingText = loading && loadingText !== void 0;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     "button",
     {
       className: classes,
       disabled: disabled || loading,
       "aria-busy": loading || void 0,
       ...props,
-      children: showInlineLoadingText ? /* @__PURE__ */ jsxs14("span", { className: "rs-button__loading-row", children: [
-        /* @__PURE__ */ jsx16(Spinner, { className: "rs-spinner--sm" }),
-        /* @__PURE__ */ jsx16("span", { children: loadingText })
-      ] }) : /* @__PURE__ */ jsxs14(Fragment3, { children: [
-        /* @__PURE__ */ jsx16("span", { className: loading ? "rs-button__content--hidden" : "", children }),
-        loading && /* @__PURE__ */ jsx16("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx16(Spinner, { className: "rs-spinner--sm" }) })
+      children: showInlineLoadingText ? /* @__PURE__ */ jsxs16("span", { className: "rs-button__loading-row", children: [
+        /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" }),
+        /* @__PURE__ */ jsx18("span", { children: loadingText })
+      ] }) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
+        /* @__PURE__ */ jsx18("span", { className: loading ? "rs-button__content--hidden" : "", children }),
+        loading && /* @__PURE__ */ jsx18("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" }) })
       ] })
     }
   );
@@ -2329,16 +2568,16 @@ Button.displayName = "Button";
 
 // src/components/ui/Tooltip.tsx
 import {
-  useState,
+  useState as useState2,
   useRef as useRef3,
   useEffect as useEffect3,
   useCallback as useCallback2
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function Tooltip({ content, children, className }) {
-  const [open, setOpen] = useState(false);
-  const [position, setPosition] = useState(null);
+  const [open, setOpen] = useState2(false);
+  const [position, setPosition] = useState2(null);
   const triggerRef = useRef3(null);
   const bubbleRef = useRef3(null);
   const updatePosition = useCallback2(() => {
@@ -2376,7 +2615,7 @@ function Tooltip({ content, children, className }) {
       window.removeEventListener("resize", updatePosition);
     };
   }, [open, updatePosition]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     "span",
     {
       ref: triggerRef,
@@ -2384,7 +2623,7 @@ function Tooltip({ content, children, className }) {
       onMouseEnter: () => setOpen(true),
       onMouseLeave: () => setOpen(false),
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx19(
           "span",
           {
             className: "rs-tooltip-trigger",
@@ -2406,7 +2645,7 @@ function Tooltip({ content, children, className }) {
           }
         ),
         open && position && typeof document !== "undefined" && createPortal2(
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx19(
             "span",
             {
               ref: bubbleRef,
@@ -2424,6 +2663,89 @@ function Tooltip({ content, children, className }) {
 }
 Tooltip.displayName = "Tooltip";
 
+// src/components/ui/FeesAccordion.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+function FeesAccordion({ total, rows }) {
+  const [open, setOpen] = useState3(false);
+  const expandable = rows.length > 0;
+  return /* @__PURE__ */ jsxs18("div", { className: "rs-fees-accordion", children: [
+    /* @__PURE__ */ jsxs18(
+      "button",
+      {
+        type: "button",
+        className: "rs-fees-accordion-summary",
+        "aria-expanded": expandable ? open : void 0,
+        disabled: !expandable,
+        onClick: () => expandable && setOpen((o) => !o),
+        children: [
+          /* @__PURE__ */ jsx20("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs18("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx20("span", { children: total }),
+            expandable && /* @__PURE__ */ jsx20(
+              "span",
+              {
+                className: `rs-fees-accordion-chevron${open ? " rs-fees-accordion-chevron--open" : ""}`,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx20(ChevronDownIcon, {})
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    expandable && open && /* @__PURE__ */ jsx20("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs18("div", { className: "rs-fees-accordion-row", children: [
+      /* @__PURE__ */ jsx20("span", { children: row.label }),
+      /* @__PURE__ */ jsx20("span", { className: "rs-review-detail-value", children: row.value })
+    ] }, `${row.label}-${i}`)) })
+  ] });
+}
+FeesAccordion.displayName = "FeesAccordion";
+
+// src/components/steps/SwappedReceipt.tsx
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+function SwappedReceipt({
+  onrampMethod,
+  amountPaid,
+  depositedAmount,
+  depositedIcon,
+  feesTotal,
+  feeRows,
+  newLabel,
+  onNewDeposit,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs19("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx21(BodyHeader, { icon: /* @__PURE__ */ jsx21(CheckIcon, {}), title: "Deposit successful" }),
+      /* @__PURE__ */ jsxs19("div", { className: "rs-review-details", children: [
+        onrampMethod && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx21("span", { children: "Onramp method" }),
+          /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-value", children: onrampMethod })
+        ] }),
+        amountPaid && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx21("span", { children: "Amount paid" }),
+          /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-value", children: amountPaid })
+        ] }),
+        /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx21("span", { children: "Deposited amount" }),
+          /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx21("span", { children: depositedAmount }),
+            depositedIcon && /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx21("img", { src: depositedIcon, alt: "" }) })
+          ] })
+        ] }),
+        feesTotal != null && /* @__PURE__ */ jsx21(FeesAccordion, { total: feesTotal, rows: feeRows ?? [] })
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsx21(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
+        onClose && /* @__PURE__ */ jsx21(Button, { onClick: onClose, fullWidth: true, children: "Done" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx21(PoweredBy, {})
+  ] });
+}
+SwappedReceipt.displayName = "SwappedReceipt";
+
 // src/core/webhook.ts
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -2496,6 +2818,26 @@ function getEventSourceDetails(event) {
   }
   return {};
 }
+function asChain(value) {
+  if (typeof value === "string" && value.trim().startsWith("solana")) {
+    return "solana";
+  }
+  return asNumber(value);
+}
+function getEventDestinationDetails(event) {
+  if (!event?.type || !isRecord(event.data)) return {};
+  if (event.type !== "bridge-started" && event.type !== "bridge-complete" && event.type !== "post-bridge-swap-complete") {
+    return {};
+  }
+  const destination = isRecord(event.data.destination) ? event.data.destination : void 0;
+  if (!destination) return {};
+  const token = asString(destination.asset);
+  return {
+    chainId: asChain(destination.chain),
+    amount: asAmount(destination.amount),
+    token: token?.trim() || void 0
+  };
+}
 function isDepositEvent(event) {
   return event?.type === "deposit-received" || event?.type === "bridge-started" || event?.type === "bridge-complete" || event?.type === "bridge-failed" || event?.type === "post-bridge-swap-complete" || event?.type === "post-bridge-swap-failed" || event?.type === "error";
 }
@@ -2547,10 +2889,131 @@ function failureMessageForEvent(event) {
   return formatBridgeFailedMessage(event).message;
 }
 
+// src/core/token-amount.ts
+import { formatUnits } from "viem";
+var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set([
+  "USDC",
+  "USDT",
+  "USDT0",
+  "DAI",
+  "FRAX",
+  "PYUSD",
+  "USDP",
+  "TUSD",
+  "GUSD",
+  "USDS",
+  "LUSD",
+  "BUSD",
+  "USDE"
+]);
+var EVM_ADDRESS_RE = /^0x[a-fA-F0-9]{40}$/;
+function resolveTokenDisplay(token, chain, fallback) {
+  if (token !== void 0) {
+    if (chain === "solana") {
+      const solanaToken = getSolanaTokenByMint(token);
+      if (solanaToken) {
+        return { symbol: solanaToken.symbol, decimals: solanaToken.decimals };
+      }
+    } else if (EVM_ADDRESS_RE.test(token)) {
+      const symbol = getTokenSymbol(token, chain);
+      const decimals = findTokenDecimals(token, chain);
+      if (symbol !== "Token" || decimals !== void 0) {
+        return {
+          symbol: symbol !== "Token" ? symbol : fallback?.symbol ?? symbol,
+          decimals: decimals ?? fallback?.decimals
+        };
+      }
+    }
+  }
+  return {
+    symbol: fallback?.symbol ?? "Token",
+    decimals: fallback?.decimals
+  };
+}
+function maxFractionDigitsFor(symbol) {
+  if (!symbol) return 6;
+  return STABLECOIN_SYMBOLS.has(symbol.toUpperCase()) ? 3 : 6;
+}
+function formatTokenAmount(amount, symbol) {
+  if (!Number.isFinite(amount)) return void 0;
+  return amount.toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: maxFractionDigitsFor(symbol)
+  });
+}
+function tokenAmountToNumber(rawAmount, decimals) {
+  if (decimals === void 0) return void 0;
+  try {
+    const value = Number(formatUnits(BigInt(rawAmount), decimals));
+    return Number.isFinite(value) ? value : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function formatRawTokenAmount(rawAmount, token) {
+  const value = tokenAmountToNumber(rawAmount, token.decimals);
+  if (value === void 0) return void 0;
+  return formatTokenAmount(value, token.symbol);
+}
+function priceUsdFor(symbol, prices) {
+  if (!symbol) return void 0;
+  const upper = symbol.toUpperCase();
+  const quoted = prices[upper];
+  if (typeof quoted === "number" && quoted > 0) return quoted;
+  return STABLECOIN_SYMBOLS.has(upper) ? 1 : void 0;
+}
+function estimateReceiveAmount(params) {
+  const { sourceAmount, sourceSymbol, targetSymbol, sourceAmountUsd, prices } = params;
+  if (sourceSymbol !== void 0 && sourceSymbol.toUpperCase() === targetSymbol.toUpperCase()) {
+    return sourceAmount;
+  }
+  const usdValue = sourceAmountUsd !== void 0 && Number.isFinite(sourceAmountUsd) ? sourceAmountUsd : sourceAmount !== void 0 ? (() => {
+    const sourcePrice = priceUsdFor(sourceSymbol, prices);
+    return sourcePrice !== void 0 ? sourceAmount * sourcePrice : void 0;
+  })() : void 0;
+  if (usdValue === void 0) return void 0;
+  const targetPrice = priceUsdFor(targetSymbol, prices);
+  if (targetPrice === void 0) return void 0;
+  return usdValue / targetPrice;
+}
+function formatReceiveEstimate(params) {
+  const estimate = estimateReceiveAmount(params);
+  if (estimate === void 0) return void 0;
+  const formatted = formatTokenAmount(estimate, params.targetSymbol);
+  if (formatted === void 0) return void 0;
+  const sameSymbol = params.sourceSymbol.toUpperCase() === params.targetSymbol.toUpperCase();
+  return sameSymbol ? `${formatted} ${params.targetSymbol}` : `~${formatted} ${params.targetSymbol}`;
+}
+
+// src/core/useTokenPrices.ts
+import { useEffect as useEffect4, useState as useState4 } from "react";
+function useTokenPrices(service, symbols) {
+  const [prices, setPrices] = useState4({});
+  const symbolsKey = [
+    ...new Set(
+      symbols.filter((symbol) => Boolean(symbol)).map((symbol) => symbol.toUpperCase())
+    )
+  ].sort().join(",");
+  useEffect4(() => {
+    if (!symbolsKey) return;
+    let cancelled = false;
+    service.fetchPrices(symbolsKey.split(",")).then((result) => {
+      if (!cancelled && result && Object.keys(result).length > 0) {
+        setPrices(result);
+      }
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [service, symbolsKey]);
+  return prices;
+}
+
 // src/components/steps/ProcessingStep.tsx
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function SuccessBadge() {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs20(
     "svg",
     {
       width: "40",
@@ -2560,7 +3023,7 @@ function SuccessBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx22(
           "rect",
           {
             width: "40",
@@ -2569,7 +3032,7 @@ function SuccessBadge() {
             fill: "var(--rs-icon-wrapper-bg)"
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx22(
           "path",
           {
             d: "M28 14L17 25L12 20",
@@ -2584,7 +3047,7 @@ function SuccessBadge() {
   );
 }
 function FailedBadge() {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs20(
     "svg",
     {
       width: "40",
@@ -2594,8 +3057,8 @@ function FailedBadge() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx18("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx22("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
+        /* @__PURE__ */ jsx22(
           "path",
           {
             d: "M26 14L14 26M14 14L26 26",
@@ -2619,24 +3082,6 @@ var SOFT_DELAY_MS = {
   bridging: 4 * 60 * 1e3
 };
 var PHASE_TIMINGS_PREFIX = "rhinestone:phase-timings";
-var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set([
-  "USDC",
-  "USDT",
-  "DAI",
-  "FRAX",
-  "PYUSD",
-  "USDP",
-  "TUSD",
-  "GUSD",
-  "USDS",
-  "LUSD",
-  "BUSD",
-  "USDE"
-]);
-function maxFractionDigitsFor(symbol) {
-  if (!symbol) return 6;
-  return STABLECOIN_SYMBOLS.has(symbol.toUpperCase()) ? 3 : 6;
-}
 var PAYMENT_METHOD_LABELS = {
   creditcard: "Card",
   debitcard: "Card",
@@ -2713,10 +3158,10 @@ function formatTimer(seconds) {
   return `${mins}:${String(secs).padStart(2, "0")}`;
 }
 function TickerChar({ value }) {
-  const [current, setCurrent] = useState2(value);
-  const [previous, setPrevious] = useState2(null);
-  const [animKey, setAnimKey] = useState2(0);
-  useEffect4(() => {
+  const [current, setCurrent] = useState5(value);
+  const [previous, setPrevious] = useState5(null);
+  const [animKey, setAnimKey] = useState5(0);
+  useEffect5(() => {
     if (value === current) return;
     setPrevious(current);
     setCurrent(value);
@@ -2724,16 +3169,16 @@ function TickerChar({ value }) {
     const timeout = setTimeout(() => setPrevious(null), 360);
     return () => clearTimeout(timeout);
   }, [value, current]);
-  return /* @__PURE__ */ jsxs16("span", { className: "rs-ticker-slot", children: [
-    previous !== null && /* @__PURE__ */ jsx18("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
-    /* @__PURE__ */ jsx18("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
+  return /* @__PURE__ */ jsxs20("span", { className: "rs-ticker-slot", children: [
+    previous !== null && /* @__PURE__ */ jsx22("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
+    /* @__PURE__ */ jsx22("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
   ] });
 }
 function Ticker({ value }) {
-  return /* @__PURE__ */ jsx18("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
+  return /* @__PURE__ */ jsx22("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
     // Position-stable key so each slot keeps its own animation state.
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ jsx18(TickerChar, { value: char }, index)
+    /* @__PURE__ */ jsx22(TickerChar, { value: char }, index)
   )) });
 }
 function getPhaseStartTime(phaseId, phaseTimings) {
@@ -2806,11 +3251,11 @@ function ProcessingStep({
   const onDepositCompleteRef = useLatestRef(onDepositComplete);
   const onDepositFailedRef = useLatestRef(onDepositFailed);
   const onErrorRef = useLatestRef(onError);
-  const [state, setState] = useState2(
+  const [state, setState] = useState5(
     directTransfer ? { type: "complete" } : { type: "processing" }
   );
-  const [elapsedSeconds, setElapsedSeconds] = useState2(0);
-  const [phaseTimings, setPhaseTimings] = useState2(() => {
+  const [elapsedSeconds, setElapsedSeconds] = useState5(0);
+  const [phaseTimings, setPhaseTimings] = useState5(() => {
     const saved = loadPhaseTimings(txHash);
     if (saved) {
       startTimeRef.current = saved.startedAt;
@@ -2818,7 +3263,7 @@ function ProcessingStep({
     }
     return { startedAt: startTimeRef.current };
   });
-  const [hasEscalatedDelay, setHasEscalatedDelay] = useState2(false);
+  const [hasEscalatedDelay, setHasEscalatedDelay] = useState5(false);
   const updatePhaseTimings = useCallback3(
     (updater) => {
       setPhaseTimings((previous) => {
@@ -2829,7 +3274,7 @@ function ProcessingStep({
     },
     [txHash]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (!directTransfer) return;
     const completedAt = Date.now();
     updatePhaseTimings(() => ({
@@ -2860,7 +3305,7 @@ function ProcessingStep({
     txHash,
     updatePhaseTimings
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (directTransfer || state.type !== "processing") return;
     const updateElapsed = () => {
       setElapsedSeconds(
@@ -2871,7 +3316,7 @@ function ProcessingStep({
     const intervalId = setInterval(updateElapsed, 1e3);
     return () => clearInterval(intervalId);
   }, [directTransfer, state.type]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (state.type === "processing") return;
     const endedAt = state.type === "complete" ? phaseTimings.completedAt ?? Date.now() : Date.now();
     setElapsedSeconds(Math.floor((endedAt - startTimeRef.current) / 1e3));
@@ -2879,14 +3324,14 @@ function ProcessingStep({
       (previous) => previous.endedAt !== void 0 ? previous : { ...previous, endedAt }
     );
   }, [phaseTimings.completedAt, state.type, updatePhaseTimings]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!state.lastEvent) return;
     updatePhaseTimings(
       (previous) => syncPhaseTimings(previous, state.lastEvent)
     );
   }, [state.lastEvent?.time, state.lastEvent?.type, updatePhaseTimings]);
-  const [swappedFiatContext, setSwappedFiatContext] = useState2(null);
-  useEffect4(() => {
+  const [swappedFiatContext, setSwappedFiatContext] = useState5(null);
+  useEffect5(() => {
     let cancelled = false;
     service.fetchSwappedOrderStatus(smartAccount).then((res) => {
       if (cancelled || !res) return;
@@ -2907,7 +3352,7 @@ function ProcessingStep({
       cancelled = true;
     };
   }, [service, smartAccount, txHash, isSwappedOrder]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (directTransfer) return;
     if (state.type !== "processing") {
       pollIntervalRef.current = INITIAL_POLL_INTERVAL;
@@ -3067,7 +3512,7 @@ function ProcessingStep({
     state.type,
     txHash
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (directTransfer || state.type !== "processing") return;
     const timeoutId = setTimeout(() => {
       if (escalatedDelayRef.current) return;
@@ -3098,82 +3543,71 @@ function ProcessingStep({
   const displayAmount = sourceDetails.amount ?? amount;
   const sourceExplorerUrl = getExplorerTxUrl(displaySourceChain, txHash);
   const destExplorerUrl = destinationTxHash ? getExplorerTxUrl(targetChain, destinationTxHash) : null;
-  const isEvmSourceToken = /^0x[a-fA-F0-9]{40}$/.test(displaySourceToken);
-  const sourceSymbol = displaySourceChain === "solana" ? providedSourceSymbol ?? "SOL" : isEvmSourceToken ? getTokenSymbol(displaySourceToken, displaySourceChain) : providedSourceSymbol ?? "Token";
-  const sourceDecimals = displaySourceChain === "solana" ? providedSourceDecimals ?? 9 : isEvmSourceToken ? getTokenDecimalsByAddress(
-    displaySourceToken,
-    displaySourceChain
-  ) : providedSourceDecimals ?? 18;
-  const amountMaxDigits = maxFractionDigitsFor(sourceSymbol);
-  const formattedReceivedAmount = (() => {
-    try {
-      const raw = formatUnits(BigInt(displayAmount), sourceDecimals);
-      const numeric = Number(raw);
-      if (!Number.isFinite(numeric)) return raw;
-      return numeric.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    } catch {
-      return Number(displayAmount).toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    }
+  const sourceDisplay = (() => {
+    const resolved = resolveTokenDisplay(displaySourceToken, displaySourceChain, {
+      symbol: providedSourceSymbol ?? (displaySourceChain === "solana" ? "SOL" : "Token"),
+      decimals: providedSourceDecimals
+    });
+    return {
+      symbol: resolved.symbol,
+      decimals: resolved.decimals ?? (displaySourceChain === "solana" ? 9 : 18)
+    };
   })();
-  const destinationAmountRaw = (() => {
-    const dest = lastEvent?.data?.destination;
-    if (!dest || dest.amount === void 0) return void 0;
-    try {
-      return BigInt(dest.amount);
-    } catch {
-      return void 0;
-    }
+  const sourceSymbol = sourceDisplay.symbol;
+  const formattedSentAmount = formatRawTokenAmount(displayAmount, sourceDisplay) ?? // Not raw base units (e.g. a decimal string) — render the number as-is.
+  formatTokenAmount(Number(displayAmount), sourceDisplay.symbol) ?? displayAmount;
+  const isBridgeHopDestination = hasPostBridgeActions && (lastEvent?.type === "bridge-started" || lastEvent?.type === "bridge-complete");
+  const eventDestination = isBridgeHopDestination ? {} : getEventDestinationDetails(lastEvent);
+  const targetDisplay = resolveTokenDisplay(
+    eventDestination.token ?? targetToken,
+    eventDestination.chainId ?? targetChain,
+    // Dapp deposits default to USDC targets; mirror the source symbol last so
+    // unresolvable same-token routes still label sensibly.
+    { symbol: providedSourceSymbol ?? "USDC" }
+  );
+  const targetSymbol = targetDisplay.symbol;
+  const formattedDestinationAmount = eventDestination.amount !== void 0 ? formatRawTokenAmount(eventDestination.amount, targetDisplay) : void 0;
+  const amountUsdNumber = amountUsd !== void 0 && Number(amountUsd) > 0 ? Number(amountUsd) : void 0;
+  const prices = useTokenPrices(service, [
+    sourceDisplay.symbol,
+    targetDisplay.symbol
+  ]);
+  const estimatedReceiveAmount = (() => {
+    const estimate = estimateReceiveAmount({
+      sourceAmount: tokenAmountToNumber(displayAmount, sourceDisplay.decimals),
+      sourceSymbol: sourceDisplay.symbol,
+      targetSymbol: targetDisplay.symbol,
+      sourceAmountUsd: amountUsdNumber,
+      prices
+    });
+    return estimate !== void 0 ? formatTokenAmount(estimate, targetDisplay.symbol) : void 0;
   })();
-  const sourceAmountRaw = (() => {
-    try {
-      return BigInt(displayAmount);
-    } catch {
+  const receiveDisplay = formattedDestinationAmount ? `${formattedDestinationAmount} ${targetSymbol}` : estimatedReceiveAmount !== void 0 ? `~${estimatedReceiveAmount} ${targetSymbol}` : amountUsdNumber !== void 0 ? `~$${amountUsdNumber.toFixed(2)}` : (
+    // Cross-token with no price and no USD context (rare QR case):
+    // an honest dash beats a wrong number.
+    "\u2014"
+  );
+  const formattedBridgingCost = (() => {
+    if (sourceSymbol.toUpperCase() !== targetSymbol.toUpperCase()) {
       return void 0;
     }
-  })();
-  const bridgingCostRaw = sourceAmountRaw !== void 0 && destinationAmountRaw !== void 0 && sourceAmountRaw > destinationAmountRaw ? sourceAmountRaw - destinationAmountRaw : void 0;
-  const formattedDestinationAmount = destinationAmountRaw !== void 0 ? (() => {
-    try {
-      const raw = formatUnits(destinationAmountRaw, sourceDecimals);
-      const numeric = Number(raw);
-      if (!Number.isFinite(numeric)) return raw;
-      return numeric.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    } catch {
+    const sentValue = tokenAmountToNumber(displayAmount, sourceDisplay.decimals);
+    const receivedValue = eventDestination.amount !== void 0 ? tokenAmountToNumber(eventDestination.amount, targetDisplay.decimals) : void 0;
+    if (sentValue === void 0 || receivedValue === void 0 || sentValue <= receivedValue) {
       return void 0;
     }
-  })() : void 0;
-  const formattedBridgingCost = bridgingCostRaw !== void 0 ? (() => {
-    try {
-      const raw = formatUnits(bridgingCostRaw, sourceDecimals);
-      const numeric = Number(raw);
-      if (!Number.isFinite(numeric)) return raw;
-      return numeric.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: amountMaxDigits
-      });
-    } catch {
+    const formatted = formatTokenAmount(sentValue - receivedValue, sourceSymbol);
+    if (formatted === void 0 || Number(formatted.replace(/,/g, "")) === 0) {
       return void 0;
     }
-  })() : void 0;
+    return formatted;
+  })();
   const currentPhaseId = getCurrentPhaseId(state, phaseTimings);
   const activePhaseStartedAt = currentPhaseId ? getPhaseStartTime(currentPhaseId, phaseTimings) : void 0;
   const activePhaseElapsedMs = isProcessing && activePhaseStartedAt !== void 0 ? timelineNowMs - activePhaseStartedAt : 0;
   const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
   void delayPhaseId;
   void hasEscalatedDelay;
-  const targetSymbol = (() => {
-    const resolved = getTargetTokenSymbol(targetToken, targetChain);
-    return resolved !== "Token" ? resolved : providedSourceSymbol ?? "USDC";
-  })();
   const targetTokenIcon = getTokenIcon(targetSymbol);
   const sourceChainIcon = getChainIcon(displaySourceChain);
   const targetChainIcon = getChainIcon(targetChain);
@@ -3185,23 +3619,58 @@ function ProcessingStep({
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = onRetry ?? onNewDeposit;
-  const headerContent = isComplete ? /* @__PURE__ */ jsxs16("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx18(SuccessBadge, {}),
-    /* @__PURE__ */ jsx18("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx18("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : isFailed ? /* @__PURE__ */ jsxs16("div", { className: "rs-body-header", children: [
-    /* @__PURE__ */ jsx18(FailedBadge, {}),
-    /* @__PURE__ */ jsx18("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx18("h2", { className: "rs-body-header-title", children: stateTitle }) })
-  ] }) : /* @__PURE__ */ jsx18(BodyHeader, { icon: /* @__PURE__ */ jsx18(WalletIcon, {}), title: stateTitle });
-  return /* @__PURE__ */ jsxs16("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+  const headerContent = isComplete ? /* @__PURE__ */ jsxs20("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx22(SuccessBadge, {}),
+    /* @__PURE__ */ jsx22("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx22("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : isFailed ? /* @__PURE__ */ jsxs20("div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ jsx22(FailedBadge, {}),
+    /* @__PURE__ */ jsx22("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx22("h2", { className: "rs-body-header-title", children: stateTitle }) })
+  ] }) : /* @__PURE__ */ jsx22(BodyHeader, { icon: /* @__PURE__ */ jsx22(WalletIcon, {}), title: stateTitle });
+  if (isComplete && isSwappedOrder) {
+    const onrampMethod = swappedFiatContext?.paymentMethod ? formatPaymentMethod(swappedFiatContext.paymentMethod) : null;
+    const amountPaid = swappedFiatContext?.paidAmountUsd != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null;
+    const depositedAmount = receiveDisplay;
+    const onrampFeeUsd = swappedFiatContext?.onrampFeeUsd ?? null;
+    const networkFeeUsd = quotedFeeAmount !== void 0 && Number.isFinite(Number(quotedFeeAmount)) ? Number(quotedFeeAmount) : null;
+    const feeRows = [];
+    if (onrampFeeUsd != null) {
+      feeRows.push({
+        label: "On-ramp fee",
+        value: `$${onrampFeeUsd.toFixed(2)}`
+      });
+    }
+    if (networkFeeUsd != null) {
+      feeRows.push({
+        label: "Network fee",
+        value: `$${networkFeeUsd.toFixed(2)}`
+      });
+    }
+    const feesTotal = feeRows.length > 0 ? `$${((onrampFeeUsd ?? 0) + (networkFeeUsd ?? 0)).toFixed(2)}` : null;
+    return /* @__PURE__ */ jsx22(
+      SwappedReceipt,
+      {
+        onrampMethod,
+        amountPaid,
+        depositedAmount,
+        depositedIcon: targetTokenIcon,
+        feesTotal,
+        feeRows,
+        newLabel: `New ${flowNoun}`,
+        onNewDeposit,
+        onClose
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs20("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       headerContent,
-      /* @__PURE__ */ jsxs16("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx18("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: sourceChainIcon, alt: "" }) }),
-            isSwappedOrder && sourceExplorerUrl && /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs20("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: "Source chain" }),
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx22("span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: sourceChainIcon, alt: "" }) }),
+            sourceExplorerUrl && /* @__PURE__ */ jsx22(
               "a",
               {
                 href: sourceExplorerUrl,
@@ -3209,17 +3678,17 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View source transaction",
-                children: /* @__PURE__ */ jsx18(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx22(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx18("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: targetChainIcon, alt: "" }) }),
-            isSwappedOrder && destExplorerUrl && /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: "Destination chain" }),
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx22("span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: targetChainIcon, alt: "" }) }),
+            destExplorerUrl && /* @__PURE__ */ jsx22(
               "a",
               {
                 href: destExplorerUrl,
@@ -3227,75 +3696,75 @@ function ProcessingStep({
                 rel: "noopener noreferrer",
                 className: "rs-review-detail-link",
                 "aria-label": "View destination transaction",
-                children: /* @__PURE__ */ jsx18(ExternalLinkIcon, {})
+                children: /* @__PURE__ */ jsx22(ExternalLinkIcon, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
-          /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx18(Ticker, { value: timerText }) })
+        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
+          /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx22(Ticker, { value: timerText }) })
         ] }),
-        isSwappedOrder ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "You pay" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
+        isSwappedOrder ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
+          swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx22("span", { children: "You pay" }),
+            /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.paidAmountUsd.toFixed(2),
-              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs16("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
+              swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs20("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
                 "via",
                 " ",
                 formatPaymentMethod(swappedFiatContext.paymentMethod)
               ] })
             ] })
           ] }),
-          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "On-ramp fee" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
+          swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx22("span", { children: "On-ramp fee" }),
+            /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
               "$",
               swappedFiatContext.onrampFeeUsd.toFixed(2)
             ] })
           ] }),
-          formattedBridgingCost && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Bridging cost" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-              /* @__PURE__ */ jsxs16("span", { children: [
+          formattedBridgingCost && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx22("span", { children: "Bridging cost" }),
+            /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ jsxs20("span", { children: [
                 formattedBridgingCost,
                 " ",
                 sourceSymbol
               ] }),
-              sourceTokenIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: sourceTokenIcon, alt: "" }) })
+              sourceTokenIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: sourceTokenIcon, alt: "" }) })
             ] })
           ] })
-        ] }) : /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: isProcessing ? "You send" : "You sent" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs16("span", { children: [
-              formattedReceivedAmount,
+        ] }) : /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: isProcessing ? "You send" : "You sent" }),
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs20("span", { children: [
+              formattedSentAmount,
               " ",
               sourceSymbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: isProcessing ? "Receive" : "Received" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx18("span", { children: formattedDestinationAmount ? `${formattedDestinationAmount} ${targetSymbol}` : `~${formattedReceivedAmount} ${targetSymbol}` }),
-            targetTokenIcon && /* @__PURE__ */ jsx18("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx18("img", { src: targetTokenIcon, alt: "" }) })
+        /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: isProcessing ? "Receive" : "Received" }),
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx22("span", { children: receiveDisplay }),
+            targetTokenIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Balance" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
+        isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: "Balance" }),
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
             "$",
             balanceAfterUsd.toFixed(2)
           ] })
         ] }),
-        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs16(
+        isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx22("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs20(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -3306,22 +3775,22 @@ function ProcessingStep({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx18(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx22(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx22(
               "span",
               {
                 className: "rs-review-detail-info",
                 "aria-label": "Fee info",
-                children: /* @__PURE__ */ jsx18(InfoIcon, {})
+                children: /* @__PURE__ */ jsx22(InfoIcon, {})
               }
             ) })
           ] })
         ] }) : (() => {
           const feeValue = quotedFeeAmount ?? formattedBridgingCost;
           if (feeValue === void 0) return null;
-          return /* @__PURE__ */ jsxs16("div", { className: "rs-review-detail-row", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Fees" }),
-            /* @__PURE__ */ jsxs16("span", { className: "rs-review-detail-value", children: [
-              /* @__PURE__ */ jsxs16(
+          return /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
+            /* @__PURE__ */ jsx22("span", { children: "Fees" }),
+            /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
+              /* @__PURE__ */ jsxs20(
                 "span",
                 {
                   style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -3332,20 +3801,20 @@ function ProcessingStep({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx18(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx22(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx22(
                 "span",
                 {
                   className: "rs-review-detail-info",
                   "aria-label": "Fee info",
-                  children: /* @__PURE__ */ jsx18(InfoIcon, {})
+                  children: /* @__PURE__ */ jsx22(InfoIcon, {})
                 }
               ) })
             ] })
           ] });
         })()
       ] }),
-      isFailed && failureMessage && /* @__PURE__ */ jsx18(Callout, { variant: "error", children: failureMessage }),
-      isProcessing && /* @__PURE__ */ jsx18(
+      isFailed && failureMessage && /* @__PURE__ */ jsx22(Callout, { variant: "error", children: failureMessage }),
+      isProcessing && /* @__PURE__ */ jsx22(
         Button,
         {
           fullWidth: true,
@@ -3355,307 +3824,22 @@ function ProcessingStep({
           children: "Submitting transaction\u2026"
         }
       ),
-      isComplete && /* @__PURE__ */ jsxs16("div", { className: "rs-screen-button-row", children: [
-        onNewDeposit && /* @__PURE__ */ jsxs16(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
+      isComplete && /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
+        onNewDeposit && /* @__PURE__ */ jsxs20(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
           "New ",
           flowNoun
         ] }),
-        onClose && /* @__PURE__ */ jsx18(Button, { onClick: onClose, fullWidth: true, children: "Done" })
+        onClose && /* @__PURE__ */ jsx22(Button, { onClick: onClose, fullWidth: true, children: "Done" })
       ] }),
-      isFailed && /* @__PURE__ */ jsxs16("div", { className: "rs-screen-button-row", children: [
-        onClose && /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
-        handleRetry && /* @__PURE__ */ jsx18(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
+      isFailed && /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
+        onClose && /* @__PURE__ */ jsx22(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
+        handleRetry && /* @__PURE__ */ jsx22(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(PoweredBy, {})
+    /* @__PURE__ */ jsx22(PoweredBy, {})
   ] });
 }
 
-// src/core/safe.ts
-import {
-  concat,
-  encodeFunctionData,
-  erc20Abi,
-  hashTypedData,
-  pad,
-  parseEventLogs,
-  toHex,
-  zeroAddress
-} from "viem";
-var SAFE_ABI = [
-  {
-    type: "function",
-    name: "isOwner",
-    stateMutability: "view",
-    inputs: [{ name: "owner", type: "address" }],
-    outputs: [{ name: "", type: "bool" }]
-  },
-  {
-    type: "function",
-    name: "nonce",
-    stateMutability: "view",
-    inputs: [],
-    outputs: [{ type: "uint256" }]
-  },
-  {
-    type: "function",
-    name: "execTransaction",
-    stateMutability: "payable",
-    inputs: [
-      { name: "to", type: "address" },
-      { name: "value", type: "uint256" },
-      { name: "data", type: "bytes" },
-      { name: "operation", type: "uint8" },
-      { name: "safeTxGas", type: "uint256" },
-      { name: "baseGas", type: "uint256" },
-      { name: "gasPrice", type: "uint256" },
-      { name: "gasToken", type: "address" },
-      { name: "refundReceiver", type: "address" },
-      { name: "signatures", type: "bytes" }
-    ],
-    outputs: [{ name: "success", type: "bool" }]
-  },
-  {
-    type: "event",
-    name: "ExecutionSuccess",
-    inputs: [
-      { name: "txHash", type: "bytes32", indexed: true },
-      { name: "payment", type: "uint256", indexed: false }
-    ],
-    anonymous: false
-  },
-  {
-    type: "event",
-    name: "ExecutionFailure",
-    inputs: [
-      { name: "txHash", type: "bytes32", indexed: true },
-      { name: "payment", type: "uint256", indexed: false }
-    ],
-    anonymous: false
-  }
-];
-async function executeSafeEthTransfer(params) {
-  const {
-    walletClient,
-    publicClient,
-    safeAddress,
-    recipient,
-    amount,
-    chainId
-  } = params;
-  const account = walletClient.account;
-  const chain = walletClient.chain;
-  if (!account || !chain) {
-    throw new Error("Wallet not connected");
-  }
-  if (chain.id !== chainId) {
-    throw new Error(`Switch to ${getChainName(chainId)} to sign`);
-  }
-  const isOwner = await publicClient.readContract({
-    address: safeAddress,
-    abi: SAFE_ABI,
-    functionName: "isOwner",
-    args: [account.address]
-  });
-  if (!isOwner) {
-    throw new Error("Connected wallet is not a Safe owner");
-  }
-  const safeTx = {
-    to: recipient,
-    value: amount,
-    data: "0x",
-    operation: 0,
-    safeTxGas: 0n,
-    baseGas: 0n,
-    gasPrice: 0n,
-    gasToken: zeroAddress,
-    refundReceiver: zeroAddress
-  };
-  const signature = concat([
-    pad(account.address, { size: 32 }),
-    pad(toHex(0), { size: 32 }),
-    toHex(1, { size: 1 })
-  ]);
-  const txHash = await walletClient.writeContract({
-    account,
-    chain,
-    address: safeAddress,
-    abi: SAFE_ABI,
-    functionName: "execTransaction",
-    args: [
-      safeTx.to,
-      safeTx.value,
-      safeTx.data,
-      safeTx.operation,
-      safeTx.safeTxGas,
-      safeTx.baseGas,
-      safeTx.gasPrice,
-      safeTx.gasToken,
-      safeTx.refundReceiver,
-      signature
-    ]
-  });
-  const receipt = await publicClient.waitForTransactionReceipt({
-    hash: txHash
-  });
-  const safeLogs = receipt.logs.filter(
-    (log) => log.address.toLowerCase() === safeAddress.toLowerCase()
-  );
-  const parsed = parseEventLogs({
-    abi: SAFE_ABI,
-    logs: safeLogs,
-    strict: false
-  });
-  const failed = parsed.find((log) => log.eventName === "ExecutionFailure");
-  if (failed) {
-    throw new Error("Safe transaction failed");
-  }
-  const succeeded = parsed.find((log) => log.eventName === "ExecutionSuccess");
-  if (!succeeded) {
-    throw new Error("Safe transaction status unavailable");
-  }
-  return { txHash };
-}
-async function executeSafeErc20Transfer(params) {
-  const {
-    walletClient,
-    publicClient,
-    safeAddress,
-    tokenAddress,
-    recipient,
-    amount,
-    chainId
-  } = params;
-  const account = walletClient.account;
-  const chain = walletClient.chain;
-  if (!account || !chain) {
-    throw new Error("Wallet not connected");
-  }
-  if (chain.id !== chainId) {
-    throw new Error(`Switch to ${getChainName(chainId)} to sign`);
-  }
-  const isOwner = await publicClient.readContract({
-    address: safeAddress,
-    abi: SAFE_ABI,
-    functionName: "isOwner",
-    args: [account.address]
-  });
-  if (!isOwner) {
-    throw new Error("Connected wallet is not a Safe owner");
-  }
-  const data = encodeFunctionData({
-    abi: erc20Abi,
-    functionName: "transfer",
-    args: [recipient, amount]
-  });
-  const safeTx = {
-    to: tokenAddress,
-    value: 0n,
-    data,
-    operation: 0,
-    safeTxGas: 0n,
-    baseGas: 0n,
-    gasPrice: 0n,
-    gasToken: zeroAddress,
-    refundReceiver: zeroAddress
-  };
-  const signature = concat([
-    pad(account.address, { size: 32 }),
-    pad(toHex(0), { size: 32 }),
-    toHex(1, { size: 1 })
-  ]);
-  const txHash = await walletClient.writeContract({
-    account,
-    chain,
-    address: safeAddress,
-    abi: SAFE_ABI,
-    functionName: "execTransaction",
-    args: [
-      safeTx.to,
-      safeTx.value,
-      safeTx.data,
-      safeTx.operation,
-      safeTx.safeTxGas,
-      safeTx.baseGas,
-      safeTx.gasPrice,
-      safeTx.gasToken,
-      safeTx.refundReceiver,
-      signature
-    ]
-  });
-  const receipt = await publicClient.waitForTransactionReceipt({
-    hash: txHash
-  });
-  const safeLogs = receipt.logs.filter(
-    (log) => log.address.toLowerCase() === safeAddress.toLowerCase()
-  );
-  const parsed = parseEventLogs({
-    abi: SAFE_ABI,
-    logs: safeLogs,
-    strict: false
-  });
-  const failed = parsed.find((log) => log.eventName === "ExecutionFailure");
-  if (failed) {
-    throw new Error("Safe transaction failed");
-  }
-  const succeeded = parsed.find((log) => log.eventName === "ExecutionSuccess");
-  if (!succeeded) {
-    throw new Error("Safe transaction status unavailable");
-  }
-  return { txHash };
-}
-var SAFE_TX_TYPES = {
-  SafeTx: [
-    { name: "to", type: "address" },
-    { name: "value", type: "uint256" },
-    { name: "data", type: "bytes" },
-    { name: "operation", type: "uint8" },
-    { name: "safeTxGas", type: "uint256" },
-    { name: "baseGas", type: "uint256" },
-    { name: "gasPrice", type: "uint256" },
-    { name: "gasToken", type: "address" },
-    { name: "refundReceiver", type: "address" },
-    { name: "nonce", type: "uint256" }
-  ]
-};
-async function buildSafeTransaction(params) {
-  const { publicClient, safeAddress, to, value, data, chainId } = params;
-  const nonce = await publicClient.readContract({
-    address: safeAddress,
-    abi: SAFE_ABI,
-    functionName: "nonce"
-  });
-  const message = {
-    to,
-    value,
-    data,
-    operation: 0,
-    safeTxGas: 0n,
-    baseGas: 0n,
-    gasPrice: 0n,
-    gasToken: zeroAddress,
-    refundReceiver: zeroAddress,
-    nonce
-  };
-  const safeTxHash = hashTypedData({
-    domain: { chainId, verifyingContract: safeAddress },
-    types: SAFE_TX_TYPES,
-    primaryType: "SafeTx",
-    message
-  });
-  return {
-    chainId,
-    safeAddress,
-    safeTxHash,
-    typedData: {
-      domain: { chainId, verifyingContract: safeAddress },
-      types: SAFE_TX_TYPES,
-      primaryType: "SafeTx",
-      message
-    }
-  };
-}
-
 // src/core/session-owner.ts
 import { isAddress } from "viem";
 import {
@@ -3725,6 +3909,7 @@ export {
   PlusCircleIcon,
   CircleArrowOutUpLeftIcon,
   BankIcon,
+  UnplugIcon,
   Callout,
   BodyHeader,
   PoweredBy,
@@ -3744,17 +3929,16 @@ export {
   isUnsupportedChainSwitchError,
   formatUserError,
   Tooltip,
+  formatTokenAmount,
+  formatReceiveEstimate,
   getEventTxHash,
   getEventSourceDetails,
   isDepositEvent,
   isFailedEvent,
   txRefsMatch,
   failureMessageForEvent,
+  useTokenPrices,
   ProcessingStep,
-  SAFE_ABI,
-  executeSafeEthTransfer,
-  executeSafeErc20Transfer,
-  buildSafeTransaction,
   getPublicClient,
   getHyperEvmReadClient,
   loadSessionOwnerFromStorage,