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

package/dist/widget.cjs

@@ -585,7 +585,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";
@@ -16175,7 +16175,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();
     }),
@@ -33490,8 +33490,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,
@@ -33503,19 +33576,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_utils();
+    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")) {
@@ -33524,7 +34203,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
     ),
@@ -33583,8 +34262,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: {
@@ -33594,7 +34273,7 @@ function SwapWalletSelector({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "button",
             {
               type: "button",
@@ -33607,7 +34286,7 @@ function SwapWalletSelector({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 "svg",
                 {
                   style: {
@@ -33619,7 +34298,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",
@@ -33631,7 +34310,7 @@ function SwapWalletSelector({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "h1",
             {
               style: {
@@ -33644,7 +34323,7 @@ function SwapWalletSelector({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "div",
             {
               style: {
@@ -33655,7 +34334,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),
@@ -33681,8 +34360,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: {
@@ -33691,7 +34370,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: {
@@ -33704,7 +34383,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: {
@@ -33715,7 +34394,7 @@ function SwapWalletSelector({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       style: {
@@ -33730,7 +34409,7 @@ function SwapWalletSelector({
               },
               i
             )),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "p",
               {
                 style: {
@@ -33744,9 +34423,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: {
@@ -33758,7 +34437,7 @@ function SwapWalletSelector({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "p",
           {
             style: {
@@ -33769,7 +34448,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/",
@@ -33790,7 +34469,7 @@ function SwapWalletSelector({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "div",
         {
           style: {
@@ -33801,7 +34480,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(
@@ -33821,7 +34500,7 @@ function SwapWalletSelector({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       style: {
@@ -33835,7 +34514,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,
@@ -33846,7 +34525,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,
@@ -33857,11 +34536,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: {
@@ -33871,7 +34550,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: {
@@ -33886,7 +34565,7 @@ function SwapWalletSelector({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       style: {
@@ -33899,7 +34578,7 @@ function SwapWalletSelector({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -33916,7 +34595,7 @@ function SwapWalletSelector({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -33948,8 +34627,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: {
@@ -33961,7 +34640,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(
@@ -33983,7 +34662,7 @@ function SwapWalletSelector({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "div",
                   {
                     style: {
@@ -33996,7 +34675,7 @@ function SwapWalletSelector({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                       "svg",
                       {
                         style: {
@@ -34006,13 +34685,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: {
@@ -34022,7 +34701,7 @@ function SwapWalletSelector({
                       children: "WalletConnect"
                     }
                   ),
-                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                     "p",
                     {
                       style: {
@@ -34037,7 +34716,7 @@ function SwapWalletSelector({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "div",
                   {
                     style: {
@@ -34050,7 +34729,7 @@ function SwapWalletSelector({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34070,7 +34749,7 @@ function SwapWalletSelector({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34100,90 +34779,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_utils();
     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();
   }
 });
 
@@ -34260,7 +34915,7 @@ function getActiveStep(status) {
   }
 }
 function RateRow({ label, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       style: {
@@ -34269,8 +34924,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 })
       ]
     }
   );
@@ -34279,41 +34934,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)
@@ -34324,8 +34979,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";
@@ -34341,26 +34996,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(
@@ -34391,11 +35046,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),
     []
   );
@@ -34408,18 +35063,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;
   }, [
@@ -34429,7 +35084,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;
     }
@@ -34441,12 +35096,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;
@@ -34461,7 +35116,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);
@@ -34482,7 +35137,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);
@@ -34499,7 +35154,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;
@@ -34521,7 +35176,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;
@@ -34556,13 +35211,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;
@@ -34585,7 +35240,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("");
@@ -34595,7 +35250,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);
@@ -34619,14 +35274,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") {
@@ -34652,7 +35307,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;
@@ -34662,7 +35317,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);
   }, [
@@ -34672,10 +35327,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;
@@ -34701,7 +35356,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;
@@ -34712,12 +35367,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;
@@ -34744,19 +35399,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]);
@@ -34765,13 +35420,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;
@@ -34785,14 +35440,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;
@@ -34821,7 +35476,7 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!canGetQuote || !fromToken || !fromChain || !toToken || !toChain || !walletAddress) {
       latestFetchParamsRef.current = null;
       return;
@@ -34848,12 +35503,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);
@@ -34871,7 +35526,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;
@@ -34885,7 +35540,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;
@@ -34896,7 +35551,7 @@ function SwapMode({
       routeResult: route.data
     });
   }, [stage, route.data, walletAddress, fromToken]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!showSettings) {
       setShowCurrencyDropdown(false);
       return;
@@ -34909,7 +35564,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)) {
@@ -34920,7 +35575,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",
@@ -34938,7 +35593,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",
@@ -34957,9 +35612,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,
@@ -34967,7 +35622,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"),
@@ -35000,8 +35655,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: {
@@ -35011,7 +35666,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -35026,7 +35681,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "svg",
                   {
                     style: {
@@ -35040,12 +35695,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,
@@ -35062,7 +35717,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "h1",
         {
           style: {
@@ -35074,7 +35729,7 @@ function SwapMode({
           children: title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "div",
         {
           style: {
@@ -35088,7 +35743,7 @@ function SwapMode({
             gap: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "div",
               {
                 style: {
@@ -35100,14 +35755,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,
@@ -35118,7 +35773,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -35137,7 +35792,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                     "div",
                     {
                       style: {
@@ -35148,7 +35803,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "span",
                           {
                             style: {
@@ -35161,7 +35816,7 @@ function SwapMode({
                             children: isApproving ? "Approving" : "Swapping"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "div",
                           {
                             style: {
@@ -35171,7 +35826,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,
@@ -35182,7 +35837,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -35193,7 +35848,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "svg",
                                 {
                                   style: {
@@ -35207,10 +35862,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,
@@ -35221,7 +35876,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -35235,7 +35890,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "span",
                           {
                             style: {
@@ -35247,7 +35902,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -35262,7 +35917,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                           "span",
                           {
                             style: {
@@ -35282,7 +35937,7 @@ function SwapMode({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "div",
               {
                 style: {
@@ -35292,7 +35947,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -35301,8 +35956,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,
@@ -35311,8 +35966,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,
@@ -35331,7 +35986,7 @@ function SwapMode({
                 fromChainTxUrl
               );
               const isCopied = copiedHash === txHash;
-              return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35340,7 +35995,7 @@ function SwapMode({
                     gap: spacing[3]
                   },
                   children: [
-                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "a",
                       {
                         href: explorerUrl,
@@ -35359,7 +36014,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" },
@@ -35370,16 +36025,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),
@@ -35396,11 +36051,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" },
@@ -35411,7 +36066,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "rect",
                                   {
                                     x: "9",
@@ -35422,7 +36077,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" })
                               ]
                             }
                           )
@@ -35450,10 +36105,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: {
@@ -35463,7 +36118,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "div",
                 {
                   style: {
@@ -35476,7 +36131,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "svg",
                     {
                       style: {
@@ -35490,12 +36145,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: {
@@ -35509,7 +36164,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -35519,7 +36174,7 @@ function SwapMode({
               padding: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35529,7 +36184,7 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "div",
                       {
                         style: {
@@ -35538,8 +36193,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,
@@ -35551,7 +36206,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -35569,11 +36224,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: {
@@ -35590,7 +36245,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35601,7 +36256,7 @@ function SwapMode({
                     marginTop: spacing[3]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "div",
                       {
                         style: {
@@ -35610,8 +36265,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,
@@ -35623,7 +36278,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -35641,11 +36296,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: {
@@ -35662,7 +36317,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "div",
                 {
                   style: {
@@ -35672,7 +36327,7 @@ function SwapMode({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -35682,28 +36337,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,
@@ -35711,7 +36366,7 @@ function SwapMode({
                         fromChainTxUrl
                       );
                       const isCopied = copiedHash === txHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                         "div",
                         {
                           style: {
@@ -35720,8 +36375,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: {
@@ -35730,7 +36385,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                     "a",
                                     {
                                       href: srcUrl,
@@ -35750,7 +36405,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" },
@@ -35761,16 +36416,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),
@@ -35788,7 +36443,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: {
@@ -35802,7 +36457,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -35813,7 +36468,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" })
                                           ]
                                         }
                                       )
@@ -35833,7 +36488,7 @@ function SwapMode({
                         toChainTxUrl
                       );
                       const isCopied = copiedHash === destTxHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                         "div",
                         {
                           style: {
@@ -35842,8 +36497,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: {
@@ -35852,7 +36507,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                                     "a",
                                     {
                                       href: destUrl,
@@ -35872,7 +36527,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" },
@@ -35883,16 +36538,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),
@@ -35909,7 +36564,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: {
@@ -35923,7 +36578,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -35934,7 +36589,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" })
                                           ]
                                         }
                                       )
@@ -35954,7 +36609,7 @@ function SwapMode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "div",
         {
           style: {
@@ -35964,7 +36619,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -35982,7 +36637,7 @@ function SwapMode({
                 children: "Done"
               }
             ),
-            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "button",
               {
                 onClick: handleSwapBack,
@@ -36011,7 +36666,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),
@@ -36023,7 +36678,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: {
@@ -36032,7 +36687,7 @@ function SwapMode({
           overflowY: "auto"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "div",
             {
               style: {
@@ -36042,7 +36697,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "span",
                   {
                     style: {
@@ -36053,7 +36708,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -36068,7 +36723,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "svg",
                       {
                         style: {
@@ -36082,7 +36737,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" })
                       }
                     )
                   }
@@ -36090,7 +36745,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "div",
             {
               style: {
@@ -36099,8 +36754,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: {
@@ -36116,7 +36771,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "p",
                     {
                       style: {
@@ -36128,7 +36783,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -36139,7 +36794,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "div",
             {
               style: {
@@ -36147,7 +36802,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: {
@@ -36161,12 +36816,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: {
@@ -36175,8 +36830,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: {
@@ -36192,7 +36847,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "p",
                     {
                       style: {
@@ -36204,7 +36859,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -36215,7 +36870,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "button",
             {
               onClick: () => setShowReviewDetails((v) => !v),
@@ -36234,13 +36889,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: {
@@ -36252,7 +36907,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                         "svg",
                         {
                           style: {
@@ -36267,10 +36922,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",
@@ -36283,7 +36938,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -36294,7 +36949,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -36315,7 +36970,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -36324,7 +36979,7 @@ function SwapMode({
               ]
             }
           ),
-          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             "div",
             {
               style: {
@@ -36335,7 +36990,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",
@@ -36343,7 +36998,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",
@@ -36351,12 +37006,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: {
@@ -36365,14 +37020,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",
@@ -36380,12 +37035,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: {
@@ -36405,7 +37060,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -36424,12 +37079,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: {
@@ -36440,7 +37095,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   style: {
@@ -36454,7 +37109,7 @@ function SwapMode({
                   children: "Swap"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   ref: settingsRef,
@@ -36465,7 +37120,7 @@ function SwapMode({
                     position: "relative"
                   },
                   children: [
-                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "button",
                       {
                         onClick: () => void disconnectWallet(),
@@ -36483,7 +37138,7 @@ function SwapMode({
                           " \xD7"
                         ]
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -36498,7 +37153,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -36516,7 +37171,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" },
@@ -36527,14 +37182,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: {
@@ -36550,7 +37205,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "p",
                             {
                               style: {
@@ -36564,7 +37219,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: {
@@ -36573,8 +37228,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: {
@@ -36585,7 +37240,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -36597,7 +37252,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -36614,7 +37269,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: {
@@ -36635,7 +37290,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "p",
                             {
                               style: {
@@ -36649,8 +37304,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: {
@@ -36662,8 +37317,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: () => {
@@ -36688,7 +37343,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",
@@ -36719,7 +37374,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                               "p",
                               {
                                 style: {
@@ -36731,7 +37386,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: {
@@ -36740,8 +37395,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: {
@@ -36752,7 +37407,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -36764,7 +37419,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -36781,7 +37436,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: {
@@ -36802,7 +37457,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                             "div",
                             {
                               style: {
@@ -36812,7 +37467,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -36824,13 +37479,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),
@@ -36850,9 +37505,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: {
@@ -36868,13 +37523,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: {
@@ -36893,7 +37548,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: () => {
@@ -36916,7 +37571,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                                     "span",
                                                     {
                                                       style: {
@@ -36927,8 +37582,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: {
@@ -36963,7 +37618,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),
@@ -36975,7 +37630,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: {
@@ -36985,7 +37640,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "span",
                       {
                         style: {
@@ -36996,7 +37651,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "div",
                       {
                         style: {
@@ -37007,7 +37662,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: () => {
@@ -37063,12 +37718,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: {
@@ -37083,7 +37738,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "input",
                       {
                         inputMode: "decimal",
@@ -37109,7 +37764,7 @@ function SwapMode({
                         }
                       }
                     ),
-                    amountInputMode === "token" && fromToken && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    amountInputMode === "token" && fromToken && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "span",
                       {
                         style: {
@@ -37124,7 +37779,7 @@ function SwapMode({
                         children: fromToken.symbol
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       TokenPillButton,
                       {
                         token: fromToken,
@@ -37136,7 +37791,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37148,7 +37803,7 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -37166,8 +37821,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" },
@@ -37177,17 +37832,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)
                       ] })
@@ -37198,7 +37853,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,
@@ -37219,7 +37874,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: {
@@ -37231,7 +37886,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",
@@ -37243,7 +37898,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: {
@@ -37252,7 +37907,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: {
@@ -37263,7 +37918,7 @@ function SwapMode({
                   children: "Buy"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37273,7 +37928,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       "div",
                       {
                         style: {
@@ -37286,7 +37941,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: {
@@ -37297,7 +37952,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "span",
                           {
                             style: {
@@ -37307,7 +37962,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                           "span",
                           {
                             style: {
@@ -37320,7 +37975,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -37334,7 +37989,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37346,8 +38001,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: {
@@ -37368,7 +38023,7 @@ function SwapMode({
                   ]
                 }
               ),
-              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37377,7 +38032,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: {
@@ -37392,8 +38047,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",
@@ -37416,7 +38071,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                         "button",
                         {
                           type: "button",
@@ -37442,7 +38097,7 @@ function SwapMode({
                         }
                       )
                     ] }),
-                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "p",
                       {
                         style: {
@@ -37463,7 +38118,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: {
@@ -37476,7 +38131,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: {
@@ -37488,13 +38143,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",
@@ -37509,7 +38164,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   style: {
@@ -37524,7 +38179,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,
@@ -37553,7 +38208,7 @@ function SwapMode({
             children: ctaLabel
           }
         ) }),
-        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -37563,7 +38218,7 @@ function SwapMode({
               color: colors.mutedForeground
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "button",
                 {
                   onClick: () => setShowRateDetails((v) => !v),
@@ -37581,7 +38236,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,
                       " = ",
@@ -37589,7 +38244,7 @@ function SwapMode({
                       " ",
                       fromToken?.symbol
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                       "span",
                       {
                         style: {
@@ -37599,15 +38254,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",
@@ -37619,7 +38274,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37630,7 +38285,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37648,7 +38303,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                             "svg",
                             {
                               style: {
@@ -37663,7 +38318,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" })
                             }
                           )
                         ]
@@ -37672,7 +38327,7 @@ function SwapMode({
                   ]
                 }
               ),
-              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
                 "div",
                 {
                   style: {
@@ -37684,18 +38339,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: {
@@ -37704,19 +38359,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: {
@@ -37730,7 +38385,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" })
                       }
                     )
                   ]
@@ -37739,7 +38394,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -37767,8 +38422,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: {
@@ -37779,7 +38434,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "svg",
             {
               style: {
@@ -37789,10 +38444,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: {
@@ -37806,7 +38461,7 @@ function SwapActionArea({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "button",
       {
         onClick: onExecute,
@@ -37829,7 +38484,7 @@ function SwapActionArea({
         children: label
       }
     ),
-    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "p",
       {
         style: {
@@ -37861,7 +38516,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,
@@ -37884,7 +38539,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -37892,7 +38547,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",
@@ -37906,7 +38561,7 @@ function TokenPillButton({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
@@ -37926,8 +38581,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,
@@ -37939,7 +38594,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "div",
             {
               style: {
@@ -37951,7 +38606,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "span",
                 {
                   style: {
@@ -37964,7 +38619,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "img",
             {
               src: chainIcon,
@@ -37982,7 +38637,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "span",
           {
             style: {
@@ -37993,7 +38648,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        !disabled && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "svg",
           {
             style: {
@@ -38005,7 +38660,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",
@@ -38026,8 +38681,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,
@@ -38035,7 +38690,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,
@@ -38059,15 +38714,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: {
@@ -38076,7 +38731,7 @@ function ReviewDetailRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "span",
           {
             style: {
@@ -38087,14 +38742,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: {
@@ -38110,8 +38765,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" })
                       ]
                     }
                   )
@@ -38120,9 +38775,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: {
@@ -38151,7 +38806,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 },
@@ -38162,16 +38817,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: {
@@ -38182,13 +38837,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"
@@ -38200,7 +38855,7 @@ function SuccessReceiptRow({
   label,
   value
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "div",
     {
       style: {
@@ -38209,8 +38864,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 })
       ]
     }
   );
@@ -38224,7 +38879,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 },
@@ -38234,9 +38889,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 },
@@ -38246,9 +38901,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 },
@@ -38259,12 +38914,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" },
@@ -38274,10 +38929,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: {
@@ -38288,7 +38943,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "div",
           {
             style: {
@@ -38306,7 +38961,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "span",
           {
             style: {
@@ -38325,7 +38980,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       style: {
@@ -38339,11 +38994,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_utils();
@@ -38363,10 +39018,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;
@@ -38407,7 +39062,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,
@@ -38427,9 +39082,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,
@@ -38450,8 +39105,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 {
@@ -38462,32 +39117,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,
@@ -38498,7 +39153,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -38509,11 +39164,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_utils();
     init_styles();
     init_DepositContext();
@@ -38526,7 +39181,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%",
@@ -38539,7 +39194,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",
@@ -38548,15 +39203,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 {
@@ -38564,11 +39219,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,
@@ -38581,9 +39236,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,