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

package/dist/{chunk-JRNGXHWQ.mjs → chunk-DUGDAMAF.mjs}

@@ -8,7 +8,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-SDZKKUCJ.mjs";
+} from "./chunk-WHW3ZMOT.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -1146,16 +1146,6 @@ function TransferIcon() {
     }
   ) });
 }
-function CheckIcon() {
-  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx4(
-    "path",
-    {
-      d: "M5 13l4 4L19 7",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
 function ChevronRightIcon() {
   return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx4(
     "path",
@@ -1167,23 +1157,59 @@ function ChevronRightIcon() {
   ) });
 }
 
-// src/components/steps/ConnectStep.tsx
+// src/components/ui/PoweredBy.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function PoweredBy() {
+  return /* @__PURE__ */ jsxs4("div", { className: "rs-powered-by", children: [
+    /* @__PURE__ */ jsx5(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ jsx5(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs4("span", { children: [
+      "Powered by",
+      " ",
+      /* @__PURE__ */ jsx5(
+        "a",
+        {
+          href: "https://www.rhinestone.dev",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "Rhinestone"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/steps/ConnectStep.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function rowIcon(kind) {
-  if (kind === "connected") return /* @__PURE__ */ jsx5(WalletIcon, {});
-  if (kind === "solana") return /* @__PURE__ */ jsx5(ExternalLinkIcon, {});
-  return /* @__PURE__ */ jsx5(ExternalLinkIcon, {});
+  if (kind === "connected") return /* @__PURE__ */ jsx6(WalletIcon, {});
+  if (kind === "solana") return /* @__PURE__ */ jsx6(ExternalLinkIcon, {});
+  return /* @__PURE__ */ jsx6(ExternalLinkIcon, {});
 }
 function ConnectStep({
   walletOptions,
-  selectedWalletId,
+  enablePolymarketMigration,
   onSelectWallet,
   onSelectTransferCrypto,
+  onSelectPolymarket,
   onRequestConnect,
   onConnect,
   onDisconnect,
-  onContinue,
-  continueButtonLabel = "Continue",
   connectButtonLabel = "Connect external wallet"
 }) {
   const hasWalletOptions = (walletOptions?.length ?? 0) > 0;
@@ -1192,80 +1218,86 @@ function ConnectStep({
       (option) => option.kind === "external" || option.kind === "solana"
     ) ?? false;
     const showConnectDifferentWalletOption = Boolean(onConnect) && !hasReownWallet;
-    return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-list", children: [
+    return /* @__PURE__ */ jsxs5("div", { className: "rs-step", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-list", children: [
+          onSelectTransferCrypto && /* @__PURE__ */ jsxs5(
+            "button",
+            {
+              type: "button",
+              className: "rs-connect-wallet-row rs-connect-wallet-row--action",
+              onClick: onSelectTransferCrypto,
+              children: [
+                /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx6(TransferIcon, {}) }),
+                /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-meta", children: [
+                  /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
+                  /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-address", children: "No limit instant transfer" })
+                ] }),
+                /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
+              ]
+            }
+          ),
           walletOptions?.map((option) => {
-            const isSelected = option.id === selectedWalletId;
             const rawAddress = option.address ?? option.solanaAddress ?? option.id;
             const shortAddress = rawAddress.length > 12 ? `${rawAddress.slice(0, 6)}...${rawAddress.slice(-4)}` : rawAddress;
-            return /* @__PURE__ */ jsxs4(
+            return /* @__PURE__ */ jsxs5(
               "button",
               {
                 type: "button",
-                className: `rs-connect-wallet-row ${isSelected ? "rs-connect-wallet-row--selected" : ""}`,
+                className: "rs-connect-wallet-row",
                 onClick: () => onSelectWallet?.(option.id),
                 children: [
-                  /* @__PURE__ */ jsx5(
-                    "div",
+                  /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-icon", children: option.icon ? /* @__PURE__ */ jsx6(
+                    "img",
                     {
-                      className: `rs-connect-wallet-icon ${isSelected ? "rs-connect-wallet-icon--selected" : ""}`,
-                      children: option.icon ? /* @__PURE__ */ jsx5(
-                        "img",
-                        {
-                          src: option.icon,
-                          alt: option.label,
-                          style: { width: 24, height: 24, borderRadius: 6 }
-                        }
-                      ) : rowIcon(option.kind)
+                      src: option.icon,
+                      alt: option.label,
+                      style: { width: 24, height: 24, borderRadius: 6 }
                     }
-                  ),
-                  /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
-                    /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: option.label }),
-                    /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: shortAddress })
+                  ) : rowIcon(option.kind) }),
+                  /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-meta", children: [
+                    /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-label", children: option.label }),
+                    /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-address", children: shortAddress })
                   ] }),
-                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: isSelected ? /* @__PURE__ */ jsx5(CheckIcon, {}) : /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+                  /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
                 ]
               },
               option.id
             );
           }),
-          showConnectDifferentWalletOption && /* @__PURE__ */ jsxs4(
+          showConnectDifferentWalletOption && /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
               className: "rs-connect-wallet-row rs-connect-wallet-row--action",
               onClick: onConnect,
               children: [
-                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(ExternalLinkIcon, {}) }),
-                /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
-                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "External Wallet" }),
-                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Connect different wallet" })
+                /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx6(ExternalLinkIcon, {}) }),
+                /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-meta", children: [
+                  /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-label", children: "External Wallet" }),
+                  /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-address", children: "Connect different wallet" })
                 ] }),
