@trustware/sdk-staging 1.1.9-staging.3 → 1.1.9-staging.5

package/dist/index.cjs

@@ -430,7 +430,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.9-staging.3";
+    SDK_VERSION = "1.1.9-staging.5";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -16304,7 +16304,7 @@ function MobileWalletDropdownContent({
   const mobileWallets = (0, import_react34.useMemo)(
     () => WALLETS.filter((w) => {
       if (w.id === "walletconnect") return true;
-      const hasMobileLink = Boolean(w.deepLink || w.ios || w.android);
+      const hasMobileLink = Boolean(w.deepLink);
       if (!hasMobileLink) return false;
       return w.ecosystem.trim().toLowerCase() === "multi" || w.ecosystem.trim().toLowerCase() === selectedNamespace.trim().toLowerCase();
     }),
@@ -33619,8 +33619,81 @@ var init_SwapTokenSelect = __esm({
   }
 });
 
-// src/modes/swap/components/SwapWalletSelector.tsx
-function SwapWalletSelector({
+// src/modes/swap/currency.ts
+function getCurrencyMeta(code) {
+  return BY_CODE.get(code.toUpperCase()) ?? SUPPORTED_CURRENCIES[0];
+}
+function fmtCurrency(usdAmount, code, rate) {
+  const meta = getCurrencyMeta(code);
+  const local = usdAmount * rate;
+  return meta.symbol + local.toFixed(meta.decimals);
+}
+var SUPPORTED_CURRENCIES, BY_CODE;
+var init_currency = __esm({
+  "src/modes/swap/currency.ts"() {
+    "use strict";
+    SUPPORTED_CURRENCIES = [
+      { code: "USD", symbol: "$", name: "US Dollar", decimals: 2 },
+      { code: "EUR", symbol: "\u20AC", name: "Euro", decimals: 2 },
+      { code: "GBP", symbol: "\xA3", name: "British Pound", decimals: 2 },
+      { code: "CAD", symbol: "CA$", name: "Canadian Dollar", decimals: 2 },
+      { code: "AUD", symbol: "A$", name: "Australian Dollar", decimals: 2 },
+      { code: "JPY", symbol: "\xA5", name: "Japanese Yen", decimals: 0 },
+      { code: "CHF", symbol: "Fr", name: "Swiss Franc", decimals: 2 },
+      { code: "KRW", symbol: "\u20A9", name: "South Korean Won", decimals: 0 },
+      { code: "INR", symbol: "\u20B9", name: "Indian Rupee", decimals: 2 },
+      { code: "BRL", symbol: "R$", name: "Brazilian Real", decimals: 2 },
+      { code: "SGD", symbol: "S$", name: "Singapore Dollar", decimals: 2 },
+      { code: "MXN", symbol: "MX$", name: "Mexican Peso", decimals: 2 },
+      { code: "HKD", symbol: "HK$", name: "Hong Kong Dollar", decimals: 2 },
+      { code: "CNY", symbol: "\xA5", name: "Chinese Yuan", decimals: 2 },
+      { code: "ZAR", symbol: "R", name: "South African Rand", decimals: 2 },
+      { code: "TRY", symbol: "\u20BA", name: "Turkish Lira", decimals: 2 },
+      { code: "RUB", symbol: "\u20BD", name: "Russian Ruble", decimals: 2 },
+      {
+        code: "AED",
+        symbol: "\u062F.\u0625",
+        name: "United Arab Emirates Dirham",
+        decimals: 2
+      },
+      { code: "SAR", symbol: "\uFDFC", name: "Saudi Riyal", decimals: 2 },
+      { code: "QAR", symbol: "\uFDFC", name: "Qatari Riyal", decimals: 2 },
+      { code: "KWD", symbol: "\u062F.\u0643", name: "Kuwaiti Dinar", decimals: 3 },
+      { code: "OMR", symbol: "\u0631.\u0639.", name: "Omani Rial", decimals: 3 },
+      { code: "BHD", symbol: "\u0628.\u062F", name: "Bahraini Dinar", decimals: 3 },
+      { code: "JOD", symbol: "\u062F.\u0627", name: "Jordanian Dinar", decimals: 3 },
+      { code: "LYD", symbol: "\u0644.\u062F", name: "Libyan Dinar", decimals: 3 },
+      { code: "TND", symbol: "\u062F.\u062A", name: "Tunisian Dinar", decimals: 3 },
+      { code: "MAD", symbol: "\u062F.\u0645.", name: "Moroccan Dirham", decimals: 2 },
+      { code: "EGP", symbol: "\xA3", name: "Egyptian Pound", decimals: 2 },
+      { code: "NGN", symbol: "\u20A6", name: "Nigerian Naira", decimals: 2 },
+      { code: "GHS", symbol: "\u20B5", name: "Ghanaian Cedi", decimals: 2 },
+      { code: "KES", symbol: "KSh", name: "Kenyan Shilling", decimals: 2 },
+      { code: "TZS", symbol: "TSh", name: "Tanzanian Shilling", decimals: 2 },
+      { code: "UGX", symbol: "USh", name: "Ugandan Shilling", decimals: 2 },
+      { code: "RWF", symbol: "FRw", name: "Rwandan Franc", decimals: 2 },
+      { code: "MUR", symbol: "Rs", name: "Mauritian Rupee", decimals: 2 },
+      { code: "SCR", symbol: "SR", name: "Seychellois Rupee", decimals: 2 },
+      { code: "MGA", symbol: "Ar", name: "Malagasy Ariary", decimals: 2 },
+      {
+        code: "XAF",
+        symbol: "FCFA",
+        name: "Central African CFA Franc",
+        decimals: 2
+      },
+      { code: "XOF", symbol: "CFA", name: "West African CFA Franc", decimals: 2 },
+      { code: "XPF", symbol: "CFP", name: "CFP Franc", decimals: 2 },
+      { code: "XCD", symbol: "EC$", name: "East Caribbean Dollar", decimals: 2 },
+      { code: "XDR", symbol: "SDR", name: "Special Drawing Rights", decimals: 2 },
+      { code: "XAU", symbol: "Au", name: "Gold (troy ounce)", decimals: 2 },
+      { code: "XAG", symbol: "Ag", name: "Silver (troy ounce)", decimals: 2 }
+    ];
+    BY_CODE = new Map(SUPPORTED_CURRENCIES.map((c) => [c.code, c]));
+  }
+});
+
+// src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorMobile.tsx
+function SwapWalletSelectorMobile({
   walletStatus,
   walletAddress,
   connectWallet,
@@ -33632,19 +33705,625 @@ function SwapWalletSelector({
     walletMetaId,
     connectedVia,
     disconnect
+    // status,
   } = useWalletInfo();
   const walletConnectCfg = TrustwareConfigStore.peek()?.walletConnect;
   const connectWC = useWalletConnectConnect(walletConnectCfg);
   const [wcConnecting, setWcConnecting] = (0, import_react48.useState)(false);
   const [connectingId, setConnectingId] = (0, import_react48.useState)(null);
-  const [timerExpired, setTimerExpired] = (0, import_react48.useState)(false);
   const [selectedNamespace, setSelectedNamespace] = (0, import_react48.useState)("evm");
   const prevStatusRef = (0, import_react48.useRef)(walletStatus);
+  const storeFallbackTimeoutRef = (0, import_react48.useRef)(
+    null
+  );
   (0, import_react48.useEffect)(() => {
+    const prev = prevStatusRef.current;
+    if (prev !== walletStatus) {
+      if (prev === "connecting" && (walletStatus === "connected" || walletStatus === "error")) {
+        setConnectingId(null);
+      }
+      prevStatusRef.current = walletStatus;
+    }
+  }, [walletStatus]);
+  (0, import_react48.useEffect)(() => {
+    return () => {
+      if (storeFallbackTimeoutRef.current !== null) {
+        clearTimeout(storeFallbackTimeoutRef.current);
+      }
+    };
+  }, []);
+  const currentUrl = typeof window !== "undefined" ? window.location.href : "";
+  const mobileWalletEntries = (0, import_react48.useMemo)(() => {
+    return WALLETS.filter((w) => {
+      if (w.id === "walletconnect") return false;
+      const hasMobileLink = Boolean(w.deepLink);
+      if (!hasMobileLink) return false;
+      const ecosystem = w.ecosystem.trim().toLowerCase();
+      return ecosystem === "multi" || ecosystem === selectedNamespace;
+    }).map((meta) => ({
+      meta,
+      detectedWallet: detected.find((d) => d.meta.id === meta.id) ?? null
+    }));
+  }, [detected, selectedNamespace]);
+  const handleDisconnect = () => {
+    void disconnect();
+  };
+  const handleWalletConnect = async () => {
+    if (wcConnecting) return;
+    if (connectedVia === "walletconnect" && managerConnected) {
+      return;
+    }
+    setWcConnecting(true);
+    try {
+      const { error } = await connectWC();
+      if (error) {
+        toast.error("WalletConnect Failed", error);
+      }
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "WalletConnect failed";
+      toast.error("WalletConnect Failed", msg);
+    } finally {
+      setWcConnecting(false);
+    }
+  };
+  const goToAppStore = (meta) => {
+    const isIos = /iPhone|iPad/i.test(navigator.userAgent);
+    const storeUrl = isIos ? meta.ios : meta.android;
+    if (storeUrl) window.location.assign(storeUrl);
+  };
+  const handleClick = async (entry) => {
+    const { meta, detectedWallet } = entry;
+    if (walletStatus === "connecting") return;
+    if (managerConnected && walletMetaId === meta.id) {
+      return;
+    }
+    if (detectedWallet) {
+      setConnectingId(meta.id);
+      try {
+        await connectWallet(detectedWallet);
+      } catch (err) {
+        setConnectingId(null);
+        const msg = err instanceof Error ? err.message : "Failed to connect wallet";
+        if (msg.toLowerCase().includes("rejected") || msg.toLowerCase().includes("denied")) {
+          toast.error(
+            "Connection Declined",
+            "You declined the connection request."
+          );
+        } else {
+          toast.error("Connection Failed", msg);
+        }
+      }
+      return;
+    }
+    if (meta.deepLink) {
+      const deepLinkUrl = meta.deepLink(currentUrl);
+      if (deepLinkUrl) {
+        window.location.assign(deepLinkUrl);
+        if (storeFallbackTimeoutRef.current !== null) {
+          clearTimeout(storeFallbackTimeoutRef.current);
+        }
+        storeFallbackTimeoutRef.current = setTimeout(() => {
+          storeFallbackTimeoutRef.current = null;
+          goToAppStore(meta);
+        }, 1500);
+        return;
+      }
+    }
+    goToAppStore(meta);
+  };
+  const tabs = [
+    { id: "evm", label: "EVM" },
+    { id: "solana", label: "Solana" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              padding: `${spacing[4]} ${spacing[4]}`,
+              borderBottom: `1px solid ${colors.border}`
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: onBack,
+                  style: {
+                    padding: spacing[1],
+                    marginRight: spacing[2],
+                    borderRadius: borderRadius.lg,
+                    backgroundColor: "transparent",
+                    border: 0,
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                    "svg",
+                    {
+                      style: {
+                        width: "1.25rem",
+                        height: "1.25rem",
+                        color: colors.foreground
+                      },
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M15 19l-7-7 7-7"
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                "h1",
+                {
+                  style: {
+                    flex: 1,
+                    fontSize: fontSize.lg,
+                    fontWeight: fontWeight.semibold,
+                    color: colors.foreground,
+                    textAlign: "center"
+                  },
+                  children: "Connect Wallet"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { width: "1.25rem", marginLeft: spacing[2] }, "aria-hidden": true })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { padding: `${spacing[3]} ${spacing[4]} 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              borderRadius: borderRadius.lg,
+              backgroundColor: colors.muted,
+              padding: "3px",
+              gap: "2px"
+            },
+            children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              "button",
+              {
+                onClick: () => setSelectedNamespace(t.id),
+                style: {
+                  flex: 1,
+                  padding: `${spacing[1.5]} ${spacing[3]}`,
+                  fontSize: fontSize.sm,
+                  fontWeight: fontWeight.medium,
+                  borderRadius: borderRadius.md,
+                  background: selectedNamespace === t.id ? colors.card : "transparent",
+                  border: selectedNamespace === t.id ? `1px solid ${colors.border}` : "1px solid transparent",
+                  cursor: "pointer",
+                  transition: "all 0.15s",
+                  color: selectedNamespace === t.id ? colors.foreground : colors.mutedForeground,
+                  boxShadow: selectedNamespace === t.id ? "0 1px 3px rgba(0,0,0,0.08)" : "none",
+                  outline: "none"
+                },
+                children: t.label
+              },
+              t.id
+            ))
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+          "div",
+          {
+            style: {
+              overflowY: "auto",
+              padding: spacing[4],
+              maxHeight: "31.25rem"
+            },
+            children: [
+              mobileWalletEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  "h3",
+                  {
+                    style: {
+                      fontSize: fontSize.lg,
+                      fontWeight: fontWeight.semibold,
+                      color: colors.foreground,
+                      marginBottom: spacing[2]
+                    },
+                    children: "No Wallets Found"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  "p",
+                  {
+                    style: {
+                      fontSize: fontSize.sm,
+                      color: colors.mutedForeground,
+                      marginBottom: spacing[4]
+                    },
+                    children: "Please install a web3 wallet to continue."
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  "a",
+                  {
+                    href: "https://metamask.io/download/",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      padding: `${spacing[2]} ${spacing[4]}`,
+                      borderRadius: borderRadius.lg,
+                      backgroundColor: colors.primary,
+                      color: colors.primaryForeground,
+                      fontSize: fontSize.sm,
+                      fontWeight: fontWeight.medium,
+                      textDecoration: "none"
+                    },
+                    children: "Install MetaMask"
+                  }
+                )
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: spacing[3]
+                  },
+                  children: mobileWalletEntries.map((entry) => {
+                    const { meta } = entry;
+                    const isWalletConnected = managerConnected && walletMetaId === meta.id;
+                    const isConnecting = connectingId === meta.id && walletStatus === "connecting";
+                    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                      "div",
+                      {
+                        style: mergeStyles(
+                          {
+                            width: "100%",
+                            display: "flex",
+                            alignItems: "center",
+                            gap: spacing[4],
+                            padding: spacing[4],
+                            borderRadius: borderRadius["2xl"],
+                            backgroundColor: colors.card,
+                            border: `1px solid ${colors.border}`
+                          },
+                          isWalletConnected && {
+                            boxShadow: `0 0 0 2px ${colors.primary}`,
+                            border: `1px solid ${colors.primary}`
+                          }
+                        ),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            "div",
+                            {
+                              style: {
+                                width: "3rem",
+                                height: "3rem",
+                                borderRadius: borderRadius.xl,
+                                backgroundColor: colors.muted,
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                overflow: "hidden",
+                                flexShrink: 0
+                              },
+                              children: meta.logo ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                                "img",
+                                {
+                                  src: meta.logo,
+                                  alt: meta.name,
+                                  style: {
+                                    width: "2rem",
+                                    height: "2rem",
+                                    objectFit: "contain"
+                                  }
+                                }
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { fontSize: "1.5rem" }, children: meta.emoji || "\u{1F45B}" })
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                              "p",
+                              {
+                                style: {
+                                  fontWeight: fontWeight.semibold,
+                                  color: colors.foreground
+                                },
+                                children: meta.name
+                              }
+                            ),
+                            isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                              "p",
+                              {
+                                style: {
+                                  fontSize: fontSize.xs,
+                                  color: colors.mutedForeground
+                                },
+                                children: [
+                                  walletAddress.slice(0, 6),
+                                  "...",
+                                  walletAddress.slice(-4)
+                                ]
+                              }
+                            )
+                          ] }),
+                          isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            "div",
+                            {
+                              style: {
+                                width: "1.25rem",
+                                height: "1.25rem",
+                                border: `2px solid ${colors.mutedForeground}`,
+                                borderTopColor: "transparent",
+                                borderRadius: "9999px",
+                                animation: "tw-spin 1s linear infinite",
+                                flexShrink: 0
+                              }
+                            }
+                          ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            "button",
+                            {
+                              onClick: handleDisconnect,
+                              style: {
+                                padding: `${spacing[1.5]} ${spacing[3]}`,
+                                borderRadius: "9999px",
+                                backgroundColor: "rgba(239,68,68,0.1)",
+                                color: "#ef4444",
+                                fontSize: fontSize.xs,
+                                fontWeight: fontWeight.medium,
+                                border: 0,
+                                cursor: "pointer",
+                                flexShrink: 0
+                              },
+                              children: "Disconnect"
+                            }
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            "button",
+                            {
+                              onClick: () => void handleClick(entry),
+                              disabled: walletStatus === "connecting",
+                              style: mergeStyles(
+                                {
+                                  padding: `${spacing[1.5]} ${spacing[3]}`,
+                                  borderRadius: "9999px",
+                                  backgroundColor: "rgba(59,130,246,0.1)",
+                                  color: colors.primary,
+                                  fontSize: fontSize.xs,
+                                  fontWeight: fontWeight.medium,
+                                  border: 0,
+                                  cursor: "pointer",
+                                  flexShrink: 0
+                                },
+                                walletStatus === "connecting" && {
+                                  opacity: 0.5,
+                                  cursor: "not-allowed"
+                                }
+                              ),
+                              children: "Connect"
+                            }
+                          )
+                        ]
+                      },
+                      meta.id
+                    );
+                  })
+                }
+              ),
+              selectedNamespace === "evm" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  "div",
+                  {
+                    style: {
+                      height: 1,
+                      backgroundColor: colors.border,
+                      margin: `${spacing[3]} 0`
+                    }
+                  }
+                ),
+                (() => {
+                  const wcConnected = managerConnected && connectedVia === "walletconnect";
+                  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                    "div",
+                    {
+                      style: mergeStyles(
+                        {
+                          width: "100%",
+                          display: "flex",
+                          alignItems: "center",
+                          gap: spacing[4],
+                          padding: spacing[4],
+                          borderRadius: borderRadius["2xl"],
+                          backgroundColor: colors.card,
+                          border: `1px solid ${colors.border}`,
+                          cursor: "pointer"
+                        },
+                        wcConnected && {
+                          boxShadow: `0 0 0 2px ${colors.primary}`,
+                          border: `1px solid ${colors.primary}`
+                        }
+                      ),
+                      onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                          "div",
+                          {
+                            style: {
+                              width: "3rem",
+                              height: "3rem",
+                              borderRadius: borderRadius.xl,
+                              backgroundColor: colors.muted,
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              flexShrink: 0
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                              "svg",
+                              {
+                                style: {
+                                  width: "1.5rem",
+                                  height: "1.5rem",
+                                  color: colors.blue[500]
+                                },
+                                viewBox: "0 0 24 24",
+                                fill: "currentColor",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            "p",
+                            {
+                              style: {
+                                fontWeight: fontWeight.semibold,
+                                color: colors.foreground
+                              },
+                              children: "WalletConnect"
+                            }
+                          ),
+                          wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                            "p",
+                            {
+                              style: {
+                                fontSize: fontSize.xs,
+                                color: colors.mutedForeground
+                              },
+                              children: [
+                                walletAddress.slice(0, 6),
+                                "...",
+                                walletAddress.slice(-4)
+                              ]
+                            }
+                          )
+                        ] }),
+                        wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                          "div",
+                          {
+                            style: {
+                              width: "1.25rem",
+                              height: "1.25rem",
+                              border: `2px solid ${colors.mutedForeground}`,
+                              borderTopColor: "transparent",
+                              borderRadius: "9999px",
+                              animation: "tw-spin 1s linear infinite",
+                              flexShrink: 0
+                            }
+                          }
+                        ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                          "button",
+                          {
+                            onClick: (e2) => {
+                              e2.stopPropagation();
+                              handleDisconnect();
+                            },
+                            style: {
+                              padding: `${spacing[1.5]} ${spacing[3]}`,
+                              borderRadius: "9999px",
+                              backgroundColor: "rgba(239,68,68,0.1)",
+                              color: "#ef4444",
+                              fontSize: fontSize.xs,
+                              fontWeight: fontWeight.medium,
+                              border: 0,
+                              cursor: "pointer",
+                              flexShrink: 0
+                            },
+                            children: "Disconnect"
+                          }
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                          "button",
+                          {
+                            onClick: (e2) => {
+                              e2.stopPropagation();
+                              void handleWalletConnect();
+                            },
+                            disabled: wcConnecting,
+                            style: {
+                              padding: `${spacing[1.5]} ${spacing[3]}`,
+                              borderRadius: "9999px",
+                              backgroundColor: "rgba(59,130,246,0.1)",
+                              color: colors.primary,
+                              fontSize: fontSize.xs,
+                              fontWeight: fontWeight.medium,
+                              border: 0,
+                              cursor: "pointer",
+                              flexShrink: 0
+                            },
+                            children: "Connect"
+                          }
+                        )
+                      ]
+                    }
+                  );
+                })()
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var import_react48, import_jsx_runtime56, SwapWalletSelectorMobile_default;
+var init_SwapWalletSelectorMobile = __esm({
+  "src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorMobile.tsx"() {
+    "use strict";
+    import_react48 = require("react");
+    init_styles();
+    init_utils2();
+    init_wallets();
+    init_wallets();
+    init_config2();
+    init_Toast();
+    import_jsx_runtime56 = require("react/jsx-runtime");
+    SwapWalletSelectorMobile_default = SwapWalletSelectorMobile;
+  }
+});
+
+// src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorDesktop.tsx
+function SwapWalletSelectorDesktop({
+  walletStatus,
+  walletAddress,
+  connectWallet,
+  onBack
+}) {
+  const { detected } = useWalletDetection();
+  const {
+    isConnected: managerConnected,
+    walletMetaId,
+    connectedVia,
+    disconnect
+  } = useWalletInfo();
+  const walletConnectCfg = TrustwareConfigStore.peek()?.walletConnect;
+  const connectWC = useWalletConnectConnect(walletConnectCfg);
+  const [wcConnecting, setWcConnecting] = (0, import_react49.useState)(false);
+  const [connectingId, setConnectingId] = (0, import_react49.useState)(null);
+  const [timerExpired, setTimerExpired] = (0, import_react49.useState)(false);
+  const [selectedNamespace, setSelectedNamespace] = (0, import_react49.useState)("evm");
+  const prevStatusRef = (0, import_react49.useRef)(walletStatus);
+  (0, import_react49.useEffect)(() => {
     const t = setTimeout(() => setTimerExpired(true), 450);
     return () => clearTimeout(t);
   }, []);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const prev = prevStatusRef.current;
     if (prev !== walletStatus) {
       if (prev === "connecting" && (walletStatus === "connected" || walletStatus === "error")) {
@@ -33653,7 +34332,7 @@ function SwapWalletSelector({
       prevStatusRef.current = walletStatus;
     }
   }, [walletStatus]);
-  const filteredWallets = (0, import_react48.useMemo)(
+  const filteredWallets = (0, import_react49.useMemo)(
     () => detected.filter(
       (w) => (w.meta?.ecosystem ?? "").toLowerCase() === selectedNamespace
     ),
@@ -33712,8 +34391,8 @@ function SwapWalletSelector({
     { id: "evm", label: "EVM" },
     { id: "solana", label: "Solana" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "div",
       {
         style: {
@@ -33723,7 +34402,7 @@ function SwapWalletSelector({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "button",
             {
               type: "button",
@@ -33736,7 +34415,7 @@ function SwapWalletSelector({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 "svg",
                 {
                   style: {
@@ -33748,7 +34427,7 @@ function SwapWalletSelector({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: 2,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -33760,7 +34439,7 @@ function SwapWalletSelector({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "h1",
             {
               style: {
@@ -33773,7 +34452,7 @@ function SwapWalletSelector({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "div",
             {
               style: {
@@ -33784,7 +34463,7 @@ function SwapWalletSelector({
                 padding: "3px",
                 gap: "2px"
               },
-              children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 "button",
                 {
                   onClick: () => setSelectedNamespace(t.id),
@@ -33810,8 +34489,8 @@ function SwapWalletSelector({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { padding: spacing[4] }, children: [
-      isDetecting ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { padding: spacing[4] }, children: [
+      isDetecting ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
         "div",
         {
           style: {
@@ -33820,7 +34499,7 @@ function SwapWalletSelector({
             gap: spacing[3]
           },
           children: [
-            [1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+            [1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "div",
               {
                 style: {
@@ -33833,7 +34512,7 @@ function SwapWalletSelector({
                   animation: "tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       style: {
@@ -33844,7 +34523,7 @@ function SwapWalletSelector({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       style: {
@@ -33859,7 +34538,7 @@ function SwapWalletSelector({
               },
               i
             )),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "p",
               {
                 style: {
@@ -33873,9 +34552,9 @@ function SwapWalletSelector({
             )
           ]
         }
-      ) : filteredWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      ) : filteredWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "h3",
           {
             style: {
@@ -33887,7 +34566,7 @@ function SwapWalletSelector({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "p",
           {
             style: {
@@ -33898,7 +34577,7 @@ function SwapWalletSelector({
             children: "Please install a web3 wallet to continue."
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "a",
           {
             href: "https://metamask.io/download/",
@@ -33919,7 +34598,7 @@ function SwapWalletSelector({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "div",
         {
           style: {
@@ -33930,7 +34609,7 @@ function SwapWalletSelector({
           children: filteredWallets.map((wallet) => {
             const isWalletConnected = managerConnected && walletMetaId === wallet.meta.id;
             const isConnecting = connectingId === wallet.meta.id && walletStatus === "connecting";
-            return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "div",
               {
                 style: mergeStyles(
@@ -33950,7 +34629,7 @@ function SwapWalletSelector({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       style: {
@@ -33964,7 +34643,7 @@ function SwapWalletSelector({
                         overflow: "hidden",
                         flexShrink: 0
                       },
-                      children: wallet.meta.logo ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                      children: wallet.meta.logo ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                         "img",
                         {
                           src: wallet.meta.logo,
@@ -33975,7 +34654,7 @@ function SwapWalletSelector({
                             objectFit: "contain"
                           }
                         }
-                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                         "img",
                         {
                           src: wallet.detail.info.icon,
@@ -33986,11 +34665,11 @@ function SwapWalletSelector({
                             objectFit: "contain"
                           }
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                       "p",
                       {
                         style: {
@@ -34000,7 +34679,7 @@ function SwapWalletSelector({
                         children: wallet.meta.name
                       }
                     ),
-                    isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                    isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                       "p",
                       {
                         style: {
@@ -34015,7 +34694,7 @@ function SwapWalletSelector({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       style: {
@@ -34028,7 +34707,7 @@ function SwapWalletSelector({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -34045,7 +34724,7 @@ function SwapWalletSelector({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -34077,8 +34756,8 @@ function SwapWalletSelector({
           })
         }
       ),
-      selectedNamespace === "evm" && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      selectedNamespace === "evm" && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "div",
           {
             style: {
@@ -34090,7 +34769,7 @@ function SwapWalletSelector({
         ),
         (() => {
           const wcConnected = managerConnected && connectedVia === "walletconnect";
-          return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
             "div",
             {
               style: mergeStyles(
@@ -34112,7 +34791,7 @@ function SwapWalletSelector({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "div",
                   {
                     style: {
@@ -34125,7 +34804,7 @@ function SwapWalletSelector({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                       "svg",
                       {
                         style: {
@@ -34135,13 +34814,13 @@ function SwapWalletSelector({
                         },
                         viewBox: "0 0 24 24",
                         fill: "currentColor",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "p",
                     {
                       style: {
@@ -34151,7 +34830,7 @@ function SwapWalletSelector({
                       children: "WalletConnect"
                     }
                   ),
-                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                     "p",
                     {
                       style: {
@@ -34166,7 +34845,7 @@ function SwapWalletSelector({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "div",
                   {
                     style: {
@@ -34179,7 +34858,7 @@ function SwapWalletSelector({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34199,7 +34878,7 @@ function SwapWalletSelector({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34229,90 +34908,66 @@ function SwapWalletSelector({
     ] })
   ] });
 }
-var import_react48, import_jsx_runtime56;
-var init_SwapWalletSelector = __esm({
-  "src/modes/swap/components/SwapWalletSelector.tsx"() {
+var import_react49, import_jsx_runtime57;
+var init_SwapWalletSelectorDesktop = __esm({
+  "src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorDesktop.tsx"() {
     "use strict";
-    import_react48 = require("react");
+    import_react49 = require("react");
     init_styles();
     init_utils2();
     init_wallets();
     init_config2();
     init_Toast();
-    import_jsx_runtime56 = require("react/jsx-runtime");
+    import_jsx_runtime57 = require("react/jsx-runtime");
   }
 });
 
-// src/modes/swap/currency.ts
-function getCurrencyMeta(code) {
-  return BY_CODE.get(code.toUpperCase()) ?? SUPPORTED_CURRENCIES[0];
-}
-function fmtCurrency(usdAmount, code, rate) {
-  const meta = getCurrencyMeta(code);
-  const local = usdAmount * rate;
-  return meta.symbol + local.toFixed(meta.decimals);
-}
-var SUPPORTED_CURRENCIES, BY_CODE;
-var init_currency = __esm({
-  "src/modes/swap/currency.ts"() {
-    "use strict";
-    SUPPORTED_CURRENCIES = [
-      { code: "USD", symbol: "$", name: "US Dollar", decimals: 2 },
-      { code: "EUR", symbol: "\u20AC", name: "Euro", decimals: 2 },
-      { code: "GBP", symbol: "\xA3", name: "British Pound", decimals: 2 },
-      { code: "CAD", symbol: "CA$", name: "Canadian Dollar", decimals: 2 },
-      { code: "AUD", symbol: "A$", name: "Australian Dollar", decimals: 2 },
-      { code: "JPY", symbol: "\xA5", name: "Japanese Yen", decimals: 0 },
-      { code: "CHF", symbol: "Fr", name: "Swiss Franc", decimals: 2 },
-      { code: "KRW", symbol: "\u20A9", name: "South Korean Won", decimals: 0 },
-      { code: "INR", symbol: "\u20B9", name: "Indian Rupee", decimals: 2 },
-      { code: "BRL", symbol: "R$", name: "Brazilian Real", decimals: 2 },
-      { code: "SGD", symbol: "S$", name: "Singapore Dollar", decimals: 2 },
-      { code: "MXN", symbol: "MX$", name: "Mexican Peso", decimals: 2 },
-      { code: "HKD", symbol: "HK$", name: "Hong Kong Dollar", decimals: 2 },
-      { code: "CNY", symbol: "\xA5", name: "Chinese Yuan", decimals: 2 },
-      { code: "ZAR", symbol: "R", name: "South African Rand", decimals: 2 },
-      { code: "TRY", symbol: "\u20BA", name: "Turkish Lira", decimals: 2 },
-      { code: "RUB", symbol: "\u20BD", name: "Russian Ruble", decimals: 2 },
+// src/modes/swap/components/SwapWalletSelector/index.tsx
+function SwapWalletSelector({
+  walletStatus,
+  walletAddress,
+  connectWallet,
+  onBack
+}) {
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+    isMobile && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      SwapWalletSelectorMobile_default,
       {
-        code: "AED",
-        symbol: "\u062F.\u0625",
-        name: "United Arab Emirates Dirham",
-        decimals: 2
-      },
-      { code: "SAR", symbol: "\uFDFC", name: "Saudi Riyal", decimals: 2 },
-      { code: "QAR", symbol: "\uFDFC", name: "Qatari Riyal", decimals: 2 },
-      { code: "KWD", symbol: "\u062F.\u0643", name: "Kuwaiti Dinar", decimals: 3 },
-      { code: "OMR", symbol: "\u0631.\u0639.", name: "Omani Rial", decimals: 3 },
-      { code: "BHD", symbol: "\u0628.\u062F", name: "Bahraini Dinar", decimals: 3 },
-      { code: "JOD", symbol: "\u062F.\u0627", name: "Jordanian Dinar", decimals: 3 },
-      { code: "LYD", symbol: "\u0644.\u062F", name: "Libyan Dinar", decimals: 3 },
-      { code: "TND", symbol: "\u062F.\u062A", name: "Tunisian Dinar", decimals: 3 },
-      { code: "MAD", symbol: "\u062F.\u0645.", name: "Moroccan Dirham", decimals: 2 },
-      { code: "EGP", symbol: "\xA3", name: "Egyptian Pound", decimals: 2 },
-      { code: "NGN", symbol: "\u20A6", name: "Nigerian Naira", decimals: 2 },
-      { code: "GHS", symbol: "\u20B5", name: "Ghanaian Cedi", decimals: 2 },
-      { code: "KES", symbol: "KSh", name: "Kenyan Shilling", decimals: 2 },
-      { code: "TZS", symbol: "TSh", name: "Tanzanian Shilling", decimals: 2 },
-      { code: "UGX", symbol: "USh", name: "Ugandan Shilling", decimals: 2 },
-      { code: "RWF", symbol: "FRw", name: "Rwandan Franc", decimals: 2 },
-      { code: "MUR", symbol: "Rs", name: "Mauritian Rupee", decimals: 2 },
-      { code: "SCR", symbol: "SR", name: "Seychellois Rupee", decimals: 2 },
-      { code: "MGA", symbol: "Ar", name: "Malagasy Ariary", decimals: 2 },
+        walletStatus,
+        walletAddress,
+        connectWallet,
+        onBack
+      }
+    ),
+    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      SwapWalletSelectorDesktop,
       {
-        code: "XAF",
-        symbol: "FCFA",
-        name: "Central African CFA Franc",
-        decimals: 2
-      },
-      { code: "XOF", symbol: "CFA", name: "West African CFA Franc", decimals: 2 },
-      { code: "XPF", symbol: "CFP", name: "CFP Franc", decimals: 2 },
-      { code: "XCD", symbol: "EC$", name: "East Caribbean Dollar", decimals: 2 },
-      { code: "XDR", symbol: "SDR", name: "Special Drawing Rights", decimals: 2 },
-      { code: "XAU", symbol: "Au", name: "Gold (troy ounce)", decimals: 2 },
-      { code: "XAG", symbol: "Ag", name: "Silver (troy ounce)", decimals: 2 }
-    ];
-    BY_CODE = new Map(SUPPORTED_CURRENCIES.map((c) => [c.code, c]));
+        walletStatus,
+        walletAddress,
+        connectWallet,
+        onBack
+      }
+    )
+  ] });
+}
+var import_jsx_runtime58, SwapWalletSelector_default;
+var init_SwapWalletSelector = __esm({
+  "src/modes/swap/components/SwapWalletSelector/index.tsx"() {
+    "use strict";
+    init_detect();
+    init_SwapWalletSelectorMobile();
+    init_SwapWalletSelectorDesktop();
+    import_jsx_runtime58 = require("react/jsx-runtime");
+    SwapWalletSelector_default = SwapWalletSelector;
+  }
+});
+
+// src/modes/swap/components/index.ts
+var init_components2 = __esm({
+  "src/modes/swap/components/index.ts"() {
+    "use strict";
+    init_SwapWalletSelector();
   }
 });
 
@@ -34389,7 +35044,7 @@ function getActiveStep(status) {
   }
 }
 function RateRow({ label, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       style: {
@@ -34398,8 +35053,8 @@ function RateRow({ label, value }) {
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
       ]
     }
   );
@@ -34408,41 +35063,41 @@ function SwapMode({
   theme: themeProp,
   style
 }) {
-  const [stage, setStage] = (0, import_react49.useState)("home");
-  const [fromToken, setFromToken] = (0, import_react49.useState)(
+  const [stage, setStage] = (0, import_react50.useState)("home");
+  const [fromToken, setFromToken] = (0, import_react50.useState)(
     null
   );
-  const [fromChain, setFromChain] = (0, import_react49.useState)(null);
-  const [toToken, setToToken] = (0, import_react49.useState)(null);
-  const [toChain, setToChain] = (0, import_react49.useState)(null);
-  const [amount, setAmount] = (0, import_react49.useState)("");
-  const [amountInputMode, setAmountInputMode] = (0, import_react49.useState)(
+  const [fromChain, setFromChain] = (0, import_react50.useState)(null);
+  const [toToken, setToToken] = (0, import_react50.useState)(null);
+  const [toChain, setToChain] = (0, import_react50.useState)(null);
+  const [amount, setAmount] = (0, import_react50.useState)("");
+  const [amountInputMode, setAmountInputMode] = (0, import_react50.useState)(
     "usd"
   );
-  const [hoverSell, setHoverSell] = (0, import_react49.useState)(false);
-  const [showRateDetails, setShowRateDetails] = (0, import_react49.useState)(false);
-  const [showReviewDetails, setShowReviewDetails] = (0, import_react49.useState)(false);
-  const [showSettings, setShowSettings] = (0, import_react49.useState)(false);
-  const [maxApproval, setMaxApproval] = (0, import_react49.useState)(false);
-  const [slippage, setSlippage] = (0, import_react49.useState)(0.5);
-  const [slippageInput, setSlippageInput] = (0, import_react49.useState)("");
-  const [selectedCurrency, setSelectedCurrency] = (0, import_react49.useState)("USD");
-  const [showCurrencyDropdown, setShowCurrencyDropdown] = (0, import_react49.useState)(false);
-  const [completedAt, setCompletedAt] = (0, import_react49.useState)(null);
-  const [copiedHash, setCopiedHash] = (0, import_react49.useState)(null);
-  const [rateUpdated, setRateUpdated] = (0, import_react49.useState)(false);
-  const prevToAmountRef = (0, import_react49.useRef)(null);
-  const [destAddress, setDestAddress] = (0, import_react49.useState)("");
-  const [quoteAge, setQuoteAge] = (0, import_react49.useState)(0);
-  const quoteTimestampRef = (0, import_react49.useRef)(null);
-  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = (0, import_react49.useState)(0);
-  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = (0, import_react49.useState)(true);
-  const latestFetchParamsRef = (0, import_react49.useRef)(null);
+  const [hoverSell, setHoverSell] = (0, import_react50.useState)(false);
+  const [showRateDetails, setShowRateDetails] = (0, import_react50.useState)(false);
+  const [showReviewDetails, setShowReviewDetails] = (0, import_react50.useState)(false);
+  const [showSettings, setShowSettings] = (0, import_react50.useState)(false);
+  const [maxApproval, setMaxApproval] = (0, import_react50.useState)(false);
+  const [slippage, setSlippage] = (0, import_react50.useState)(0.5);
+  const [slippageInput, setSlippageInput] = (0, import_react50.useState)("");
+  const [selectedCurrency, setSelectedCurrency] = (0, import_react50.useState)("USD");
+  const [showCurrencyDropdown, setShowCurrencyDropdown] = (0, import_react50.useState)(false);
+  const [completedAt, setCompletedAt] = (0, import_react50.useState)(null);
+  const [copiedHash, setCopiedHash] = (0, import_react50.useState)(null);
+  const [rateUpdated, setRateUpdated] = (0, import_react50.useState)(false);
+  const prevToAmountRef = (0, import_react50.useRef)(null);
+  const [destAddress, setDestAddress] = (0, import_react50.useState)("");
+  const [quoteAge, setQuoteAge] = (0, import_react50.useState)(0);
+  const quoteTimestampRef = (0, import_react50.useRef)(null);
+  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = (0, import_react50.useState)(0);
+  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = (0, import_react50.useState)(true);
+  const latestFetchParamsRef = (0, import_react50.useRef)(null);
   const { rates: forexRates } = useForex();
   const currencyMeta = getCurrencyMeta(selectedCurrency);
   const currencyRate = forexRates[selectedCurrency] ?? 1;
   const currencySymbol = currencyMeta.symbol;
-  const fmtLocal = (0, import_react49.useCallback)(
+  const fmtLocal = (0, import_react50.useCallback)(
     (usdAmount) => {
       const sym = getCurrencyMeta(selectedCurrency).symbol;
       if (usdAmount === null || !isFinite(usdAmount) || usdAmount <= 0)
@@ -34453,8 +35108,8 @@ function SwapMode({
     },
     [currencyRate, selectedCurrency]
   );
-  const settingsRef = (0, import_react49.useRef)(null);
-  const currencyDropdownRef = (0, import_react49.useRef)(null);
+  const settingsRef = (0, import_react50.useRef)(null);
+  const currencyDropdownRef = (0, import_react50.useRef)(null);
   const { emitEvent } = useTrustware();
   const { features, theme: configTheme } = useTrustwareConfig();
   const effectiveThemeSetting = themeProp ?? configTheme ?? "system";
@@ -34470,26 +35125,26 @@ function SwapMode({
     isLoading: chainsLoading,
     error: chainsError
   } = useChains();
-  const allowedDestChainIds = (0, import_react49.useMemo)(() => {
+  const allowedDestChainIds = (0, import_react50.useMemo)(() => {
     if (!allowedDestTokens || allowedDestTokens.length === 0) return null;
     return new Set(allowedDestTokens.map((t) => t.chainId));
   }, [allowedDestTokens]);
-  const toPopularChains = (0, import_react49.useMemo)(
+  const toPopularChains = (0, import_react50.useMemo)(
     () => allowedDestChainIds ? popularChains.filter(
       (c) => allowedDestChainIds.has(Number(c.chainId))
     ) : popularChains,
     [popularChains, allowedDestChainIds]
   );
-  const toOtherChains = (0, import_react49.useMemo)(
+  const toOtherChains = (0, import_react50.useMemo)(
     () => allowedDestChainIds ? otherChains.filter((c) => allowedDestChainIds.has(Number(c.chainId))) : otherChains,
     [otherChains, allowedDestChainIds]
   );
-  const allChains = (0, import_react49.useMemo)(
+  const allChains = (0, import_react50.useMemo)(
     () => [...popularChains, ...otherChains],
     [popularChains, otherChains]
   );
-  const destInitialized = (0, import_react49.useRef)(false);
-  (0, import_react49.useEffect)(() => {
+  const destInitialized = (0, import_react50.useRef)(false);
+  (0, import_react50.useEffect)(() => {
     if (!defaultDestRef || destInitialized.current || allChains.length === 0)
       return;
     const chain = allChains.find(
@@ -34520,11 +35175,11 @@ function SwapMode({
     });
   }, [defaultDestRef, allChains]);
   const { walletAddress, walletStatus, connectWallet, disconnectWallet } = useWalletSessionState();
-  const setFromTokenStable = (0, import_react49.useCallback)(
+  const setFromTokenStable = (0, import_react50.useCallback)(
     (t) => setFromToken(t),
     []
   );
-  const setFromChainStable = (0, import_react49.useCallback)(
+  const setFromChainStable = (0, import_react50.useCallback)(
     (c) => setFromChain(c),
     []
   );
@@ -34537,18 +35192,18 @@ function SwapMode({
   });
   const route = useSwapRoute();
   const execution = useSwapExecution(fromChain);
-  const fromTokenPriceUSD = (0, import_react49.useMemo)(() => {
+  const fromTokenPriceUSD = (0, import_react50.useMemo)(() => {
     const p = fromToken?.usdPrice;
     return typeof p === "number" && Number.isFinite(p) && p > 0 ? p : 0;
   }, [fromToken]);
   const hasFromUsdPrice = fromTokenPriceUSD > 0;
-  const toTokenPriceUSD = (0, import_react49.useMemo)(() => {
+  const toTokenPriceUSD = (0, import_react50.useMemo)(() => {
     const p = toToken?.usdPrice;
     return typeof p === "number" && Number.isFinite(p) && p > 0 ? p : 0;
   }, [toToken]);
   const hasToUsdPrice = toTokenPriceUSD > 0;
   const rawSellNum = parseFloat(amount) || 0;
-  const usdSellNum = (0, import_react49.useMemo)(() => {
+  const usdSellNum = (0, import_react50.useMemo)(() => {
     if (amountInputMode === "usd") return rawSellNum / currencyRate;
     return hasFromUsdPrice ? rawSellNum * fromTokenPriceUSD : 0;
   }, [
@@ -34558,7 +35213,7 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenSellNum = (0, import_react49.useMemo)(() => {
+  const tokenSellNum = (0, import_react50.useMemo)(() => {
     if (amountInputMode === "usd") {
       return hasFromUsdPrice && fromTokenPriceUSD > 0 ? usdSellNum / fromTokenPriceUSD : 0;
     }
@@ -34570,12 +35225,12 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenAmountStr = (0, import_react49.useMemo)(() => {
+  const tokenAmountStr = (0, import_react50.useMemo)(() => {
     if (tokenSellNum <= 0) return "";
     const decimals = fromToken?.decimals ?? 18;
     return truncateDecimal(tokenSellNum, Math.min(decimals, 18));
   }, [tokenSellNum, fromToken?.decimals]);
-  const handleCurrencyChange = (0, import_react49.useCallback)(
+  const handleCurrencyChange = (0, import_react50.useCallback)(
     (newCode) => {
       if (amountInputMode === "usd" && amount) {
         const oldRate = currencyRate;
@@ -34590,7 +35245,7 @@ function SwapMode({
     },
     [amountInputMode, amount, currencyRate, forexRates, route]
   );
-  const handleSelectFromToken = (0, import_react49.useCallback)(
+  const handleSelectFromToken = (0, import_react50.useCallback)(
     (token, chain) => {
       setFromToken(token);
       setFromChain(chain);
@@ -34611,7 +35266,7 @@ function SwapMode({
     },
     [route, emitEvent, toToken, toChain, amount]
   );
-  const handleSelectToToken = (0, import_react49.useCallback)(
+  const handleSelectToToken = (0, import_react50.useCallback)(
     (token, chain) => {
       setToToken(token);
       setToChain(chain);
@@ -34628,7 +35283,7 @@ function SwapMode({
     },
     [route, emitEvent, fromToken, fromChain, amount]
   );
-  const handleFlip = (0, import_react49.useCallback)(() => {
+  const handleFlip = (0, import_react50.useCallback)(() => {
     if (lockDestToken) return;
     const newFrom = toToken ?? fromToken;
     const newFromChain = toChain ?? fromChain;
@@ -34650,7 +35305,7 @@ function SwapMode({
   const toChainType = normalizeChainType2(toChain);
   const needsDestAddress = !!fromChainType && !!toChainType && fromChainType !== toChainType;
   const isValidDestAddress = !needsDestAddress || validateDestAddress(destAddress, toChainType ?? "");
-  const handleReview = (0, import_react49.useCallback)(async () => {
+  const handleReview = (0, import_react50.useCallback)(async () => {
     if (!fromToken || !fromChain || !toToken || !toChain || !tokenAmountStr || !walletAddress) {
       if (!walletAddress) setStage("connect-wallet");
       return;
@@ -34685,13 +35340,13 @@ function SwapMode({
     route,
     slippage
   ]);
-  const handleConnectAndReview = (0, import_react49.useCallback)(() => {
+  const handleConnectAndReview = (0, import_react50.useCallback)(() => {
     setStage("connect-wallet");
   }, []);
-  const handleWalletConnected = (0, import_react49.useCallback)(() => {
+  const handleWalletConnected = (0, import_react50.useCallback)(() => {
     setStage("home");
   }, []);
-  const handleExecute = (0, import_react49.useCallback)(async () => {
+  const handleExecute = (0, import_react50.useCallback)(async () => {
     if (!route.data) return;
     setStage("processing");
     const fromTokenAddress = fromToken?.address ?? fromToken?.address;
@@ -34714,7 +35369,7 @@ function SwapMode({
       () => setStage("error")
     );
   }, [route, execution, fromToken, walletAddress, maxApproval]);
-  const handleReset = (0, import_react49.useCallback)(() => {
+  const handleReset = (0, import_react50.useCallback)(() => {
     execution.reset();
     route.clear();
     setAmount("");
@@ -34724,7 +35379,7 @@ function SwapMode({
     setStage("home");
     reloadWalletTokens();
   }, [execution, route, reloadWalletTokens]);
-  const handleSwapBack = (0, import_react49.useCallback)(() => {
+  const handleSwapBack = (0, import_react50.useCallback)(() => {
     const prevFrom = fromToken;
     const prevFromChain = fromChain;
     setFromToken(toToken);
@@ -34748,14 +35403,14 @@ function SwapMode({
     route,
     reloadWalletTokens
   ]);
-  const handleCopyHash = (0, import_react49.useCallback)((hash) => {
+  const handleCopyHash = (0, import_react50.useCallback)((hash) => {
     if (!navigator?.clipboard?.writeText) return;
     void navigator.clipboard.writeText(hash).then(() => {
       setCopiedHash(hash);
       setTimeout(() => setCopiedHash((v) => v === hash ? null : v), 1500);
     });
   }, []);
-  const handleToggleDenom = (0, import_react49.useCallback)(() => {
+  const handleToggleDenom = (0, import_react50.useCallback)(() => {
     if (!hasFromUsdPrice) return;
     const parsed = parseFloat(amount) || 0;
     if (amountInputMode === "usd") {
@@ -34781,7 +35436,7 @@ function SwapMode({
     fromToken?.decimals,
     route
   ]);
-  const fromBalance = (0, import_react49.useMemo)(() => {
+  const fromBalance = (0, import_react50.useMemo)(() => {
     const walletToken = fromToken;
     if (!walletToken || !("balance" in walletToken)) return null;
     const raw = walletToken.balance;
@@ -34791,7 +35446,7 @@ function SwapMode({
     return Number.isFinite(n) ? n : null;
   }, [fromToken]);
   const balanceUsd = fromBalance !== null && hasFromUsdPrice ? fromBalance * fromTokenPriceUSD : null;
-  const estimatedToAmount = (0, import_react49.useMemo)(() => {
+  const estimatedToAmount = (0, import_react50.useMemo)(() => {
     if (tokenSellNum <= 0 || !hasFromUsdPrice || !hasToUsdPrice) return null;
     return tokenSellNum * (fromTokenPriceUSD / toTokenPriceUSD);
   }, [
@@ -34801,10 +35456,10 @@ function SwapMode({
     hasFromUsdPrice,
     hasToUsdPrice
   ]);
-  const backendToUsdStr = (0, import_react49.useMemo)(() => {
+  const backendToUsdStr = (0, import_react50.useMemo)(() => {
     return route.data?.finalExchangeRate?.toAmountMinUSD ?? route.data?.route?.estimate?.toAmountMinUsd ?? route.data?.route?.estimate?.toAmountUsd ?? null;
   }, [route.data]);
-  const toAmount = (0, import_react49.useMemo)(() => {
+  const toAmount = (0, import_react50.useMemo)(() => {
     if (backendToUsdStr && toTokenPriceUSD > 0) {
       const usd = parseFloat(backendToUsdStr);
       if (Number.isFinite(usd) && usd > 0) return usd / toTokenPriceUSD;
@@ -34830,7 +35485,7 @@ function SwapMode({
     estimatedToAmount
   ]);
   const fromUsd = usdSellNum;
-  const toUsd = (0, import_react49.useMemo)(() => {
+  const toUsd = (0, import_react50.useMemo)(() => {
     if (backendToUsdStr) {
       const n = parseFloat(backendToUsdStr);
       if (Number.isFinite(n) && n > 0) return n;
@@ -34841,12 +35496,12 @@ function SwapMode({
   const isEstimate = !route.data;
   const USD_EPSILON = 1e-3;
   const displayToUsd = toUsd > USD_EPSILON ? toUsd : estimatedToAmount !== null && hasToUsdPrice ? estimatedToAmount * toTokenPriceUSD : 0;
-  const priceImpact = (0, import_react49.useMemo)(() => {
+  const priceImpact = (0, import_react50.useMemo)(() => {
     if (!route.data || fromUsd < 0.01 || displayToUsd < 0.01) return null;
     const impact = 1 - displayToUsd / fromUsd;
     return impact > 1e-3 ? impact : null;
   }, [route.data, fromUsd, displayToUsd]);
-  const routePath = (0, import_react49.useMemo)(() => {
+  const routePath = (0, import_react50.useMemo)(() => {
     if (!route.data) return null;
     const provider = route.data.route?.provider;
     const steps = route.data.route?.steps;
@@ -34873,19 +35528,19 @@ function SwapMode({
     return null;
   }, [route.data, fromToken?.symbol, toToken?.symbol]);
   const isGasSponsored = !!route.data?.sponsorship;
-  const networkCostUsd = (0, import_react49.useMemo)(() => {
+  const networkCostUsd = (0, import_react50.useMemo)(() => {
     const fees = route.data?.route?.estimate?.fees;
     if (!fees?.length) return null;
     const gasTotal = fees.filter((f) => f.type?.toLowerCase().includes("gas")).reduce((sum, f) => sum + (Number(f.amountUsd) || 0), 0);
     return gasTotal > 0 ? gasTotal : null;
   }, [route.data]);
-  const protocolFeeUsd = (0, import_react49.useMemo)(() => {
+  const protocolFeeUsd = (0, import_react50.useMemo)(() => {
     const fees = route.data?.route?.estimate?.fees;
     if (!fees?.length) return null;
     const total = fees.filter((f) => !f.type?.toLowerCase().includes("gas")).reduce((sum, f) => sum + (Number(f.amountUsd) || 0), 0);
     return total > 0 ? total : null;
   }, [route.data]);
-  const exchangeRate = (0, import_react49.useMemo)(() => {
+  const exchangeRate = (0, import_react50.useMemo)(() => {
     if (!hasFromUsdPrice || !hasToUsdPrice) return null;
     return toTokenPriceUSD / fromTokenPriceUSD;
   }, [fromTokenPriceUSD, toTokenPriceUSD, hasFromUsdPrice, hasToUsdPrice]);
@@ -34894,13 +35549,13 @@ function SwapMode({
   const hasAmount = rawSellNum > 0 && (amountInputMode === "token" || hasFromUsdPrice);
   const isConnected = walletStatus === "connected" && !!walletAddress;
   const canGetQuote = hasTokens && hasAmount && !insufficient && isConnected && (!needsDestAddress || isValidDestAddress);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!fromToken) return;
     if (!hasFromUsdPrice && amountInputMode === "usd") {
       setAmountInputMode("token");
     }
   }, [fromToken, hasFromUsdPrice, amountInputMode]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (displayToAmount === null) {
       prevToAmountRef.current = null;
       return;
@@ -34914,14 +35569,14 @@ function SwapMode({
     const t = setTimeout(() => setRateUpdated(false), 700);
     return () => clearTimeout(t);
   }, [displayToAmount]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     setDestAddress("");
   }, [toChainType]);
-  const fetchRef = (0, import_react49.useRef)(route.fetch);
-  (0, import_react49.useEffect)(() => {
+  const fetchRef = (0, import_react50.useRef)(route.fetch);
+  (0, import_react50.useEffect)(() => {
     fetchRef.current = route.fetch;
   });
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!canGetQuote || stage !== "home") return;
     if (!fromToken || !fromChain || !toToken || !toChain || !walletAddress)
       return;
@@ -34950,7 +35605,7 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!canGetQuote || !fromToken || !fromChain || !toToken || !toChain || !walletAddress) {
       latestFetchParamsRef.current = null;
       return;
@@ -34977,12 +35632,12 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     quoteTimestampRef.current = route.data ? Date.now() : null;
     setQuoteAge(0);
   }, [route.data]);
-  const msgTimeoutRef = (0, import_react49.useRef)(null);
-  (0, import_react49.useEffect)(() => {
+  const msgTimeoutRef = (0, import_react50.useRef)(null);
+  (0, import_react50.useEffect)(() => {
     if (!route.loading) {
       setQuoteLoadingMsgIdx(0);
       setQuoteLoadingMsgVisible(true);
@@ -35000,7 +35655,7 @@ function SwapMode({
       if (msgTimeoutRef.current !== null) clearTimeout(msgTimeoutRef.current);
     };
   }, [route.loading]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!route.data) return;
     const id = setInterval(() => {
       const ts = quoteTimestampRef.current;
@@ -35014,7 +35669,7 @@ function SwapMode({
     }, 1e3);
     return () => clearInterval(id);
   }, [route.data]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (stage !== "review") return;
     if (!route.data || !walletAddress) return;
     const fromTokenAddress = fromToken?.address;
@@ -35025,7 +35680,7 @@ function SwapMode({
       routeResult: route.data
     });
   }, [stage, route.data, walletAddress, fromToken]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!showSettings) {
       setShowCurrencyDropdown(false);
       return;
@@ -35038,7 +35693,7 @@ function SwapMode({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [showSettings]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!showCurrencyDropdown) return;
     const handler = (e2) => {
       if (currencyDropdownRef.current && !currencyDropdownRef.current.contains(e2.target)) {
@@ -35049,7 +35704,7 @@ function SwapMode({
     return () => document.removeEventListener("mousedown", handler);
   }, [showCurrencyDropdown]);
   if (stage === "select-from") {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       SwapTokenSelect,
       {
         side: "from",
@@ -35067,7 +35722,7 @@ function SwapMode({
     ) });
   }
   if (stage === "select-to" && !lockDestToken) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       SwapTokenSelect,
       {
         side: "to",
@@ -35086,9 +35741,9 @@ function SwapMode({
     ) });
   }
   if (stage === "connect-wallet") {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(WidgetContainer, { theme: resolvedTheme, style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        SwapWalletSelector,
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(WidgetContainer, { theme: resolvedTheme, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        SwapWalletSelector_default,
         {
           walletStatus,
           walletAddress,
@@ -35096,7 +35751,7 @@ function SwapMode({
           onBack: handleWalletConnected
         }
       ),
-      isConnected && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      isConnected && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "button",
         {
           onClick: () => setStage("home"),
@@ -35129,8 +35784,8 @@ function SwapMode({
     const offset = circ - progress / 100 * circ;
     const isApproving = txStatus === "approving";
     const title = isApproving ? "Approving..." : "Order Submitted";
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "div",
         {
           style: {
@@ -35140,7 +35795,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -35155,7 +35810,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "svg",
                   {
                     style: {
@@ -35169,12 +35824,12 @@ function SwapMode({
                     strokeWidth: 2,
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M19 12H5m7-7-7 7 7 7" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M19 12H5m7-7-7 7 7 7" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -35191,7 +35846,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "h1",
         {
           style: {
@@ -35203,7 +35858,7 @@ function SwapMode({
           children: title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "div",
         {
           style: {
@@ -35217,7 +35872,7 @@ function SwapMode({
             gap: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "div",
               {
                 style: {
@@ -35229,14 +35884,14 @@ function SwapMode({
                   justifyContent: "center"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                     "svg",
                     {
                       width: ringSize,
                       height: ringSize,
                       style: { position: "absolute", inset: 0 },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -35247,7 +35902,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -35266,7 +35921,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                     "div",
                     {
                       style: {
@@ -35277,7 +35932,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "span",
                           {
                             style: {
@@ -35290,7 +35945,7 @@ function SwapMode({
                             children: isApproving ? "Approving" : "Swapping"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "div",
                           {
                             style: {
@@ -35300,7 +35955,7 @@ function SwapMode({
                               gap: spacing[1.5]
                             },
                             children: [
-                              fromToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              fromToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "img",
                                 {
                                   src: fromToken.iconUrl,
@@ -35311,7 +35966,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -35322,7 +35977,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "svg",
                                 {
                                   style: {
@@ -35336,10 +35991,10 @@ function SwapMode({
                                   strokeWidth: 2,
                                   strokeLinecap: "round",
                                   strokeLinejoin: "round",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M5 12h14m-7-7 7 7-7 7" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M5 12h14m-7-7 7 7-7 7" })
                                 }
                               ),
-                              toToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              toToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "img",
                                 {
                                   src: toToken.iconUrl,
@@ -35350,7 +36005,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -35364,7 +36019,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "span",
                           {
                             style: {
@@ -35376,7 +36031,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -35391,7 +36046,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "span",
                           {
                             style: {
@@ -35411,7 +36066,7 @@ function SwapMode({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "div",
               {
                 style: {
@@ -35421,7 +36076,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -35430,8 +36085,8 @@ function SwapMode({
                       label: `Sending ${fromToken?.symbol ?? ""}`
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ProcessingStepLine, { done: activeStep > 0 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ProcessingStepLine, { done: activeStep > 0 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 1,
@@ -35440,8 +36095,8 @@ function SwapMode({
                       label: "Create Order"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ProcessingStepLine, { done: activeStep > 1 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ProcessingStepLine, { done: activeStep > 1 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 2,
@@ -35460,7 +36115,7 @@ function SwapMode({
                 fromChainTxUrl
               );
               const isCopied = copiedHash === txHash;
-              return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35469,7 +36124,7 @@ function SwapMode({
                     gap: spacing[3]
                   },
                   children: [
-                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "a",
                       {
                         href: explorerUrl,
@@ -35488,7 +36143,7 @@ function SwapMode({
                         },
                         children: [
                           "View transaction",
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                             "svg",
                             {
                               style: { width: "0.875rem", height: "0.875rem" },
@@ -35499,16 +36154,16 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                               ]
                             }
                           )
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "button",
                       {
                         onClick: () => handleCopyHash(txHash),
@@ -35525,11 +36180,11 @@ function SwapMode({
                           padding: 0,
                           transition: "color 0.15s"
                         },
-                        children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+                        children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
                           txHash.slice(0, 6),
                           "\u2026",
                           txHash.slice(-4),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                             "svg",
                             {
                               style: { width: "0.875rem", height: "0.875rem" },
@@ -35540,7 +36195,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "rect",
                                   {
                                     x: "9",
@@ -35551,7 +36206,7 @@ function SwapMode({
                                     ry: "2"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                               ]
                             }
                           )
@@ -35579,10 +36234,10 @@ function SwapMode({
       dateStyle: "medium",
       timeStyle: "short"
     }) ?? null;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { position: "relative", overflow: "hidden" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react49.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { position: "relative", overflow: "hidden" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react50.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -35592,7 +36247,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "div",
                 {
                   style: {
@@ -35605,7 +36260,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "svg",
                     {
                       style: {
@@ -35619,12 +36274,12 @@ function SwapMode({
                       strokeWidth: 3,
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M20 6L9 17l-5-5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M20 6L9 17l-5-5" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "h2",
                 {
                   style: {
@@ -35638,7 +36293,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -35648,7 +36303,7 @@ function SwapMode({
               padding: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35658,7 +36313,7 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "div",
                       {
                         style: {
@@ -35667,8 +36322,8 @@ function SwapMode({
                           gap: spacing[2]
                         },
                         children: [
-                          fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "img",
                               {
                                 src: fromToken.iconUrl,
@@ -35680,7 +36335,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -35698,11 +36353,11 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: "You sold" })
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: "You sold" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "span",
                       {
                         style: {
@@ -35719,7 +36374,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35730,7 +36385,7 @@ function SwapMode({
                     marginTop: spacing[3]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "div",
                       {
                         style: {
@@ -35739,8 +36394,8 @@ function SwapMode({
                           gap: spacing[2]
                         },
                         children: [
-                          toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "img",
                               {
                                 src: toToken.iconUrl,
@@ -35752,7 +36407,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -35770,11 +36425,11 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: "Received" })
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: "Received" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "span",
                       {
                         style: {
@@ -35791,7 +36446,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "div",
                 {
                   style: {
@@ -35801,7 +36456,7 @@ function SwapMode({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35811,28 +36466,28 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    fromUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    fromUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       SuccessReceiptRow,
                       {
                         label: "Value sold",
                         value: fmtLocal(fromUsd)
                       }
                     ),
-                    toUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    toUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       SuccessReceiptRow,
                       {
                         label: "Value received",
                         value: fmtLocal(toUsd)
                       }
                     ),
-                    effectiveRate && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    effectiveRate && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       SuccessReceiptRow,
                       {
                         label: "Effective rate",
                         value: effectiveRate
                       }
                     ),
-                    completedStr && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SuccessReceiptRow, { label: "Completed", value: completedStr }),
+                    completedStr && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SuccessReceiptRow, { label: "Completed", value: completedStr }),
                     txHash && (() => {
                       const srcUrl = buildExplorerUrl(
                         txHash,
@@ -35840,7 +36495,7 @@ function SwapMode({
                         fromChainTxUrl
                       );
                       const isCopied = copiedHash === txHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                         "div",
                         {
                           style: {
@@ -35849,8 +36504,8 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                               "div",
                               {
                                 style: {
@@ -35859,7 +36514,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                     "a",
                                     {
                                       href: srcUrl,
@@ -35879,7 +36534,7 @@ function SwapMode({
                                         txHash.slice(0, 6),
                                         "\u2026",
                                         txHash.slice(-4),
-                                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -35890,16 +36545,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(txHash),
@@ -35917,7 +36572,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                         "svg",
                                         {
                                           style: {
@@ -35931,7 +36586,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -35942,7 +36597,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -35962,7 +36617,7 @@ function SwapMode({
                         toChainTxUrl
                       );
                       const isCopied = copiedHash === destTxHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                         "div",
                         {
                           style: {
@@ -35971,8 +36626,8 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                               "div",
                               {
                                 style: {
@@ -35981,7 +36636,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                     "a",
                                     {
                                       href: destUrl,
@@ -36001,7 +36656,7 @@ function SwapMode({
                                         destTxHash.slice(0, 6),
                                         "\u2026",
                                         destTxHash.slice(-4),
-                                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -36012,16 +36667,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(destTxHash),
@@ -36038,7 +36693,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                         "svg",
                                         {
                                           style: {
@@ -36052,7 +36707,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -36063,7 +36718,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -36083,7 +36738,7 @@ function SwapMode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "div",
         {
           style: {
@@ -36093,7 +36748,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -36111,7 +36766,7 @@ function SwapMode({
                 children: "Done"
               }
             ),
-            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "button",
               {
                 onClick: handleSwapBack,
@@ -36140,7 +36795,7 @@ function SwapMode({
     ] }) });
   }
   if (stage === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       ErrorPage,
       {
         error: mapError(execution.errorMessage),
@@ -36152,7 +36807,7 @@ function SwapMode({
   if (stage === "review") {
     const reviewToAmount = toAmount ?? displayToAmount;
     const reviewToUsd = toUsd > 0 ? toUsd : displayToUsd;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "div",
       {
         style: {
@@ -36161,7 +36816,7 @@ function SwapMode({
           overflowY: "auto"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "div",
             {
               style: {
@@ -36171,7 +36826,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "span",
                   {
                     style: {
@@ -36182,7 +36837,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -36197,7 +36852,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "svg",
                       {
                         style: {
@@ -36211,7 +36866,7 @@ function SwapMode({
                         strokeWidth: 2,
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M18 6L6 18M6 6l12 12" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M18 6L6 18M6 6l12 12" })
                       }
                     )
                   }
@@ -36219,7 +36874,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "div",
             {
               style: {
@@ -36228,8 +36883,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                     "p",
                     {
                       style: {
@@ -36245,7 +36900,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "p",
                     {
                       style: {
@@ -36257,7 +36912,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -36268,7 +36923,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "div",
             {
               style: {
@@ -36276,7 +36931,7 @@ function SwapMode({
                 justifyContent: "center",
                 margin: `${spacing[3]} 0`
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "svg",
                 {
                   style: {
@@ -36290,12 +36945,12 @@ function SwapMode({
                   strokeWidth: 2,
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 5v14m-7-7l7 7 7-7" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M12 5v14m-7-7l7 7 7-7" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "div",
             {
               style: {
@@ -36304,8 +36959,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                     "p",
                     {
                       style: {
@@ -36321,7 +36976,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "p",
                     {
                       style: {
@@ -36333,7 +36988,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -36344,7 +36999,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "button",
             {
               onClick: () => setShowReviewDetails((v) => !v),
@@ -36363,13 +37018,13 @@ function SwapMode({
                 padding: 0
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                   "span",
                   {
                     style: {
@@ -36381,7 +37036,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                         "svg",
                         {
                           style: {
@@ -36396,10 +37051,10 @@ function SwapMode({
                           strokeWidth: 2,
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M6 9l6 6 6-6" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M6 9l6 6 6-6" })
                         }
                       ),
-                      route.data && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                      route.data && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                         "svg",
                         {
                           width: "14",
@@ -36412,7 +37067,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -36423,7 +37078,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -36444,7 +37099,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -36453,7 +37108,7 @@ function SwapMode({
               ]
             }
           ),
-          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "div",
             {
               style: {
@@ -36464,7 +37119,7 @@ function SwapMode({
                 marginBottom: spacing[2]
               },
               children: [
-                exchangeRate !== null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                exchangeRate !== null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Rate",
@@ -36472,7 +37127,7 @@ function SwapMode({
                     value: `1 ${fromToken?.symbol} = ${fmtAmount(1 / (exchangeRate ?? 1), 4)} ${toToken?.symbol} ($${fmtAmount(fromTokenPriceUSD, 2)})`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Fee",
@@ -36480,12 +37135,12 @@ function SwapMode({
                     value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Network cost",
                     tooltip: "Estimated gas fee paid to the blockchain network",
-                    value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "span",
                       {
                         style: {
@@ -36494,14 +37149,14 @@ function SwapMode({
                           gap: "0.25rem"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(GasIcon, { size: "0.875rem" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(GasIcon, { size: "0.875rem" }),
                           fmtLocal(networkCostUsd)
                         ]
                       }
                     ) : "\u2014"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Max slippage",
@@ -36509,12 +37164,12 @@ function SwapMode({
                     value: `${slippage}%`
                   }
                 ),
-                (routePath || route.data?.route?.provider) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                (routePath || route.data?.route?.provider) && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Route",
                     tooltip: "Protocol or bridge used to execute your swap",
-                    value: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    value: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "span",
                       {
                         style: {
@@ -36534,7 +37189,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -36553,12 +37208,12 @@ function SwapMode({
   const ctaDisabled = !hasTokens || !hasAmount || insufficient || isConnected && needsDestAddress && !isValidDestAddress || route.loading;
   const ctaAction = !isConnected ? handleConnectAndReview : () => void handleReview();
   const showRateRow = hasTokens && exchangeRate !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       style: { display: "flex", flexDirection: "column", minHeight: "500px" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -36569,7 +37224,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   style: {
@@ -36583,7 +37238,7 @@ function SwapMode({
                   children: "Swap"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   ref: settingsRef,
@@ -36594,7 +37249,7 @@ function SwapMode({
                     position: "relative"
                   },
                   children: [
-                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "button",
                       {
                         onClick: () => void disconnectWallet(),
@@ -36612,7 +37267,7 @@ function SwapMode({
                           " \xD7"
                         ]
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -36627,7 +37282,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -36645,7 +37300,7 @@ function SwapMode({
                           color: colors.mutedForeground,
                           padding: 0
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "svg",
                           {
                             style: { width: "1rem", height: "1rem" },
@@ -36656,14 +37311,14 @@ function SwapMode({
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
                             ]
                           }
                         )
                       }
                     ),
-                    showSettings && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    showSettings && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "div",
                       {
                         style: {
@@ -36679,7 +37334,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "p",
                             {
                               style: {
@@ -36693,7 +37348,7 @@ function SwapMode({
                               children: "Appearance"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                             "div",
                             {
                               style: {
@@ -36702,8 +37357,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -36714,7 +37369,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -36726,7 +37381,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -36743,7 +37398,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -36764,7 +37419,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "p",
                             {
                               style: {
@@ -36778,8 +37433,8 @@ function SwapMode({
                               children: "Transaction Settings"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { marginBottom: spacing[4] }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { marginBottom: spacing[4] }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "p",
                               {
                                 style: {
@@ -36791,8 +37446,8 @@ function SwapMode({
                                 children: "Max slippage"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { display: "flex", gap: spacing[1.5] }, children: [
-                              [0.1, 0.5, 1].map((v) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { display: "flex", gap: spacing[1.5] }, children: [
+                              [0.1, 0.5, 1].map((v) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                 "button",
                                 {
                                   onClick: () => {
@@ -36817,7 +37472,7 @@ function SwapMode({
                                 },
                                 v
                               )),
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "input",
                                 {
                                   type: "number",
@@ -36848,7 +37503,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "p",
                               {
                                 style: {
@@ -36860,7 +37515,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                             "div",
                             {
                               style: {
@@ -36869,8 +37524,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -36881,7 +37536,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -36893,7 +37548,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -36910,7 +37565,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -36931,7 +37586,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                             "div",
                             {
                               style: {
@@ -36941,7 +37596,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -36953,13 +37608,13 @@ function SwapMode({
                                     children: "Display currency"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                   "div",
                                   {
                                     ref: currencyDropdownRef,
                                     style: { position: "relative", flexShrink: 0 },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                         "button",
                                         {
                                           onClick: () => setShowCurrencyDropdown((v) => !v),
@@ -36979,9 +37634,9 @@ function SwapMode({
                                             whiteSpace: "nowrap"
                                           },
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: currencySymbol }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: selectedCurrency }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: currencySymbol }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: selectedCurrency }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                               "svg",
                                               {
                                                 style: {
@@ -36997,13 +37652,13 @@ function SwapMode({
                                                 strokeWidth: 2.5,
                                                 strokeLinecap: "round",
                                                 strokeLinejoin: "round",
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M6 9l6 6 6-6" })
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M6 9l6 6 6-6" })
                                               }
                                             )
                                           ]
                                         }
                                       ),
-                                      showCurrencyDropdown && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                      showCurrencyDropdown && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                         "div",
                                         {
                                           style: {
@@ -37022,7 +37677,7 @@ function SwapMode({
                                           },
                                           children: SUPPORTED_CURRENCIES.map((c) => {
                                             const isSelected = selectedCurrency === c.code;
-                                            return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                            return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                               "button",
                                               {
                                                 onClick: () => {
@@ -37045,7 +37700,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                                     "span",
                                                     {
                                                       style: {
@@ -37056,8 +37711,8 @@ function SwapMode({
                                                       children: c.symbol
                                                     }
                                                   ),
-                                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { flexShrink: 0 }, children: c.code }),
-                                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { flexShrink: 0 }, children: c.code }),
+                                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                                     "span",
                                                     {
                                                       style: {
@@ -37092,7 +37747,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             onMouseEnter: () => setHoverSell(true),
@@ -37104,7 +37759,7 @@ function SwapMode({
               padding: `${spacing[4]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37114,7 +37769,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "span",
                       {
                         style: {
@@ -37125,7 +37780,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "div",
                       {
                         style: {
@@ -37136,7 +37791,7 @@ function SwapMode({
                           transition: "opacity 0.2s",
                           pointerEvents: hoverSell && fromBalance !== null ? "auto" : "none"
                         },
-                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "button",
                           {
                             onClick: () => {
@@ -37192,12 +37847,12 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: { display: "flex", alignItems: "center", gap: spacing[3] },
                   children: [
-                    amountInputMode === "usd" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    amountInputMode === "usd" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "span",
                       {
                         style: {
@@ -37212,7 +37867,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "input",
                       {
                         inputMode: "decimal",
@@ -37238,7 +37893,7 @@ function SwapMode({
                         }
                       }
                     ),
-                    amountInputMode === "token" && fromToken && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    amountInputMode === "token" && fromToken && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "span",
                       {
                         style: {
@@ -37253,7 +37908,7 @@ function SwapMode({
                         children: fromToken.symbol
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       TokenPillButton,
                       {
                         token: fromToken,
@@ -37265,7 +37920,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37277,7 +37932,7 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -37295,8 +37950,8 @@ function SwapMode({
                           fontFamily: "inherit"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
-                          hasFromUsdPrice && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
+                          hasFromUsdPrice && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "svg",
                             {
                               style: { width: "0.75rem", height: "0.75rem" },
@@ -37306,17 +37961,17 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
                             }
                           )
                         ]
                       }
                     ),
-                    fromBalance !== null && fromToken && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { children: [
+                    fromBalance !== null && fromToken && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
                       fmtAmount(fromBalance, 6),
                       " ",
                       fromToken.symbol,
-                      balanceUsd !== null && balanceUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { children: [
+                      balanceUsd !== null && balanceUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
                         " \u2248 ",
                         fmtLocal(balanceUsd)
                       ] })
@@ -37327,7 +37982,7 @@ function SwapMode({
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "button",
           {
             onClick: handleFlip,
@@ -37348,7 +38003,7 @@ function SwapMode({
               cursor: lockDestToken ? "default" : "pointer",
               opacity: lockDestToken ? 0.4 : 1
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "svg",
               {
                 style: {
@@ -37360,7 +38015,7 @@ function SwapMode({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 2,
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -37372,7 +38027,7 @@ function SwapMode({
             )
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -37381,7 +38036,7 @@ function SwapMode({
               padding: `${spacing[5]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   style: {
@@ -37392,7 +38047,7 @@ function SwapMode({
                   children: "Buy"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37402,7 +38057,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "div",
                       {
                         style: {
@@ -37415,7 +38070,7 @@ function SwapMode({
                         },
                         children: displayToAmount !== null ? (() => {
                           const s = `${isEstimate ? "~" : ""}${fmtAmount(displayToAmount, 5)}`;
-                          return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "span",
                             {
                               style: {
@@ -37426,7 +38081,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "span",
                           {
                             style: {
@@ -37436,7 +38091,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "span",
                           {
                             style: {
@@ -37449,7 +38104,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -37463,7 +38118,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37475,8 +38130,8 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
-                    priceImpact !== null && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
+                    priceImpact !== null && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "span",
                       {
                         style: {
@@ -37497,7 +38152,7 @@ function SwapMode({
                   ]
                 }
               ),
-              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37506,7 +38161,7 @@ function SwapMode({
                     borderTop: "1px solid hsl(var(--tw-border))"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "p",
                       {
                         style: {
@@ -37521,8 +38176,8 @@ function SwapMode({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { position: "relative" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { position: "relative" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                         "input",
                         {
                           type: "text",
@@ -37545,7 +38200,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                         "button",
                         {
                           type: "button",
@@ -37571,7 +38226,7 @@ function SwapMode({
                         }
                       )
                     ] }),
-                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "p",
                       {
                         style: {
@@ -37592,7 +38247,7 @@ function SwapMode({
             ]
           }
         ) }),
-        route.error && !route.loading && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        route.error && !route.loading && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "p",
           {
             style: {
@@ -37605,7 +38260,7 @@ function SwapMode({
             children: mapError(route.error).message
           }
         ),
-        route.loading && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        route.loading && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -37617,13 +38272,13 @@ function SwapMode({
               padding: `0 ${spacing[3]}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "svg",
                 {
                   className: "tw-animate-spin",
                   style: { width: "0.875rem", height: "0.875rem", flexShrink: 0 },
                   viewBox: "0 0 88 88",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "circle",
                     {
                       cx: "44",
@@ -37638,7 +38293,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   style: {
@@ -37653,7 +38308,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "button",
           {
             disabled: ctaDisabled,
@@ -37682,7 +38337,7 @@ function SwapMode({
             children: ctaLabel
           }
         ) }),
-        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -37692,7 +38347,7 @@ function SwapMode({
               color: colors.mutedForeground
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "button",
                 {
                   onClick: () => setShowRateDetails((v) => !v),
@@ -37710,7 +38365,7 @@ function SwapMode({
                     padding: `${spacing[1]} 0`
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { style: { flex: 1, textAlign: "left" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { style: { flex: 1, textAlign: "left" }, children: [
                       "1 ",
                       toToken?.symbol,
                       " = ",
@@ -37718,7 +38373,7 @@ function SwapMode({
                       " ",
                       fromToken?.symbol
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "span",
                       {
                         style: {
@@ -37728,15 +38383,15 @@ function SwapMode({
                           flexShrink: 0
                         },
                         children: [
-                          !isGasSponsored && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(GasIcon, {}),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          !isGasSponsored && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(GasIcon, {}),
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "span",
                             {
                               style: isGasSponsored ? { color: colors.green[500] } : void 0,
                               children: isGasSponsored ? "\u2726 Sponsored" : networkCostUsd !== null ? fmtLocal(networkCostUsd) : "\u2014"
                             }
                           ),
-                          route.data && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                          route.data && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                             "svg",
                             {
                               width: "14",
@@ -37748,7 +38403,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37759,7 +38414,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37777,7 +38432,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "svg",
                             {
                               style: {
@@ -37792,7 +38447,7 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M6 9l6 6 6-6" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M6 9l6 6 6-6" })
                             }
                           )
                         ]
@@ -37801,7 +38456,7 @@ function SwapMode({
                   ]
                 }
               ),
-              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37813,18 +38468,18 @@ function SwapMode({
                     gap: spacing[2.5]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       RateRow,
                       {
                         label: "Fee",
                         value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       RateRow,
                       {
                         label: "Network cost",
-                        value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "span",
                           {
                             style: {
@@ -37833,19 +38488,19 @@ function SwapMode({
                               gap: "0.25rem"
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(GasIcon, { size: "0.75rem" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(GasIcon, { size: "0.75rem" }),
                               fmtLocal(networkCostUsd)
                             ]
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(RateRow, { label: "Max slippage", value: `${slippage}%` }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RateRow, { label: "Max slippage", value: `${slippage}%` }),
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       RateRow,
                       {
                         label: "Route",
-                        value: routePath ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        value: routePath ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "span",
                           {
                             style: {
@@ -37859,7 +38514,7 @@ function SwapMode({
                             title: routePath,
                             children: routePath
                           }
-                        ) : route.data?.route?.provider ?? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : route.data?.route?.provider ?? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     )
                   ]
@@ -37868,7 +38523,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -37896,8 +38551,8 @@ function SwapActionArea({
     label = "Swap";
   }
   const isDisabled = isSubmitting || isChecking;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { marginTop: spacing[6] }, children: [
-    isGasSponsored && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { marginTop: spacing[6] }, children: [
+    isGasSponsored && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "div",
       {
         style: {
@@ -37908,7 +38563,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "svg",
             {
               style: {
@@ -37918,10 +38573,10 @@ function SwapActionArea({
               },
               viewBox: "0 0 24 24",
               fill: "currentColor",
-              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "span",
             {
               style: {
@@ -37935,7 +38590,7 @@ function SwapActionArea({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "button",
       {
         onClick: onExecute,
@@ -37958,7 +38613,7 @@ function SwapActionArea({
         children: label
       }
     ),
-    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "p",
       {
         style: {
@@ -37990,7 +38645,7 @@ function TokenPillButton({
   const iconUrl = token?.iconUrl ?? token?.logoURI;
   const chainIcon = chain?.chainIconURI;
   if (!token) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "button",
       {
         onClick: disabled ? void 0 : onClick,
@@ -38013,7 +38668,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -38021,7 +38676,7 @@ function TokenPillButton({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 2,
-              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -38035,7 +38690,7 @@ function TokenPillButton({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
@@ -38055,8 +38710,8 @@ function TokenPillButton({
         opacity: disabled ? 0.85 : 1
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { position: "relative" }, children: [
-          iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { position: "relative" }, children: [
+          iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "img",
             {
               src: iconUrl,
@@ -38068,7 +38723,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "div",
             {
               style: {
@@ -38080,7 +38735,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   style: {
@@ -38093,7 +38748,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "img",
             {
               src: chainIcon,
@@ -38111,7 +38766,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "span",
           {
             style: {
@@ -38122,7 +38777,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        !disabled && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "svg",
           {
             style: {
@@ -38134,7 +38789,7 @@ function TokenPillButton({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "path",
               {
                 strokeLinecap: "round",
@@ -38155,8 +38810,8 @@ function TokenIcon({
 }) {
   const imgSize = size === "lg" ? "2.75rem" : "2.5rem";
   const badgeSize = size === "lg" ? "1.125rem" : "1rem";
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "img",
       {
         src: icon,
@@ -38164,7 +38819,7 @@ function TokenIcon({
         style: { width: imgSize, height: imgSize, borderRadius: "9999px" }
       }
     ),
-    chainIcon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    chainIcon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "img",
       {
         src: chainIcon,
@@ -38188,15 +38843,15 @@ function ReviewDetailRow({
   value,
   tooltip
 }) {
-  const iconRef = (0, import_react49.useRef)(null);
-  const [tipPos, setTipPos] = (0, import_react49.useState)(null);
+  const iconRef = (0, import_react50.useRef)(null);
+  const [tipPos, setTipPos] = (0, import_react50.useState)(null);
   const handleMouseEnter = () => {
     if (!tooltip || !iconRef.current) return;
     const r = iconRef.current.getBoundingClientRect();
     setTipPos({ x: r.left + r.width / 2, y: r.top - 8 });
   };
   const handleMouseLeave = () => setTipPos(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       style: {
@@ -38205,7 +38860,7 @@ function ReviewDetailRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "span",
           {
             style: {
@@ -38216,14 +38871,14 @@ function ReviewDetailRow({
             },
             children: [
               label,
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   ref: iconRef,
                   style: { display: "inline-flex", alignItems: "center" },
                   onMouseEnter: handleMouseEnter,
                   onMouseLeave: handleMouseLeave,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                     "svg",
                     {
                       style: {
@@ -38239,8 +38894,8 @@ function ReviewDetailRow({
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 16v-4M12 8h.01" })
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M12 16v-4M12 8h.01" })
                       ]
                     }
                   )
@@ -38249,9 +38904,9 @@ function ReviewDetailRow({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
         tooltip && tipPos && typeof document !== "undefined" && import_react_dom.default.createPortal(
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "span",
             {
               style: {
@@ -38280,7 +38935,7 @@ function ReviewDetailRow({
   );
 }
 function GasIcon({ size = "0.875rem" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "svg",
     {
       style: { width: size, height: size, flexShrink: 0 },
@@ -38291,16 +38946,16 @@ function GasIcon({ size = "0.875rem" }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M3 11h11" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M19 22V12" })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M3 11h11" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M19 22V12" })
       ]
     }
   );
 }
 function SponsoredBadge() {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "span",
     {
       style: {
@@ -38311,13 +38966,13 @@ function SponsoredBadge() {
         fontWeight: fontWeight.medium
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "svg",
           {
             style: { width: "0.75rem", height: "0.75rem" },
             viewBox: "0 0 24 24",
             fill: "currentColor",
-            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
           }
         ),
         "Sponsored"
@@ -38329,7 +38984,7 @@ function SuccessReceiptRow({
   label,
   value
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       style: {
@@ -38338,8 +38993,8 @@ function SuccessReceiptRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
       ]
     }
   );
@@ -38353,7 +39008,7 @@ function ProcessingStepNode({
   const nodeColor = done ? colors.green[500] : active ? `hsl(var(--tw-primary))` : colors.border;
   const iconColor = done ? "#fff" : active ? `hsl(var(--tw-primary))` : colors.mutedForeground;
   const nodeBg = done ? colors.green[500] : "transparent";
-  const iconEl = icon === "send" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  const iconEl = icon === "send" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -38363,9 +39018,9 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
     }
-  ) : icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  ) : icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -38375,9 +39030,9 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 5v14M5 12h14" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M12 5v14M5 12h14" })
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -38388,12 +39043,12 @@ function ProcessingStepNode({
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
       ]
     }
   );
-  const doneIcon = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  const doneIcon = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: "#fff" },
@@ -38403,10 +39058,10 @@ function ProcessingStepNode({
       strokeWidth: 3,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M20 6L9 17l-5-5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M20 6L9 17l-5-5" })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       style: {
@@ -38417,7 +39072,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "div",
           {
             style: {
@@ -38435,7 +39090,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "span",
           {
             style: {
@@ -38454,7 +39109,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       style: {
@@ -38468,11 +39123,11 @@ function ProcessingStepLine({ done }) {
     }
   );
 }
-var import_react49, import_react_dom, import_jsx_runtime57, ConfettiEffect3, QUOTE_TTL, QUOTE_LOADING_MESSAGES, PERCENT_OPTIONS;
+var import_react50, import_react_dom, import_jsx_runtime59, ConfettiEffect3, QUOTE_TTL, QUOTE_LOADING_MESSAGES, PERCENT_OPTIONS;
 var init_SwapMode = __esm({
   "src/modes/swap/SwapMode.tsx"() {
     "use strict";
-    import_react49 = require("react");
+    import_react50 = require("react");
     import_react_dom = __toESM(require("react-dom"), 1);
     init_styles();
     init_utils2();
@@ -38492,10 +39147,10 @@ var init_SwapMode = __esm({
     init_useSwapExecution();
     init_useForex();
     init_SwapTokenSelect();
-    init_SwapWalletSelector();
     init_currency();
-    import_jsx_runtime57 = require("react/jsx-runtime");
-    ConfettiEffect3 = (0, import_react49.lazy)(
+    init_components2();
+    import_jsx_runtime59 = require("react/jsx-runtime");
+    ConfettiEffect3 = (0, import_react50.lazy)(
       () => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports))
     );
     QUOTE_TTL = 60;
@@ -38536,7 +39191,7 @@ function WidgetContent({
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
   useWalletExternalDisconnect(() => setCurrentStep("home"));
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const state = {
       currentStep,
       amount,
@@ -38556,9 +39211,9 @@ function WidgetContent({
     transactionStatus,
     onStateChange
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       WidgetRouter,
       {
         currentStep,
@@ -38579,8 +39234,8 @@ function WidgetInner({
   const { transactionStatus } = useDepositTransaction();
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
-  const [showConfirmDialog, setShowConfirmDialog] = (0, import_react50.useState)(false);
-  const handleCloseRequest = (0, import_react50.useCallback)(() => {
+  const [showConfirmDialog, setShowConfirmDialog] = (0, import_react51.useState)(false);
+  const handleCloseRequest = (0, import_react51.useCallback)(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
     } else {
@@ -38591,32 +39246,32 @@ function WidgetInner({
       onClose?.();
     }
   }, [transactionStatus, onClose, resetState]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
-  const handleConfirmClose = (0, import_react50.useCallback)(() => {
+  const handleConfirmClose = (0, import_react51.useCallback)(() => {
     setShowConfirmDialog(false);
     onClose?.();
   }, [onClose]);
-  const handleCancelClose = (0, import_react50.useCallback)(() => {
+  const handleCancelClose = (0, import_react51.useCallback)(() => {
     setShowConfirmDialog(false);
   }, []);
   const effectiveTheme = resolvedTheme;
   const isRefreshing = status === "initializing";
   const initBlocked = status === "error";
-  const handleRefresh = (0, import_react50.useCallback)(() => {
+  const handleRefresh = (0, import_react51.useCallback)(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(WidgetContainer, { theme: effectiveTheme, style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(WidgetContainer, { theme: effectiveTheme, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         WidgetContent,
         {
           onStateChange,
           showThemeToggle
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         InitErrorOverlay,
         {
           open: initBlocked,
@@ -38627,7 +39282,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -38638,11 +39293,11 @@ function WidgetInner({
     )
   ] });
 }
-var import_react50, import_jsx_runtime58, widgetContentContainerStyle, themeToggleContainerStyle, TrustwareWidgetV2;
+var import_react51, import_jsx_runtime60, widgetContentContainerStyle, themeToggleContainerStyle, TrustwareWidgetV2;
 var init_TrustwareWidgetV2 = __esm({
   "src/widget/TrustwareWidgetV2.tsx"() {
     "use strict";
-    import_react50 = require("react");
+    import_react51 = require("react");
     init_utils2();
     init_styles();
     init_DepositContext();
@@ -38655,7 +39310,7 @@ var init_TrustwareWidgetV2 = __esm({
     init_manager();
     init_useTrustwareConfig();
     init_swap();
-    import_jsx_runtime58 = require("react/jsx-runtime");
+    import_jsx_runtime60 = require("react/jsx-runtime");
     widgetContentContainerStyle = {
       position: "relative",
       width: "100%",
@@ -38668,7 +39323,7 @@ var init_TrustwareWidgetV2 = __esm({
       right: spacing[3],
       zIndex: 12
     };
-    TrustwareWidgetV2 = (0, import_react50.forwardRef)(function TrustwareWidgetV22({
+    TrustwareWidgetV2 = (0, import_react51.forwardRef)(function TrustwareWidgetV22({
       theme,
       style,
       initialStep = "home",
@@ -38677,15 +39332,15 @@ var init_TrustwareWidgetV2 = __esm({
       onOpen,
       showThemeToggle = true
     }, ref) {
-      const [isOpen, setIsOpen] = (0, import_react50.useState)(defaultOpen);
-      const closeRequestRef = (0, import_react50.useRef)(null);
+      const [isOpen, setIsOpen] = (0, import_react51.useState)(defaultOpen);
+      const closeRequestRef = (0, import_react51.useRef)(null);
       const config = useTrustwareConfig();
       const effectiveInitialStep = initialStep;
-      const open = (0, import_react50.useCallback)(() => {
+      const open = (0, import_react51.useCallback)(() => {
         setIsOpen(true);
         onOpen?.();
       }, [onOpen]);
-      const close = (0, import_react50.useCallback)(() => {
+      const close = (0, import_react51.useCallback)(() => {
         if (closeRequestRef.current) {
           closeRequestRef.current();
         } else {
@@ -38693,11 +39348,11 @@ var init_TrustwareWidgetV2 = __esm({
           onClose?.();
         }
       }, [onClose]);
-      const handleClose = (0, import_react50.useCallback)(() => {
+      const handleClose = (0, import_react51.useCallback)(() => {
         setIsOpen(false);
         onClose?.();
       }, [onClose]);
-      (0, import_react50.useImperativeHandle)(
+      (0, import_react51.useImperativeHandle)(
         ref,
         () => ({
           open,
@@ -38710,9 +39365,9 @@ var init_TrustwareWidgetV2 = __esm({
         return null;
       }
       if (config.features.swapMode) {
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SwapMode, { theme, style });
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SwapMode, { theme, style });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         WidgetInner,
         {
           theme,