-                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+                /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
               ]
             }
           ),
-          onSelectTransferCrypto && /* @__PURE__ */ jsxs4(
+          enablePolymarketMigration && onSelectPolymarket && /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
               className: "rs-connect-wallet-row rs-connect-wallet-row--action",
-              onClick: onSelectTransferCrypto,
+              onClick: onSelectPolymarket,
               children: [
-                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(TransferIcon, {}) }),
-                /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
-                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
-                  /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "No limit instant transfer" })
-                ] }),
-                /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+                /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx6(ExternalLinkIcon, {}) }),
+                /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-meta", children: /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-label", children: "Migrate from Polymarket" }) }),
+                /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
               ]
             }
           )
         ] }),
         (onDisconnect || onConnect) && walletOptions?.some(
           (option) => option.kind === "external" || option.kind === "solana"
-        ) && /* @__PURE__ */ jsx5(
+        ) && /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -1275,61 +1307,68 @@ function ConnectStep({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx5("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ jsx5(
-        Button,
-        {
-          onClick: onContinue,
-          variant: "accent",
-          fullWidth: true,
-          disabled: !selectedWalletId || !onContinue,
-          children: continueButtonLabel
-        }
-      ) })
+      /* @__PURE__ */ jsx6(PoweredBy, {})
     ] });
   }
   const handleConnect = onConnect ?? onRequestConnect;
   if (onSelectTransferCrypto) {
-    return /* @__PURE__ */ jsx5("div", { className: "rs-step", children: /* @__PURE__ */ jsx5("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-list", children: [
-      /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx6("div", { className: "rs-step", children: /* @__PURE__ */ jsx6("div", { className: "rs-connect-centered rs-connect-centered--wallets", children: /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-list", children: [
+      /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
           className: "rs-connect-wallet-row rs-connect-wallet-row--action",
           onClick: onSelectTransferCrypto,
           children: [
-            /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(TransferIcon, {}) }),
-            /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
-              /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
-              /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "No limit instant transfer" })
+            /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx6(TransferIcon, {}) }),
+            /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-meta", children: [
+              /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-label", children: "Transfer Crypto" }),
+              /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-address", children: "No limit instant transfer" })
             ] }),
-            /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+            /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
           ]
         }
       ),
-      handleConnect && /* @__PURE__ */ jsxs4(
+      handleConnect && /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
           className: "rs-connect-wallet-row rs-connect-wallet-row--action",
           onClick: handleConnect,
           children: [
-            /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx5(WalletIcon, {}) }),
-            /* @__PURE__ */ jsxs4("div", { className: "rs-connect-wallet-meta", children: [
-              /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-label", children: "Connect Wallet" }),
-              /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-address", children: "Connect your wallet to deposit" })
+            /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx6(WalletIcon, {}) }),
+            /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-meta", children: [
+              /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-label", children: "Connect Wallet" }),
+              /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-address", children: "Connect your wallet to deposit" })
             ] }),
-            /* @__PURE__ */ jsx5("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx5(ChevronRightIcon, {}) })
+            /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
+          ]
+        }
+      ),
+      enablePolymarketMigration && handleConnect && /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          className: "rs-connect-wallet-row rs-connect-wallet-row--action",
+          onClick: onSelectPolymarket ?? handleConnect,
+          children: [
+            /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-icon rs-connect-wallet-icon--action", children: /* @__PURE__ */ jsx6(ExternalLinkIcon, {}) }),
+            /* @__PURE__ */ jsxs5("div", { className: "rs-connect-wallet-meta", children: [
+              /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-label", children: "Connect Polymarket" }),
+              /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-address", children: "Connect the EOA that owns your Polymarket wallet" })
+            ] }),
+            /* @__PURE__ */ jsx6("div", { className: "rs-connect-wallet-indicator", children: /* @__PURE__ */ jsx6(ChevronRightIcon, {}) })
           ]
         }
       )
     ] }) }) });
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx5("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--outer" }),
-        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--inner" }),
-        /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-core", children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx6("div", { className: "rs-connect-centered rs-connect-centered--minimal", children: /* @__PURE__ */ jsxs5("div", { className: "rs-connect-empty", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rs-connect-empty-graphic", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx6("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--outer" }),
+        /* @__PURE__ */ jsx6("div", { className: "rs-connect-empty-orbit rs-connect-empty-orbit--inner" }),
+        /* @__PURE__ */ jsx6("div", { className: "rs-connect-empty-core", children: /* @__PURE__ */ jsxs5(
           "svg",
           {
             viewBox: "0 0 24 24",
@@ -1337,7 +1376,7 @@ function ConnectStep({
             stroke: "currentColor",
             strokeWidth: "1.6",
             children: [
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -1345,7 +1384,7 @@ function ConnectStep({
                   d: "M4 8.25A2.25 2.25 0 016.25 6h11.5A2.25 2.25 0 0120 8.25v7.5A2.25 2.25 0 0117.75 18H6.25A2.25 2.25 0 014 15.75v-7.5z"
                 }
               ),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -1353,17 +1392,17 @@ function ConnectStep({
                   d: "M20 10.5h-3.75a2.25 2.25 0 100 4.5H20"
                 }
               ),
-              /* @__PURE__ */ jsx5("circle", { cx: "16.25", cy: "12.75", r: "0.85", fill: "currentColor" })
+              /* @__PURE__ */ jsx6("circle", { cx: "16.25", cy: "12.75", r: "0.85", fill: "currentColor" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx5("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--left" }),
-        /* @__PURE__ */ jsx5("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--right" })
+        /* @__PURE__ */ jsx6("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--left" }),
+        /* @__PURE__ */ jsx6("span", { className: "rs-connect-empty-dot rs-connect-empty-dot--right" })
       ] }),
-      /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
-      /* @__PURE__ */ jsx5("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
+      /* @__PURE__ */ jsx6("div", { className: "rs-connect-empty-title", children: "No wallet connected" }),
+      /* @__PURE__ */ jsx6("div", { className: "rs-connect-empty-subtitle", children: "Connect an external wallet to continue." })
     ] }) }),
-    /* @__PURE__ */ jsx5("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6("div", { className: "rs-step-footer rs-step-footer--connect-empty", children: /* @__PURE__ */ jsx6(
       Button,
       {
         onClick: handleConnect,
@@ -1430,43 +1469,6 @@ function accountFromPrivateKey(privateKey) {
 import { useEffect as useEffect3, useRef as useRef3, useState } from "react";
 import { formatUnits } from "viem";
 
-// src/components/ui/PoweredBy.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function PoweredBy() {
-  return /* @__PURE__ */ jsxs5("div", { className: "rs-powered-by", children: [
-    /* @__PURE__ */ jsx6(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        children: /* @__PURE__ */ jsx6(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            d: "M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs5("span", { children: [
-      "Powered by",
-      " ",
-      /* @__PURE__ */ jsx6(
-        "a",
-        {
-          href: "https://www.rhinestone.dev",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Rhinestone"
-        }
-      )
-    ] })
-  ] });
-}
-
 // src/core/webhook.ts
 function isRecord(value) {
   return typeof value === "object" && value !== null;
@@ -1991,11 +1993,11 @@ function ProcessingStep({
   const bridgeExplorerUrl = bridgeTxHash ? getExplorerTxUrl(targetChain, bridgeTxHash) : null;
   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(
+  const sourceSymbol = providedSourceSymbol ?? (displaySourceChain === "solana" ? "SOL" : isEvmSourceToken ? getTokenSymbol(displaySourceToken, displaySourceChain) : "Token");
+  const sourceDecimals = providedSourceDecimals ?? (displaySourceChain === "solana" ? 9 : isEvmSourceToken ? getTokenDecimalsByAddress(
     displaySourceToken,
     displaySourceChain
-  ) : providedSourceDecimals ?? 18;
+  ) : 18);
   const formattedReceivedAmount = (() => {
     try {
       const raw = formatUnits(BigInt(displayAmount), sourceDecimals);
@@ -2307,6 +2309,7 @@ export {
   Modal,
   Spinner,
   Button,
+  PoweredBy,
   ConnectStep,
   debugLog,
   debugError,
@@ -2322,7 +2325,6 @@ export {
   saveSessionOwnerToStorage,
   createSessionOwnerKey,
   accountFromPrivateKey,
-  PoweredBy,
   currencyFormatter,
   tokenFormatter,
   formatUserError,