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

package/dist/index.mjs

@@ -408,7 +408,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";
@@ -16260,7 +16260,7 @@ function MobileWalletDropdownContent({
   const mobileWallets = useMemo17(
     () => 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();
     }),
@@ -33555,10 +33555,83 @@ var init_SwapTokenSelect = __esm({
   }
 });
 
-// src/modes/swap/components/SwapWalletSelector.tsx
+// 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
 import { useEffect as useEffect31, useMemo as useMemo27, useRef as useRef17, useState as useState31 } from "react";
 import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
-function SwapWalletSelector({
+function SwapWalletSelectorMobile({
   walletStatus,
   walletAddress,
   connectWallet,
@@ -33570,19 +33643,625 @@ function SwapWalletSelector({
     walletMetaId,
     connectedVia,
     disconnect
+    // status,
   } = useWalletInfo();
   const walletConnectCfg = TrustwareConfigStore.peek()?.walletConnect;
   const connectWC = useWalletConnectConnect(walletConnectCfg);
   const [wcConnecting, setWcConnecting] = useState31(false);
   const [connectingId, setConnectingId] = useState31(null);
-  const [timerExpired, setTimerExpired] = useState31(false);
   const [selectedNamespace, setSelectedNamespace] = useState31("evm");
   const prevStatusRef = useRef17(walletStatus);
+  const storeFallbackTimeoutRef = useRef17(
+    null
+  );
+  useEffect31(() => {
+    const prev = prevStatusRef.current;
+    if (prev !== walletStatus) {
+      if (prev === "connecting" && (walletStatus === "connected" || walletStatus === "error")) {
+        setConnectingId(null);
+      }
+      prevStatusRef.current = walletStatus;
+    }
+  }, [walletStatus]);
   useEffect31(() => {
+    return () => {
+      if (storeFallbackTimeoutRef.current !== null) {
+        clearTimeout(storeFallbackTimeoutRef.current);
+      }
+    };
+  }, []);
+  const currentUrl = typeof window !== "undefined" ? window.location.href : "";
+  const mobileWalletEntries = useMemo27(() => {
+    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__ */ jsxs44(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsxs44(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              padding: `${spacing[4]} ${spacing[4]}`,
+              borderBottom: `1px solid ${colors.border}`
+            },
+            children: [
+              /* @__PURE__ */ jsx56(
+                "button",
+                {
+                  type: "button",
+                  onClick: onBack,
+                  style: {
+                    padding: spacing[1],
+                    marginRight: spacing[2],
+                    borderRadius: borderRadius.lg,
+                    backgroundColor: "transparent",
+                    border: 0,
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ jsx56(
+                    "svg",
+                    {
+                      style: {
+                        width: "1.25rem",
+                        height: "1.25rem",
+                        color: colors.foreground
+                      },
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ jsx56(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M15 19l-7-7 7-7"
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx56(
+                "h1",
+                {
+                  style: {
+                    flex: 1,
+                    fontSize: fontSize.lg,
+                    fontWeight: fontWeight.semibold,
+                    color: colors.foreground,
+                    textAlign: "center"
+                  },
+                  children: "Connect Wallet"
+                }
+              ),
+              /* @__PURE__ */ jsx56("div", { style: { width: "1.25rem", marginLeft: spacing[2] }, "aria-hidden": true })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx56("div", { style: { padding: `${spacing[3]} ${spacing[4]} 0` }, children: /* @__PURE__ */ jsx56(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              borderRadius: borderRadius.lg,
+              backgroundColor: colors.muted,
+              padding: "3px",
+              gap: "2px"
+            },
+            children: tabs.map((t) => /* @__PURE__ */ jsx56(
+              "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__ */ jsxs44(
+          "div",
+          {
+            style: {
+              overflowY: "auto",
+              padding: spacing[4],
+              maxHeight: "31.25rem"
+            },
+            children: [
+              mobileWalletEntries.length === 0 ? /* @__PURE__ */ jsxs44("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
+                /* @__PURE__ */ jsx56("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+                /* @__PURE__ */ jsx56(
+                  "h3",
+                  {
+                    style: {
+                      fontSize: fontSize.lg,
+                      fontWeight: fontWeight.semibold,
+                      color: colors.foreground,
+                      marginBottom: spacing[2]
+                    },
+                    children: "No Wallets Found"
+                  }
+                ),
+                /* @__PURE__ */ jsx56(
+                  "p",
+                  {
+                    style: {
+                      fontSize: fontSize.sm,
+                      color: colors.mutedForeground,
+                      marginBottom: spacing[4]
+                    },
+                    children: "Please install a web3 wallet to continue."
+                  }
+                ),
+                /* @__PURE__ */ jsx56(
+                  "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__ */ jsx56(
+                "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__ */ jsxs44(
+                      "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__ */ jsx56(
+                            "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__ */ jsx56(
+                                "img",
+                                {
+                                  src: meta.logo,
+                                  alt: meta.name,
+                                  style: {
+                                    width: "2rem",
+                                    height: "2rem",
+                                    objectFit: "contain"
+                                  }
+                                }
+                              ) : /* @__PURE__ */ jsx56("span", { style: { fontSize: "1.5rem" }, children: meta.emoji || "\u{1F45B}" })
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs44("div", { style: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ jsx56(
+                              "p",
+                              {
+                                style: {
+                                  fontWeight: fontWeight.semibold,
+                                  color: colors.foreground
+                                },
+                                children: meta.name
+                              }
+                            ),
+                            isWalletConnected && walletAddress && /* @__PURE__ */ jsxs44(
+                              "p",
+                              {
+                                style: {
+                                  fontSize: fontSize.xs,
+                                  color: colors.mutedForeground
+                                },
+                                children: [
+                                  walletAddress.slice(0, 6),
+                                  "...",
+                                  walletAddress.slice(-4)
+                                ]
+                              }
+                            )
+                          ] }),
+                          isConnecting ? /* @__PURE__ */ jsx56(
+                            "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__ */ jsx56(
+                            "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__ */ jsx56(
+                            "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__ */ jsxs44(Fragment9, { children: [
+                /* @__PURE__ */ jsx56(
+                  "div",
+                  {
+                    style: {
+                      height: 1,
+                      backgroundColor: colors.border,
+                      margin: `${spacing[3]} 0`
+                    }
+                  }
+                ),
+                (() => {
+                  const wcConnected = managerConnected && connectedVia === "walletconnect";
+                  return /* @__PURE__ */ jsxs44(
+                    "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__ */ jsx56(
+                          "div",
+                          {
+                            style: {
+                              width: "3rem",
+                              height: "3rem",
+                              borderRadius: borderRadius.xl,
+                              backgroundColor: colors.muted,
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              flexShrink: 0
+                            },
+                            children: /* @__PURE__ */ jsx56(
+                              "svg",
+                              {
+                                style: {
+                                  width: "1.5rem",
+                                  height: "1.5rem",
+                                  color: colors.blue[500]
+                                },
+                                viewBox: "0 0 24 24",
+                                fill: "currentColor",
+                                children: /* @__PURE__ */ jsx56("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__ */ jsxs44("div", { style: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsx56(
+                            "p",
+                            {
+                              style: {
+                                fontWeight: fontWeight.semibold,
+                                color: colors.foreground
+                              },
+                              children: "WalletConnect"
+                            }
+                          ),
+                          wcConnected && walletAddress && /* @__PURE__ */ jsxs44(
+                            "p",
+                            {
+                              style: {
+                                fontSize: fontSize.xs,
+                                color: colors.mutedForeground
+                              },
+                              children: [
+                                walletAddress.slice(0, 6),
+                                "...",
+                                walletAddress.slice(-4)
+                              ]
+                            }
+                          )
+                        ] }),
+                        wcConnecting ? /* @__PURE__ */ jsx56(
+                          "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__ */ jsx56(
+                          "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__ */ jsx56(
+                          "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 SwapWalletSelectorMobile_default;
+var init_SwapWalletSelectorMobile = __esm({
+  "src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorMobile.tsx"() {
+    "use strict";
+    init_styles();
+    init_utils2();
+    init_wallets();
+    init_wallets();
+    init_config2();
+    init_Toast();
+    SwapWalletSelectorMobile_default = SwapWalletSelectorMobile;
+  }
+});
+
+// src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorDesktop.tsx
+import { useEffect as useEffect32, useMemo as useMemo28, useRef as useRef18, useState as useState32 } from "react";
+import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+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] = useState32(false);
+  const [connectingId, setConnectingId] = useState32(null);
+  const [timerExpired, setTimerExpired] = useState32(false);
+  const [selectedNamespace, setSelectedNamespace] = useState32("evm");
+  const prevStatusRef = useRef18(walletStatus);
+  useEffect32(() => {
     const t = setTimeout(() => setTimerExpired(true), 450);
     return () => clearTimeout(t);
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     const prev = prevStatusRef.current;
     if (prev !== walletStatus) {
       if (prev === "connecting" && (walletStatus === "connected" || walletStatus === "error")) {
@@ -33591,7 +34270,7 @@ function SwapWalletSelector({
       prevStatusRef.current = walletStatus;
     }
   }, [walletStatus]);
-  const filteredWallets = useMemo27(
+  const filteredWallets = useMemo28(
     () => detected.filter(
       (w) => (w.meta?.ecosystem ?? "").toLowerCase() === selectedNamespace
     ),
@@ -33650,8 +34329,8 @@ function SwapWalletSelector({
     { id: "evm", label: "EVM" },
     { id: "solana", label: "Solana" }
   ];
-  return /* @__PURE__ */ jsxs44("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsxs45(
       "div",
       {
         style: {
@@ -33661,7 +34340,7 @@ function SwapWalletSelector({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "button",
             {
               type: "button",
@@ -33674,7 +34353,7 @@ function SwapWalletSelector({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx56(
+              children: /* @__PURE__ */ jsx57(
                 "svg",
                 {
                   style: {
@@ -33686,7 +34365,7 @@ function SwapWalletSelector({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: 2,
-                  children: /* @__PURE__ */ jsx56(
+                  children: /* @__PURE__ */ jsx57(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -33698,7 +34377,7 @@ function SwapWalletSelector({
               )
             }
           ),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "h1",
             {
               style: {
@@ -33711,7 +34390,7 @@ function SwapWalletSelector({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "div",
             {
               style: {
@@ -33722,7 +34401,7 @@ function SwapWalletSelector({
                 padding: "3px",
                 gap: "2px"
               },
-              children: tabs.map((t) => /* @__PURE__ */ jsx56(
+              children: tabs.map((t) => /* @__PURE__ */ jsx57(
                 "button",
                 {
                   onClick: () => setSelectedNamespace(t.id),
@@ -33748,8 +34427,8 @@ function SwapWalletSelector({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs44("div", { style: { padding: spacing[4] }, children: [
-      isDetecting ? /* @__PURE__ */ jsxs44(
+    /* @__PURE__ */ jsxs45("div", { style: { padding: spacing[4] }, children: [
+      isDetecting ? /* @__PURE__ */ jsxs45(
         "div",
         {
           style: {
@@ -33758,7 +34437,7 @@ function SwapWalletSelector({
             gap: spacing[3]
           },
           children: [
-            [1, 2].map((i) => /* @__PURE__ */ jsxs44(
+            [1, 2].map((i) => /* @__PURE__ */ jsxs45(
               "div",
               {
                 style: {
@@ -33771,7 +34450,7 @@ function SwapWalletSelector({
                   animation: "tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
                 },
                 children: [
-                  /* @__PURE__ */ jsx56(
+                  /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33782,7 +34461,7 @@ function SwapWalletSelector({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx56(
+                  /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33797,7 +34476,7 @@ function SwapWalletSelector({
               },
               i
             )),
-            /* @__PURE__ */ jsx56(
+            /* @__PURE__ */ jsx57(
               "p",
               {
                 style: {
@@ -33811,9 +34490,9 @@ function SwapWalletSelector({
             )
           ]
         }
-      ) : filteredWallets.length === 0 ? /* @__PURE__ */ jsxs44("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
-        /* @__PURE__ */ jsx56("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
-        /* @__PURE__ */ jsx56(
+      ) : filteredWallets.length === 0 ? /* @__PURE__ */ jsxs45("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
+        /* @__PURE__ */ jsx57("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+        /* @__PURE__ */ jsx57(
           "h3",
           {
             style: {
@@ -33825,7 +34504,7 @@ function SwapWalletSelector({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(
           "p",
           {
             style: {
@@ -33836,7 +34515,7 @@ function SwapWalletSelector({
             children: "Please install a web3 wallet to continue."
           }
         ),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(
           "a",
           {
             href: "https://metamask.io/download/",
@@ -33857,7 +34536,7 @@ function SwapWalletSelector({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ jsx56(
+      ] }) : /* @__PURE__ */ jsx57(
         "div",
         {
           style: {
@@ -33868,7 +34547,7 @@ function SwapWalletSelector({
           children: filteredWallets.map((wallet) => {
             const isWalletConnected = managerConnected && walletMetaId === wallet.meta.id;
             const isConnecting = connectingId === wallet.meta.id && walletStatus === "connecting";
-            return /* @__PURE__ */ jsxs44(
+            return /* @__PURE__ */ jsxs45(
               "div",
               {
                 style: mergeStyles(
@@ -33888,7 +34567,7 @@ function SwapWalletSelector({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ jsx56(
+                  /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33902,7 +34581,7 @@ function SwapWalletSelector({
                         overflow: "hidden",
                         flexShrink: 0
                       },
-                      children: wallet.meta.logo ? /* @__PURE__ */ jsx56(
+                      children: wallet.meta.logo ? /* @__PURE__ */ jsx57(
                         "img",
                         {
                           src: wallet.meta.logo,
@@ -33913,7 +34592,7 @@ function SwapWalletSelector({
                             objectFit: "contain"
                           }
                         }
-                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx56(
+                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx57(
                         "img",
                         {
                           src: wallet.detail.info.icon,
@@ -33924,11 +34603,11 @@ function SwapWalletSelector({
                             objectFit: "contain"
                           }
                         }
-                      ) : /* @__PURE__ */ jsx56("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
+                      ) : /* @__PURE__ */ jsx57("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
                     }
                   ),
-                  /* @__PURE__ */ jsxs44("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx56(
+                  /* @__PURE__ */ jsxs45("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx57(
                       "p",
                       {
                         style: {
@@ -33938,7 +34617,7 @@ function SwapWalletSelector({
                         children: wallet.meta.name
                       }
                     ),
-                    isWalletConnected && walletAddress && /* @__PURE__ */ jsxs44(
+                    isWalletConnected && walletAddress && /* @__PURE__ */ jsxs45(
                       "p",
                       {
                         style: {
@@ -33953,7 +34632,7 @@ function SwapWalletSelector({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ jsx56(
+                  isConnecting ? /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33966,7 +34645,7 @@ function SwapWalletSelector({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ jsx56(
+                  ) : isWalletConnected ? /* @__PURE__ */ jsx57(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -33983,7 +34662,7 @@ function SwapWalletSelector({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ jsx56(
+                  ) : /* @__PURE__ */ jsx57(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -34015,8 +34694,8 @@ function SwapWalletSelector({
           })
         }
       ),
-      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment9, { children: [
-        /* @__PURE__ */ jsx56(
+      selectedNamespace === "evm" && /* @__PURE__ */ jsxs45(Fragment10, { children: [
+        /* @__PURE__ */ jsx57(
           "div",
           {
             style: {
@@ -34028,7 +34707,7 @@ function SwapWalletSelector({
         ),
         (() => {
           const wcConnected = managerConnected && connectedVia === "walletconnect";
-          return /* @__PURE__ */ jsxs44(
+          return /* @__PURE__ */ jsxs45(
             "div",
             {
               style: mergeStyles(
@@ -34050,7 +34729,7 @@ function SwapWalletSelector({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsx57(
                   "div",
                   {
                     style: {
@@ -34063,7 +34742,7 @@ function SwapWalletSelector({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ jsx56(
+                    children: /* @__PURE__ */ jsx57(
                       "svg",
                       {
                         style: {
@@ -34073,13 +34752,13 @@ function SwapWalletSelector({
                         },
                         viewBox: "0 0 24 24",
                         fill: "currentColor",
-                        children: /* @__PURE__ */ jsx56("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__ */ jsx57("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__ */ jsxs44("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsxs45("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ jsx57(
                     "p",
                     {
                       style: {
@@ -34089,7 +34768,7 @@ function SwapWalletSelector({
                       children: "WalletConnect"
                     }
                   ),
-                  wcConnected && walletAddress && /* @__PURE__ */ jsxs44(
+                  wcConnected && walletAddress && /* @__PURE__ */ jsxs45(
                     "p",
                     {
                       style: {
@@ -34104,7 +34783,7 @@ function SwapWalletSelector({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ jsx56(
+                wcConnecting ? /* @__PURE__ */ jsx57(
                   "div",
                   {
                     style: {
@@ -34117,7 +34796,7 @@ function SwapWalletSelector({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ jsx56(
+                ) : wcConnected ? /* @__PURE__ */ jsx57(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34137,7 +34816,7 @@ function SwapWalletSelector({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ jsx56(
+                ) : /* @__PURE__ */ jsx57(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34167,8 +34846,8 @@ function SwapWalletSelector({
     ] })
   ] });
 }
-var init_SwapWalletSelector = __esm({
-  "src/modes/swap/components/SwapWalletSelector.tsx"() {
+var init_SwapWalletSelectorDesktop = __esm({
+  "src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorDesktop.tsx"() {
     "use strict";
     init_styles();
     init_utils2();
@@ -34178,76 +34857,52 @@ var init_SwapWalletSelector = __esm({
   }
 });
 
-// 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
+import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+function SwapWalletSelector({
+  walletStatus,
+  walletAddress,
+  connectWallet,
+  onBack
+}) {
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ jsxs46(Fragment11, { children: [
+    isMobile && /* @__PURE__ */ jsx58(
+      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__ */ jsx58(
+      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 SwapWalletSelector_default;
+var init_SwapWalletSelector = __esm({
+  "src/modes/swap/components/SwapWalletSelector/index.tsx"() {
+    "use strict";
+    init_detect();
+    init_SwapWalletSelectorMobile();
+    init_SwapWalletSelectorDesktop();
+    SwapWalletSelector_default = SwapWalletSelector;
+  }
+});
+
+// src/modes/swap/components/index.ts
+var init_components2 = __esm({
+  "src/modes/swap/components/index.ts"() {
+    "use strict";
+    init_SwapWalletSelector();
   }
 });
 
@@ -34256,13 +34911,13 @@ import {
   lazy as lazy2,
   Suspense as Suspense2,
   useCallback as useCallback22,
-  useEffect as useEffect32,
-  useMemo as useMemo28,
-  useRef as useRef18,
-  useState as useState32
+  useEffect as useEffect33,
+  useMemo as useMemo29,
+  useRef as useRef19,
+  useState as useState33
 } from "react";
 import ReactDOM from "react-dom";
-import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 function fmtAmount(n, max = 6) {
   if (!isFinite(n) || n === 0) return "0";
   return n.toLocaleString(void 0, { maximumFractionDigits: max });
@@ -34335,7 +34990,7 @@ function getActiveStep(status) {
   }
 }
 function RateRow({ label, value }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "div",
     {
       style: {
@@ -34344,8 +34999,8 @@ function RateRow({ label, value }) {
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ jsx57("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
+        /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ jsx59("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
       ]
     }
   );
@@ -34354,36 +35009,36 @@ function SwapMode({
   theme: themeProp,
   style
 }) {
-  const [stage, setStage] = useState32("home");
-  const [fromToken, setFromToken] = useState32(
+  const [stage, setStage] = useState33("home");
+  const [fromToken, setFromToken] = useState33(
     null
   );
-  const [fromChain, setFromChain] = useState32(null);
-  const [toToken, setToToken] = useState32(null);
-  const [toChain, setToChain] = useState32(null);
-  const [amount, setAmount] = useState32("");
-  const [amountInputMode, setAmountInputMode] = useState32(
+  const [fromChain, setFromChain] = useState33(null);
+  const [toToken, setToToken] = useState33(null);
+  const [toChain, setToChain] = useState33(null);
+  const [amount, setAmount] = useState33("");
+  const [amountInputMode, setAmountInputMode] = useState33(
     "usd"
   );
-  const [hoverSell, setHoverSell] = useState32(false);
-  const [showRateDetails, setShowRateDetails] = useState32(false);
-  const [showReviewDetails, setShowReviewDetails] = useState32(false);
-  const [showSettings, setShowSettings] = useState32(false);
-  const [maxApproval, setMaxApproval] = useState32(false);
-  const [slippage, setSlippage] = useState32(0.5);
-  const [slippageInput, setSlippageInput] = useState32("");
-  const [selectedCurrency, setSelectedCurrency] = useState32("USD");
-  const [showCurrencyDropdown, setShowCurrencyDropdown] = useState32(false);
-  const [completedAt, setCompletedAt] = useState32(null);
-  const [copiedHash, setCopiedHash] = useState32(null);
-  const [rateUpdated, setRateUpdated] = useState32(false);
-  const prevToAmountRef = useRef18(null);
-  const [destAddress, setDestAddress] = useState32("");
-  const [quoteAge, setQuoteAge] = useState32(0);
-  const quoteTimestampRef = useRef18(null);
-  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = useState32(0);
-  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = useState32(true);
-  const latestFetchParamsRef = useRef18(null);
+  const [hoverSell, setHoverSell] = useState33(false);
+  const [showRateDetails, setShowRateDetails] = useState33(false);
+  const [showReviewDetails, setShowReviewDetails] = useState33(false);
+  const [showSettings, setShowSettings] = useState33(false);
+  const [maxApproval, setMaxApproval] = useState33(false);
+  const [slippage, setSlippage] = useState33(0.5);
+  const [slippageInput, setSlippageInput] = useState33("");
+  const [selectedCurrency, setSelectedCurrency] = useState33("USD");
+  const [showCurrencyDropdown, setShowCurrencyDropdown] = useState33(false);
+  const [completedAt, setCompletedAt] = useState33(null);
+  const [copiedHash, setCopiedHash] = useState33(null);
+  const [rateUpdated, setRateUpdated] = useState33(false);
+  const prevToAmountRef = useRef19(null);
+  const [destAddress, setDestAddress] = useState33("");
+  const [quoteAge, setQuoteAge] = useState33(0);
+  const quoteTimestampRef = useRef19(null);
+  const [quoteLoadingMsgIdx, setQuoteLoadingMsgIdx] = useState33(0);
+  const [quoteLoadingMsgVisible, setQuoteLoadingMsgVisible] = useState33(true);
+  const latestFetchParamsRef = useRef19(null);
   const { rates: forexRates } = useForex();
   const currencyMeta = getCurrencyMeta(selectedCurrency);
   const currencyRate = forexRates[selectedCurrency] ?? 1;
@@ -34399,8 +35054,8 @@ function SwapMode({
     },
     [currencyRate, selectedCurrency]
   );
-  const settingsRef = useRef18(null);
-  const currencyDropdownRef = useRef18(null);
+  const settingsRef = useRef19(null);
+  const currencyDropdownRef = useRef19(null);
   const { emitEvent } = useTrustware();
   const { features, theme: configTheme } = useTrustwareConfig();
   const effectiveThemeSetting = themeProp ?? configTheme ?? "system";
@@ -34416,26 +35071,26 @@ function SwapMode({
     isLoading: chainsLoading,
     error: chainsError
   } = useChains();
-  const allowedDestChainIds = useMemo28(() => {
+  const allowedDestChainIds = useMemo29(() => {
     if (!allowedDestTokens || allowedDestTokens.length === 0) return null;
     return new Set(allowedDestTokens.map((t) => t.chainId));
   }, [allowedDestTokens]);
-  const toPopularChains = useMemo28(
+  const toPopularChains = useMemo29(
     () => allowedDestChainIds ? popularChains.filter(
       (c) => allowedDestChainIds.has(Number(c.chainId))
     ) : popularChains,
     [popularChains, allowedDestChainIds]
   );
-  const toOtherChains = useMemo28(
+  const toOtherChains = useMemo29(
     () => allowedDestChainIds ? otherChains.filter((c) => allowedDestChainIds.has(Number(c.chainId))) : otherChains,
     [otherChains, allowedDestChainIds]
   );
-  const allChains = useMemo28(
+  const allChains = useMemo29(
     () => [...popularChains, ...otherChains],
     [popularChains, otherChains]
   );
-  const destInitialized = useRef18(false);
-  useEffect32(() => {
+  const destInitialized = useRef19(false);
+  useEffect33(() => {
     if (!defaultDestRef || destInitialized.current || allChains.length === 0)
       return;
     const chain = allChains.find(
@@ -34483,18 +35138,18 @@ function SwapMode({
   });
   const route = useSwapRoute();
   const execution = useSwapExecution(fromChain);
-  const fromTokenPriceUSD = useMemo28(() => {
+  const fromTokenPriceUSD = useMemo29(() => {
     const p = fromToken?.usdPrice;
     return typeof p === "number" && Number.isFinite(p) && p > 0 ? p : 0;
   }, [fromToken]);
   const hasFromUsdPrice = fromTokenPriceUSD > 0;
-  const toTokenPriceUSD = useMemo28(() => {
+  const toTokenPriceUSD = useMemo29(() => {
     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 = useMemo28(() => {
+  const usdSellNum = useMemo29(() => {
     if (amountInputMode === "usd") return rawSellNum / currencyRate;
     return hasFromUsdPrice ? rawSellNum * fromTokenPriceUSD : 0;
   }, [
@@ -34504,7 +35159,7 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenSellNum = useMemo28(() => {
+  const tokenSellNum = useMemo29(() => {
     if (amountInputMode === "usd") {
       return hasFromUsdPrice && fromTokenPriceUSD > 0 ? usdSellNum / fromTokenPriceUSD : 0;
     }
@@ -34516,7 +35171,7 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenAmountStr = useMemo28(() => {
+  const tokenAmountStr = useMemo29(() => {
     if (tokenSellNum <= 0) return "";
     const decimals = fromToken?.decimals ?? 18;
     return truncateDecimal(tokenSellNum, Math.min(decimals, 18));
@@ -34727,7 +35382,7 @@ function SwapMode({
     fromToken?.decimals,
     route
   ]);
-  const fromBalance = useMemo28(() => {
+  const fromBalance = useMemo29(() => {
     const walletToken = fromToken;
     if (!walletToken || !("balance" in walletToken)) return null;
     const raw = walletToken.balance;
@@ -34737,7 +35392,7 @@ function SwapMode({
     return Number.isFinite(n) ? n : null;
   }, [fromToken]);
   const balanceUsd = fromBalance !== null && hasFromUsdPrice ? fromBalance * fromTokenPriceUSD : null;
-  const estimatedToAmount = useMemo28(() => {
+  const estimatedToAmount = useMemo29(() => {
     if (tokenSellNum <= 0 || !hasFromUsdPrice || !hasToUsdPrice) return null;
     return tokenSellNum * (fromTokenPriceUSD / toTokenPriceUSD);
   }, [
@@ -34747,10 +35402,10 @@ function SwapMode({
     hasFromUsdPrice,
     hasToUsdPrice
   ]);
-  const backendToUsdStr = useMemo28(() => {
+  const backendToUsdStr = useMemo29(() => {
     return route.data?.finalExchangeRate?.toAmountMinUSD ?? route.data?.route?.estimate?.toAmountMinUsd ?? route.data?.route?.estimate?.toAmountUsd ?? null;
   }, [route.data]);
-  const toAmount = useMemo28(() => {
+  const toAmount = useMemo29(() => {
     if (backendToUsdStr && toTokenPriceUSD > 0) {
       const usd = parseFloat(backendToUsdStr);
       if (Number.isFinite(usd) && usd > 0) return usd / toTokenPriceUSD;
@@ -34776,7 +35431,7 @@ function SwapMode({
     estimatedToAmount
   ]);
   const fromUsd = usdSellNum;
-  const toUsd = useMemo28(() => {
+  const toUsd = useMemo29(() => {
     if (backendToUsdStr) {
       const n = parseFloat(backendToUsdStr);
       if (Number.isFinite(n) && n > 0) return n;
@@ -34787,12 +35442,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 = useMemo28(() => {
+  const priceImpact = useMemo29(() => {
     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 = useMemo28(() => {
+  const routePath = useMemo29(() => {
     if (!route.data) return null;
     const provider = route.data.route?.provider;
     const steps = route.data.route?.steps;
@@ -34819,19 +35474,19 @@ function SwapMode({
     return null;
   }, [route.data, fromToken?.symbol, toToken?.symbol]);
   const isGasSponsored = !!route.data?.sponsorship;
-  const networkCostUsd = useMemo28(() => {
+  const networkCostUsd = useMemo29(() => {
     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 = useMemo28(() => {
+  const protocolFeeUsd = useMemo29(() => {
     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 = useMemo28(() => {
+  const exchangeRate = useMemo29(() => {
     if (!hasFromUsdPrice || !hasToUsdPrice) return null;
     return toTokenPriceUSD / fromTokenPriceUSD;
   }, [fromTokenPriceUSD, toTokenPriceUSD, hasFromUsdPrice, hasToUsdPrice]);
@@ -34840,13 +35495,13 @@ function SwapMode({
   const hasAmount = rawSellNum > 0 && (amountInputMode === "token" || hasFromUsdPrice);
   const isConnected = walletStatus === "connected" && !!walletAddress;
   const canGetQuote = hasTokens && hasAmount && !insufficient && isConnected && (!needsDestAddress || isValidDestAddress);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!fromToken) return;
     if (!hasFromUsdPrice && amountInputMode === "usd") {
       setAmountInputMode("token");
     }
   }, [fromToken, hasFromUsdPrice, amountInputMode]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (displayToAmount === null) {
       prevToAmountRef.current = null;
       return;
@@ -34860,14 +35515,14 @@ function SwapMode({
     const t = setTimeout(() => setRateUpdated(false), 700);
     return () => clearTimeout(t);
   }, [displayToAmount]);
-  useEffect32(() => {
+  useEffect33(() => {
     setDestAddress("");
   }, [toChainType]);
-  const fetchRef = useRef18(route.fetch);
-  useEffect32(() => {
+  const fetchRef = useRef19(route.fetch);
+  useEffect33(() => {
     fetchRef.current = route.fetch;
   });
-  useEffect32(() => {
+  useEffect33(() => {
     if (!canGetQuote || stage !== "home") return;
     if (!fromToken || !fromChain || !toToken || !toChain || !walletAddress)
       return;
@@ -34896,7 +35551,7 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!canGetQuote || !fromToken || !fromChain || !toToken || !toChain || !walletAddress) {
       latestFetchParamsRef.current = null;
       return;
@@ -34923,12 +35578,12 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  useEffect32(() => {
+  useEffect33(() => {
     quoteTimestampRef.current = route.data ? Date.now() : null;
     setQuoteAge(0);
   }, [route.data]);
-  const msgTimeoutRef = useRef18(null);
-  useEffect32(() => {
+  const msgTimeoutRef = useRef19(null);
+  useEffect33(() => {
     if (!route.loading) {
       setQuoteLoadingMsgIdx(0);
       setQuoteLoadingMsgVisible(true);
@@ -34946,7 +35601,7 @@ function SwapMode({
       if (msgTimeoutRef.current !== null) clearTimeout(msgTimeoutRef.current);
     };
   }, [route.loading]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!route.data) return;
     const id = setInterval(() => {
       const ts = quoteTimestampRef.current;
@@ -34960,7 +35615,7 @@ function SwapMode({
     }, 1e3);
     return () => clearInterval(id);
   }, [route.data]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (stage !== "review") return;
     if (!route.data || !walletAddress) return;
     const fromTokenAddress = fromToken?.address;
@@ -34971,7 +35626,7 @@ function SwapMode({
       routeResult: route.data
     });
   }, [stage, route.data, walletAddress, fromToken]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!showSettings) {
       setShowCurrencyDropdown(false);
       return;
@@ -34984,7 +35639,7 @@ function SwapMode({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [showSettings]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!showCurrencyDropdown) return;
     const handler = (e2) => {
       if (currencyDropdownRef.current && !currencyDropdownRef.current.contains(e2.target)) {
@@ -34995,7 +35650,7 @@ function SwapMode({
     return () => document.removeEventListener("mousedown", handler);
   }, [showCurrencyDropdown]);
   if (stage === "select-from") {
-    return /* @__PURE__ */ jsx57(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx59(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx59(
       SwapTokenSelect,
       {
         side: "from",
@@ -35013,7 +35668,7 @@ function SwapMode({
     ) });
   }
   if (stage === "select-to" && !lockDestToken) {
-    return /* @__PURE__ */ jsx57(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx59(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx59(
       SwapTokenSelect,
       {
         side: "to",
@@ -35032,9 +35687,9 @@ function SwapMode({
     ) });
   }
   if (stage === "connect-wallet") {
-    return /* @__PURE__ */ jsxs45(WidgetContainer, { theme: resolvedTheme, style, children: [
-      /* @__PURE__ */ jsx57(
-        SwapWalletSelector,
+    return /* @__PURE__ */ jsxs47(WidgetContainer, { theme: resolvedTheme, style, children: [
+      /* @__PURE__ */ jsx59(
+        SwapWalletSelector_default,
         {
           walletStatus,
           walletAddress,
@@ -35042,7 +35697,7 @@ function SwapMode({
           onBack: handleWalletConnected
         }
       ),
-      isConnected && /* @__PURE__ */ jsx57("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ jsx57(
+      isConnected && /* @__PURE__ */ jsx59("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ jsx59(
         "button",
         {
           onClick: () => setStage("home"),
@@ -35075,8 +35730,8 @@ function SwapMode({
     const offset = circ - progress / 100 * circ;
     const isApproving = txStatus === "approving";
     const title = isApproving ? "Approving..." : "Order Submitted";
-    return /* @__PURE__ */ jsx57(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs45("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
-      /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsx59(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs47("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
+      /* @__PURE__ */ jsxs47(
         "div",
         {
           style: {
@@ -35086,7 +35741,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ jsx57(
+            /* @__PURE__ */ jsx59(
               "button",
               {
                 onClick: handleReset,
@@ -35101,7 +35756,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ jsx57(
+                children: /* @__PURE__ */ jsx59(
                   "svg",
                   {
                     style: {
@@ -35115,12 +35770,12 @@ function SwapMode({
                     strokeWidth: 2,
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx57("path", { d: "M19 12H5m7-7-7 7 7 7" })
+                    children: /* @__PURE__ */ jsx59("path", { d: "M19 12H5m7-7-7 7 7 7" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx57(
+            /* @__PURE__ */ jsx59(
               "button",
               {
                 onClick: handleReset,
@@ -35137,7 +35792,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx59(
         "h1",
         {
           style: {
@@ -35149,7 +35804,7 @@ function SwapMode({
           children: title
         }
       ),
-      /* @__PURE__ */ jsxs45(
+      /* @__PURE__ */ jsxs47(
         "div",
         {
           style: {
@@ -35163,7 +35818,7 @@ function SwapMode({
             gap: spacing[5]
           },
           children: [
-            /* @__PURE__ */ jsxs45(
+            /* @__PURE__ */ jsxs47(
               "div",
               {
                 style: {
@@ -35175,14 +35830,14 @@ function SwapMode({
                   justifyContent: "center"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs45(
+                  /* @__PURE__ */ jsxs47(
                     "svg",
                     {
                       width: ringSize,
                       height: ringSize,
                       style: { position: "absolute", inset: 0 },
                       children: [
-                        /* @__PURE__ */ jsx57(
+                        /* @__PURE__ */ jsx59(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -35193,7 +35848,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ jsx57(
+                        /* @__PURE__ */ jsx59(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -35212,7 +35867,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs45(
+                  /* @__PURE__ */ jsxs47(
                     "div",
                     {
                       style: {
@@ -35223,7 +35878,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ jsx57(
+                        /* @__PURE__ */ jsx59(
                           "span",
                           {
                             style: {
@@ -35236,7 +35891,7 @@ function SwapMode({
                             children: isApproving ? "Approving" : "Swapping"
                           }
                         ),
-                        /* @__PURE__ */ jsxs45(
+                        /* @__PURE__ */ jsxs47(
                           "div",
                           {
                             style: {
@@ -35246,7 +35901,7 @@ function SwapMode({
                               gap: spacing[1.5]
                             },
                             children: [
-                              fromToken?.iconUrl ? /* @__PURE__ */ jsx57(
+                              fromToken?.iconUrl ? /* @__PURE__ */ jsx59(
                                 "img",
                                 {
                                   src: fromToken.iconUrl,
@@ -35257,7 +35912,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx57(
+                              ) : /* @__PURE__ */ jsx59(
                                 "div",
                                 {
                                   style: {
@@ -35268,7 +35923,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ jsx57(
+                              /* @__PURE__ */ jsx59(
                                 "svg",
                                 {
                                   style: {
@@ -35282,10 +35937,10 @@ function SwapMode({
                                   strokeWidth: 2,
                                   strokeLinecap: "round",
                                   strokeLinejoin: "round",
-                                  children: /* @__PURE__ */ jsx57("path", { d: "M5 12h14m-7-7 7 7-7 7" })
+                                  children: /* @__PURE__ */ jsx59("path", { d: "M5 12h14m-7-7 7 7-7 7" })
                                 }
                               ),
-                              toToken?.iconUrl ? /* @__PURE__ */ jsx57(
+                              toToken?.iconUrl ? /* @__PURE__ */ jsx59(
                                 "img",
                                 {
                                   src: toToken.iconUrl,
@@ -35296,7 +35951,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx57(
+                              ) : /* @__PURE__ */ jsx59(
                                 "div",
                                 {
                                   style: {
@@ -35310,7 +35965,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs45(
+                        /* @__PURE__ */ jsxs47(
                           "span",
                           {
                             style: {
@@ -35322,7 +35977,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ jsx57(
+                              /* @__PURE__ */ jsx59(
                                 "span",
                                 {
                                   style: {
@@ -35337,7 +35992,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs45(
+                        /* @__PURE__ */ jsxs47(
                           "span",
                           {
                             style: {
@@ -35357,7 +36012,7 @@ function SwapMode({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs45(
+            /* @__PURE__ */ jsxs47(
               "div",
               {
                 style: {
@@ -35367,7 +36022,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -35376,8 +36031,8 @@ function SwapMode({
                       label: `Sending ${fromToken?.symbol ?? ""}`
                     }
                   ),
-                  /* @__PURE__ */ jsx57(ProcessingStepLine, { done: activeStep > 0 }),
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(ProcessingStepLine, { done: activeStep > 0 }),
+                  /* @__PURE__ */ jsx59(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 1,
@@ -35386,8 +36041,8 @@ function SwapMode({
                       label: "Create Order"
                     }
                   ),
-                  /* @__PURE__ */ jsx57(ProcessingStepLine, { done: activeStep > 1 }),
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(ProcessingStepLine, { done: activeStep > 1 }),
+                  /* @__PURE__ */ jsx59(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 2,
@@ -35406,7 +36061,7 @@ function SwapMode({
                 fromChainTxUrl
               );
               const isCopied = copiedHash === txHash;
-              return /* @__PURE__ */ jsxs45(
+              return /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35415,7 +36070,7 @@ function SwapMode({
                     gap: spacing[3]
                   },
                   children: [
-                    explorerUrl && /* @__PURE__ */ jsxs45(
+                    explorerUrl && /* @__PURE__ */ jsxs47(
                       "a",
                       {
                         href: explorerUrl,
@@ -35434,7 +36089,7 @@ function SwapMode({
                         },
                         children: [
                           "View transaction",
-                          /* @__PURE__ */ jsxs45(
+                          /* @__PURE__ */ jsxs47(
                             "svg",
                             {
                               style: { width: "0.875rem", height: "0.875rem" },
@@ -35445,16 +36100,16 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ jsx57("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                /* @__PURE__ */ jsx57("polyline", { points: "15 3 21 3 21 9" }),
-                                /* @__PURE__ */ jsx57("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                /* @__PURE__ */ jsx59("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                /* @__PURE__ */ jsx59("polyline", { points: "15 3 21 3 21 9" }),
+                                /* @__PURE__ */ jsx59("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                               ]
                             }
                           )
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "button",
                       {
                         onClick: () => handleCopyHash(txHash),
@@ -35471,11 +36126,11 @@ function SwapMode({
                           padding: 0,
                           transition: "color 0.15s"
                         },
-                        children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs45(Fragment10, { children: [
+                        children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs47(Fragment12, { children: [
                           txHash.slice(0, 6),
                           "\u2026",
                           txHash.slice(-4),
-                          /* @__PURE__ */ jsxs45(
+                          /* @__PURE__ */ jsxs47(
                             "svg",
                             {
                               style: { width: "0.875rem", height: "0.875rem" },
@@ -35486,7 +36141,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "rect",
                                   {
                                     x: "9",
@@ -35497,7 +36152,7 @@ function SwapMode({
                                     ry: "2"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx57("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                /* @__PURE__ */ jsx59("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                               ]
                             }
                           )
@@ -35525,10 +36180,10 @@ function SwapMode({
       dateStyle: "medium",
       timeStyle: "short"
     }) ?? null;
-    return /* @__PURE__ */ jsx57(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs45("div", { style: { position: "relative", overflow: "hidden" }, children: [
-      /* @__PURE__ */ jsx57(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx57(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
-      /* @__PURE__ */ jsxs45("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
-        /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsx59(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs47("div", { style: { position: "relative", overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsx59(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx59(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+      /* @__PURE__ */ jsxs47("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
+        /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -35538,7 +36193,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "div",
                 {
                   style: {
@@ -35551,7 +36206,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ jsx57(
+                  children: /* @__PURE__ */ jsx59(
                     "svg",
                     {
                       style: {
@@ -35565,12 +36220,12 @@ function SwapMode({
                       strokeWidth: 3,
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
-                      children: /* @__PURE__ */ jsx57("path", { d: "M20 6L9 17l-5-5" })
+                      children: /* @__PURE__ */ jsx59("path", { d: "M20 6L9 17l-5-5" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "h2",
                 {
                   style: {
@@ -35584,7 +36239,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -35594,7 +36249,7 @@ function SwapMode({
               padding: spacing[5]
             },
             children: [
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35604,7 +36259,7 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "div",
                       {
                         style: {
@@ -35613,8 +36268,8 @@ function SwapMode({
                           gap: spacing[2]
                         },
                         children: [
-                          fromToken?.iconUrl && /* @__PURE__ */ jsxs45("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ jsx57(
+                          fromToken?.iconUrl && /* @__PURE__ */ jsxs47("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                            /* @__PURE__ */ jsx59(
                               "img",
                               {
                                 src: fromToken.iconUrl,
@@ -35626,7 +36281,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ jsx57(
+                            fromChain?.chainIconURI && /* @__PURE__ */ jsx59(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -35644,11 +36299,11 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: "You sold" })
+                          /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: "You sold" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "span",
                       {
                         style: {
@@ -35665,7 +36320,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35676,7 +36331,7 @@ function SwapMode({
                     marginTop: spacing[3]
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "div",
                       {
                         style: {
@@ -35685,8 +36340,8 @@ function SwapMode({
                           gap: spacing[2]
                         },
                         children: [
-                          toToken?.iconUrl && /* @__PURE__ */ jsxs45("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ jsx57(
+                          toToken?.iconUrl && /* @__PURE__ */ jsxs47("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                            /* @__PURE__ */ jsx59(
                               "img",
                               {
                                 src: toToken.iconUrl,
@@ -35698,7 +36353,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ jsx57(
+                            toChain?.chainIconURI && /* @__PURE__ */ jsx59(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -35716,11 +36371,11 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: "Received" })
+                          /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: "Received" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "span",
                       {
                         style: {
@@ -35737,7 +36392,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "div",
                 {
                   style: {
@@ -35747,7 +36402,7 @@ function SwapMode({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35757,28 +36412,28 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    fromUsd > 0 && /* @__PURE__ */ jsx57(
+                    fromUsd > 0 && /* @__PURE__ */ jsx59(
                       SuccessReceiptRow,
                       {
                         label: "Value sold",
                         value: fmtLocal(fromUsd)
                       }
                     ),
-                    toUsd > 0 && /* @__PURE__ */ jsx57(
+                    toUsd > 0 && /* @__PURE__ */ jsx59(
                       SuccessReceiptRow,
                       {
                         label: "Value received",
                         value: fmtLocal(toUsd)
                       }
                     ),
-                    effectiveRate && /* @__PURE__ */ jsx57(
+                    effectiveRate && /* @__PURE__ */ jsx59(
                       SuccessReceiptRow,
                       {
                         label: "Effective rate",
                         value: effectiveRate
                       }
                     ),
-                    completedStr && /* @__PURE__ */ jsx57(SuccessReceiptRow, { label: "Completed", value: completedStr }),
+                    completedStr && /* @__PURE__ */ jsx59(SuccessReceiptRow, { label: "Completed", value: completedStr }),
                     txHash && (() => {
                       const srcUrl = buildExplorerUrl(
                         txHash,
@@ -35786,7 +36441,7 @@ function SwapMode({
                         fromChainTxUrl
                       );
                       const isCopied = copiedHash === txHash;
-                      return /* @__PURE__ */ jsxs45(
+                      return /* @__PURE__ */ jsxs47(
                         "div",
                         {
                           style: {
@@ -35795,8 +36450,8 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
-                            /* @__PURE__ */ jsxs45(
+                            /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
+                            /* @__PURE__ */ jsxs47(
                               "div",
                               {
                                 style: {
@@ -35805,7 +36460,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  srcUrl && /* @__PURE__ */ jsxs45(
+                                  srcUrl && /* @__PURE__ */ jsxs47(
                                     "a",
                                     {
                                       href: srcUrl,
@@ -35825,7 +36480,7 @@ function SwapMode({
                                         txHash.slice(0, 6),
                                         "\u2026",
                                         txHash.slice(-4),
-                                        /* @__PURE__ */ jsxs45(
+                                        /* @__PURE__ */ jsxs47(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -35836,16 +36491,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ jsx57("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ jsx57("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ jsx57("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ jsx59("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ jsx59("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ jsx59("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx57(
+                                  /* @__PURE__ */ jsx59(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(txHash),
@@ -35863,7 +36518,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs45(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs47(
                                         "svg",
                                         {
                                           style: {
@@ -35877,7 +36532,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx57(
+                                            /* @__PURE__ */ jsx59(
                                               "rect",
                                               {
                                                 x: "9",
@@ -35888,7 +36543,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ jsx57("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ jsx59("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -35908,7 +36563,7 @@ function SwapMode({
                         toChainTxUrl
                       );
                       const isCopied = copiedHash === destTxHash;
-                      return /* @__PURE__ */ jsxs45(
+                      return /* @__PURE__ */ jsxs47(
                         "div",
                         {
                           style: {
@@ -35917,8 +36572,8 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
-                            /* @__PURE__ */ jsxs45(
+                            /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
+                            /* @__PURE__ */ jsxs47(
                               "div",
                               {
                                 style: {
@@ -35927,7 +36582,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  destUrl && /* @__PURE__ */ jsxs45(
+                                  destUrl && /* @__PURE__ */ jsxs47(
                                     "a",
                                     {
                                       href: destUrl,
@@ -35947,7 +36602,7 @@ function SwapMode({
                                         destTxHash.slice(0, 6),
                                         "\u2026",
                                         destTxHash.slice(-4),
-                                        /* @__PURE__ */ jsxs45(
+                                        /* @__PURE__ */ jsxs47(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -35958,16 +36613,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ jsx57("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ jsx57("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ jsx57("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ jsx59("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ jsx59("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ jsx59("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx57(
+                                  /* @__PURE__ */ jsx59(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(destTxHash),
@@ -35984,7 +36639,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs45(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs47(
                                         "svg",
                                         {
                                           style: {
@@ -35998,7 +36653,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx57(
+                                            /* @__PURE__ */ jsx59(
                                               "rect",
                                               {
                                                 x: "9",
@@ -36009,7 +36664,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ jsx57("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ jsx59("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -36029,7 +36684,7 @@ function SwapMode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs45(
+      /* @__PURE__ */ jsxs47(
         "div",
         {
           style: {
@@ -36039,7 +36694,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ jsx57(
+            /* @__PURE__ */ jsx59(
               "button",
               {
                 onClick: handleReset,
@@ -36057,7 +36712,7 @@ function SwapMode({
                 children: "Done"
               }
             ),
-            fromToken && toToken && /* @__PURE__ */ jsxs45(
+            fromToken && toToken && /* @__PURE__ */ jsxs47(
               "button",
               {
                 onClick: handleSwapBack,
@@ -36086,7 +36741,7 @@ function SwapMode({
     ] }) });
   }
   if (stage === "error") {
-    return /* @__PURE__ */ jsx57(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx59(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsx59(
       ErrorPage,
       {
         error: mapError(execution.errorMessage),
@@ -36098,7 +36753,7 @@ function SwapMode({
   if (stage === "review") {
     const reviewToAmount = toAmount ?? displayToAmount;
     const reviewToUsd = toUsd > 0 ? toUsd : displayToUsd;
-    return /* @__PURE__ */ jsx57(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsx59(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs47(
       "div",
       {
         style: {
@@ -36107,7 +36762,7 @@ function SwapMode({
           overflowY: "auto"
         },
         children: [
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs47(
             "div",
             {
               style: {
@@ -36117,7 +36772,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   "span",
                   {
                     style: {
@@ -36128,7 +36783,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -36143,7 +36798,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ jsx57(
+                    children: /* @__PURE__ */ jsx59(
                       "svg",
                       {
                         style: {
@@ -36157,7 +36812,7 @@ function SwapMode({
                         strokeWidth: 2,
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ jsx57("path", { d: "M18 6L6 18M6 6l12 12" })
+                        children: /* @__PURE__ */ jsx59("path", { d: "M18 6L6 18M6 6l12 12" })
                       }
                     )
                   }
@@ -36165,7 +36820,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs47(
             "div",
             {
               style: {
@@ -36174,8 +36829,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ jsxs45("div", { children: [
-                  /* @__PURE__ */ jsxs45(
+                /* @__PURE__ */ jsxs47("div", { children: [
+                  /* @__PURE__ */ jsxs47(
                     "p",
                     {
                       style: {
@@ -36191,7 +36846,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(
                     "p",
                     {
                       style: {
@@ -36203,7 +36858,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ jsx57(
+                fromToken?.iconUrl && /* @__PURE__ */ jsx59(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -36214,7 +36869,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "div",
             {
               style: {
@@ -36222,7 +36877,7 @@ function SwapMode({
                 justifyContent: "center",
                 margin: `${spacing[3]} 0`
               },
-              children: /* @__PURE__ */ jsx57(
+              children: /* @__PURE__ */ jsx59(
                 "svg",
                 {
                   style: {
@@ -36236,12 +36891,12 @@ function SwapMode({
                   strokeWidth: 2,
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx57("path", { d: "M12 5v14m-7-7l7 7 7-7" })
+                  children: /* @__PURE__ */ jsx59("path", { d: "M12 5v14m-7-7l7 7 7-7" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs47(
             "div",
             {
               style: {
@@ -36250,8 +36905,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ jsxs45("div", { children: [
-                  /* @__PURE__ */ jsxs45(
+                /* @__PURE__ */ jsxs47("div", { children: [
+                  /* @__PURE__ */ jsxs47(
                     "p",
                     {
                       style: {
@@ -36267,7 +36922,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(
                     "p",
                     {
                       style: {
@@ -36279,7 +36934,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ jsx57(
+                toToken?.iconUrl && /* @__PURE__ */ jsx59(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -36290,7 +36945,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs47(
             "button",
             {
               onClick: () => setShowReviewDetails((v) => !v),
@@ -36309,13 +36964,13 @@ function SwapMode({
                 padding: 0
               },
               children: [
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
                   }
                 ),
-                /* @__PURE__ */ jsxs45(
+                /* @__PURE__ */ jsxs47(
                   "span",
                   {
                     style: {
@@ -36327,7 +36982,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ jsx57(
+                      /* @__PURE__ */ jsx59(
                         "svg",
                         {
                           style: {
@@ -36342,10 +36997,10 @@ function SwapMode({
                           strokeWidth: 2,
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ jsx57("path", { d: "M6 9l6 6 6-6" })
+                          children: /* @__PURE__ */ jsx59("path", { d: "M6 9l6 6 6-6" })
                         }
                       ),
-                      route.data && /* @__PURE__ */ jsxs45(
+                      route.data && /* @__PURE__ */ jsxs47(
                         "svg",
                         {
                           width: "14",
@@ -36358,7 +37013,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ jsx57(
+                            /* @__PURE__ */ jsx59(
                               "circle",
                               {
                                 cx: "7",
@@ -36369,7 +37024,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ jsx57(
+                            /* @__PURE__ */ jsx59(
                               "circle",
                               {
                                 cx: "7",
@@ -36390,7 +37045,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -36399,7 +37054,7 @@ function SwapMode({
               ]
             }
           ),
-          showReviewDetails && /* @__PURE__ */ jsxs45(
+          showReviewDetails && /* @__PURE__ */ jsxs47(
             "div",
             {
               style: {
@@ -36410,7 +37065,7 @@ function SwapMode({
                 marginBottom: spacing[2]
               },
               children: [
-                exchangeRate !== null && /* @__PURE__ */ jsx57(
+                exchangeRate !== null && /* @__PURE__ */ jsx59(
                   ReviewDetailRow,
                   {
                     label: "Rate",
@@ -36418,7 +37073,7 @@ function SwapMode({
                     value: `1 ${fromToken?.symbol} = ${fmtAmount(1 / (exchangeRate ?? 1), 4)} ${toToken?.symbol} ($${fmtAmount(fromTokenPriceUSD, 2)})`
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   ReviewDetailRow,
                   {
                     label: "Fee",
@@ -36426,12 +37081,12 @@ function SwapMode({
                     value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   ReviewDetailRow,
                   {
                     label: "Network cost",
                     tooltip: "Estimated gas fee paid to the blockchain network",
-                    value: isGasSponsored ? /* @__PURE__ */ jsx57(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs45(
+                    value: isGasSponsored ? /* @__PURE__ */ jsx59(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs47(
                       "span",
                       {
                         style: {
@@ -36440,14 +37095,14 @@ function SwapMode({
                           gap: "0.25rem"
                         },
                         children: [
-                          /* @__PURE__ */ jsx57(GasIcon, { size: "0.875rem" }),
+                          /* @__PURE__ */ jsx59(GasIcon, { size: "0.875rem" }),
                           fmtLocal(networkCostUsd)
                         ]
                       }
                     ) : "\u2014"
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   ReviewDetailRow,
                   {
                     label: "Max slippage",
@@ -36455,12 +37110,12 @@ function SwapMode({
                     value: `${slippage}%`
                   }
                 ),
-                (routePath || route.data?.route?.provider) && /* @__PURE__ */ jsx57(
+                (routePath || route.data?.route?.provider) && /* @__PURE__ */ jsx59(
                   ReviewDetailRow,
                   {
                     label: "Route",
                     tooltip: "Protocol or bridge used to execute your swap",
-                    value: /* @__PURE__ */ jsx57(
+                    value: /* @__PURE__ */ jsx59(
                       "span",
                       {
                         style: {
@@ -36480,7 +37135,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -36499,12 +37154,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__ */ jsx57(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsx59(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ jsxs47(
     "div",
     {
       style: { display: "flex", flexDirection: "column", minHeight: "500px" },
       children: [
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -36515,7 +37170,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -36529,7 +37184,7 @@ function SwapMode({
                   children: "Swap"
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   ref: settingsRef,
@@ -36540,7 +37195,7 @@ function SwapMode({
                     position: "relative"
                   },
                   children: [
-                    walletAddress ? /* @__PURE__ */ jsxs45(
+                    walletAddress ? /* @__PURE__ */ jsxs47(
                       "button",
                       {
                         onClick: () => void disconnectWallet(),
@@ -36558,7 +37213,7 @@ function SwapMode({
                           " \xD7"
                         ]
                       }
-                    ) : /* @__PURE__ */ jsx57(
+                    ) : /* @__PURE__ */ jsx59(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -36573,7 +37228,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -36591,7 +37246,7 @@ function SwapMode({
                           color: colors.mutedForeground,
                           padding: 0
                         },
-                        children: /* @__PURE__ */ jsxs45(
+                        children: /* @__PURE__ */ jsxs47(
                           "svg",
                           {
                             style: { width: "1rem", height: "1rem" },
@@ -36602,14 +37257,14 @@ function SwapMode({
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ jsx57("circle", { cx: "12", cy: "12", r: "3" }),
-                              /* @__PURE__ */ jsx57("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__ */ jsx59("circle", { cx: "12", cy: "12", r: "3" }),
+                              /* @__PURE__ */ jsx59("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__ */ jsxs45(
+                    showSettings && /* @__PURE__ */ jsxs47(
                       "div",
                       {
                         style: {
@@ -36625,7 +37280,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsx59(
                             "p",
                             {
                               style: {
@@ -36639,7 +37294,7 @@ function SwapMode({
                               children: "Appearance"
                             }
                           ),
-                          /* @__PURE__ */ jsx57("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs45(
+                          /* @__PURE__ */ jsx59("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs47(
                             "div",
                             {
                               style: {
@@ -36648,8 +37303,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ jsxs45("div", { children: [
-                                  /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsxs47("div", { children: [
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36660,7 +37315,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx57(
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36672,7 +37327,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "button",
                                   {
                                     role: "switch",
@@ -36689,7 +37344,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx57(
+                                    children: /* @__PURE__ */ jsx59(
                                       "span",
                                       {
                                         style: {
@@ -36710,7 +37365,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsx59(
                             "p",
                             {
                               style: {
@@ -36724,8 +37379,8 @@ function SwapMode({
                               children: "Transaction Settings"
                             }
                           ),
-                          /* @__PURE__ */ jsxs45("div", { style: { marginBottom: spacing[4] }, children: [
-                            /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsxs47("div", { style: { marginBottom: spacing[4] }, children: [
+                            /* @__PURE__ */ jsx59(
                               "p",
                               {
                                 style: {
@@ -36737,8 +37392,8 @@ function SwapMode({
                                 children: "Max slippage"
                               }
                             ),
-                            /* @__PURE__ */ jsxs45("div", { style: { display: "flex", gap: spacing[1.5] }, children: [
-                              [0.1, 0.5, 1].map((v) => /* @__PURE__ */ jsxs45(
+                            /* @__PURE__ */ jsxs47("div", { style: { display: "flex", gap: spacing[1.5] }, children: [
+                              [0.1, 0.5, 1].map((v) => /* @__PURE__ */ jsxs47(
                                 "button",
                                 {
                                   onClick: () => {
@@ -36763,7 +37418,7 @@ function SwapMode({
                                 },
                                 v
                               )),
-                              /* @__PURE__ */ jsx57("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ jsx57(
+                              /* @__PURE__ */ jsx59("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ jsx59(
                                 "input",
                                 {
                                   type: "number",
@@ -36794,7 +37449,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ jsx57(
+                            slippage > 5 && /* @__PURE__ */ jsx59(
                               "p",
                               {
                                 style: {
@@ -36806,7 +37461,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx57("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs45(
+                          /* @__PURE__ */ jsx59("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ jsxs47(
                             "div",
                             {
                               style: {
@@ -36815,8 +37470,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ jsxs45("div", { children: [
-                                  /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsxs47("div", { children: [
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36827,7 +37482,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx57(
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36839,7 +37494,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "button",
                                   {
                                     role: "switch",
@@ -36856,7 +37511,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx57(
+                                    children: /* @__PURE__ */ jsx59(
                                       "span",
                                       {
                                         style: {
@@ -36877,7 +37532,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsxs45(
+                          /* @__PURE__ */ jsxs47(
                             "div",
                             {
                               style: {
@@ -36887,7 +37542,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "p",
                                   {
                                     style: {
@@ -36899,13 +37554,13 @@ function SwapMode({
                                     children: "Display currency"
                                   }
                                 ),
-                                /* @__PURE__ */ jsxs45(
+                                /* @__PURE__ */ jsxs47(
                                   "div",
                                   {
                                     ref: currencyDropdownRef,
                                     style: { position: "relative", flexShrink: 0 },
                                     children: [
-                                      /* @__PURE__ */ jsxs45(
+                                      /* @__PURE__ */ jsxs47(
                                         "button",
                                         {
                                           onClick: () => setShowCurrencyDropdown((v) => !v),
@@ -36925,9 +37580,9 @@ function SwapMode({
                                             whiteSpace: "nowrap"
                                           },
                                           children: [
-                                            /* @__PURE__ */ jsx57("span", { children: currencySymbol }),
-                                            /* @__PURE__ */ jsx57("span", { children: selectedCurrency }),
-                                            /* @__PURE__ */ jsx57(
+                                            /* @__PURE__ */ jsx59("span", { children: currencySymbol }),
+                                            /* @__PURE__ */ jsx59("span", { children: selectedCurrency }),
+                                            /* @__PURE__ */ jsx59(
                                               "svg",
                                               {
                                                 style: {
@@ -36943,13 +37598,13 @@ function SwapMode({
                                                 strokeWidth: 2.5,
                                                 strokeLinecap: "round",
                                                 strokeLinejoin: "round",
-                                                children: /* @__PURE__ */ jsx57("path", { d: "M6 9l6 6 6-6" })
+                                                children: /* @__PURE__ */ jsx59("path", { d: "M6 9l6 6 6-6" })
                                               }
                                             )
                                           ]
                                         }
                                       ),
-                                      showCurrencyDropdown && /* @__PURE__ */ jsx57(
+                                      showCurrencyDropdown && /* @__PURE__ */ jsx59(
                                         "div",
                                         {
                                           style: {
@@ -36968,7 +37623,7 @@ function SwapMode({
                                           },
                                           children: SUPPORTED_CURRENCIES.map((c) => {
                                             const isSelected = selectedCurrency === c.code;
-                                            return /* @__PURE__ */ jsxs45(
+                                            return /* @__PURE__ */ jsxs47(
                                               "button",
                                               {
                                                 onClick: () => {
@@ -36991,7 +37646,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ jsx57(
+                                                  /* @__PURE__ */ jsx59(
                                                     "span",
                                                     {
                                                       style: {
@@ -37002,8 +37657,8 @@ function SwapMode({
                                                       children: c.symbol
                                                     }
                                                   ),
-                                                  /* @__PURE__ */ jsx57("span", { style: { flexShrink: 0 }, children: c.code }),
-                                                  /* @__PURE__ */ jsx57(
+                                                  /* @__PURE__ */ jsx59("span", { style: { flexShrink: 0 }, children: c.code }),
+                                                  /* @__PURE__ */ jsx59(
                                                     "span",
                                                     {
                                                       style: {
@@ -37038,7 +37693,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx57("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsx59("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ jsxs47(
           "div",
           {
             onMouseEnter: () => setHoverSell(true),
@@ -37050,7 +37705,7 @@ function SwapMode({
               padding: `${spacing[4]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37060,7 +37715,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "span",
                       {
                         style: {
@@ -37071,7 +37726,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "div",
                       {
                         style: {
@@ -37082,7 +37737,7 @@ function SwapMode({
                           transition: "opacity 0.2s",
                           pointerEvents: hoverSell && fromBalance !== null ? "auto" : "none"
                         },
-                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ jsx57(
+                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ jsx59(
                           "button",
                           {
                             onClick: () => {
@@ -37138,12 +37793,12 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: { display: "flex", alignItems: "center", gap: spacing[3] },
                   children: [
-                    amountInputMode === "usd" && /* @__PURE__ */ jsx57(
+                    amountInputMode === "usd" && /* @__PURE__ */ jsx59(
                       "span",
                       {
                         style: {
@@ -37158,7 +37813,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "input",
                       {
                         inputMode: "decimal",
@@ -37184,7 +37839,7 @@ function SwapMode({
                         }
                       }
                     ),
-                    amountInputMode === "token" && fromToken && /* @__PURE__ */ jsx57(
+                    amountInputMode === "token" && fromToken && /* @__PURE__ */ jsx59(
                       "span",
                       {
                         style: {
@@ -37199,7 +37854,7 @@ function SwapMode({
                         children: fromToken.symbol
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       TokenPillButton,
                       {
                         token: fromToken,
@@ -37211,7 +37866,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37223,7 +37878,7 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "button",
                       {
                         type: "button",
@@ -37241,8 +37896,8 @@ function SwapMode({
                           fontFamily: "inherit"
                         },
                         children: [
-                          /* @__PURE__ */ jsx57("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
-                          hasFromUsdPrice && /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsx59("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
+                          hasFromUsdPrice && /* @__PURE__ */ jsx59(
                             "svg",
                             {
                               style: { width: "0.75rem", height: "0.75rem" },
@@ -37252,17 +37907,17 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ jsx57("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
+                              children: /* @__PURE__ */ jsx59("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
                             }
                           )
                         ]
                       }
                     ),
-                    fromBalance !== null && fromToken && /* @__PURE__ */ jsxs45("span", { children: [
+                    fromBalance !== null && fromToken && /* @__PURE__ */ jsxs47("span", { children: [
                       fmtAmount(fromBalance, 6),
                       " ",
                       fromToken.symbol,
-                      balanceUsd !== null && balanceUsd > 0 && /* @__PURE__ */ jsxs45("span", { children: [
+                      balanceUsd !== null && balanceUsd > 0 && /* @__PURE__ */ jsxs47("span", { children: [
                         " \u2248 ",
                         fmtLocal(balanceUsd)
                       ] })
@@ -37273,7 +37928,7 @@ function SwapMode({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx57("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ jsx59(
           "button",
           {
             onClick: handleFlip,
@@ -37294,7 +37949,7 @@ function SwapMode({
               cursor: lockDestToken ? "default" : "pointer",
               opacity: lockDestToken ? 0.4 : 1
             },
-            children: /* @__PURE__ */ jsx57(
+            children: /* @__PURE__ */ jsx59(
               "svg",
               {
                 style: {
@@ -37306,7 +37961,7 @@ function SwapMode({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 2,
-                children: /* @__PURE__ */ jsx57(
+                children: /* @__PURE__ */ jsx59(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -37318,7 +37973,7 @@ function SwapMode({
             )
           }
         ) }),
-        /* @__PURE__ */ jsx57("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsx59("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -37327,7 +37982,7 @@ function SwapMode({
               padding: `${spacing[5]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -37338,7 +37993,7 @@ function SwapMode({
                   children: "Buy"
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37348,7 +38003,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "div",
                       {
                         style: {
@@ -37361,7 +38016,7 @@ function SwapMode({
                         },
                         children: displayToAmount !== null ? (() => {
                           const s = `${isEstimate ? "~" : ""}${fmtAmount(displayToAmount, 5)}`;
-                          return /* @__PURE__ */ jsx57(
+                          return /* @__PURE__ */ jsx59(
                             "span",
                             {
                               style: {
@@ -37372,7 +38027,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ jsx57(
+                        })() : route.loading ? /* @__PURE__ */ jsx59(
                           "span",
                           {
                             style: {
@@ -37382,7 +38037,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ jsx57(
+                        ) : /* @__PURE__ */ jsx59(
                           "span",
                           {
                             style: {
@@ -37395,7 +38050,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -37409,7 +38064,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37421,8 +38076,8 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ jsx57("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
-                    priceImpact !== null && /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsx59("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
+                    priceImpact !== null && /* @__PURE__ */ jsxs47(
                       "span",
                       {
                         style: {
@@ -37443,7 +38098,7 @@ function SwapMode({
                   ]
                 }
               ),
-              needsDestAddress && toChain && /* @__PURE__ */ jsxs45(
+              needsDestAddress && toChain && /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37452,7 +38107,7 @@ function SwapMode({
                     borderTop: "1px solid hsl(var(--tw-border))"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "p",
                       {
                         style: {
@@ -37467,8 +38122,8 @@ function SwapMode({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs45("div", { style: { position: "relative" }, children: [
-                      /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsxs47("div", { style: { position: "relative" }, children: [
+                      /* @__PURE__ */ jsx59(
                         "input",
                         {
                           type: "text",
@@ -37491,7 +38146,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx57(
+                      /* @__PURE__ */ jsx59(
                         "button",
                         {
                           type: "button",
@@ -37517,7 +38172,7 @@ function SwapMode({
                         }
                       )
                     ] }),
-                    destAddress && !isValidDestAddress && /* @__PURE__ */ jsxs45(
+                    destAddress && !isValidDestAddress && /* @__PURE__ */ jsxs47(
                       "p",
                       {
                         style: {
@@ -37538,7 +38193,7 @@ function SwapMode({
             ]
           }
         ) }),
-        route.error && !route.loading && /* @__PURE__ */ jsx57(
+        route.error && !route.loading && /* @__PURE__ */ jsx59(
           "p",
           {
             style: {
@@ -37551,7 +38206,7 @@ function SwapMode({
             children: mapError(route.error).message
           }
         ),
-        route.loading && /* @__PURE__ */ jsxs45(
+        route.loading && /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -37563,13 +38218,13 @@ function SwapMode({
               padding: `0 ${spacing[3]}`
             },
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "svg",
                 {
                   className: "tw-animate-spin",
                   style: { width: "0.875rem", height: "0.875rem", flexShrink: 0 },
                   viewBox: "0 0 88 88",
-                  children: /* @__PURE__ */ jsx57(
+                  children: /* @__PURE__ */ jsx59(
                     "circle",
                     {
                       cx: "44",
@@ -37584,7 +38239,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -37599,7 +38254,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx57("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ jsx59(
           "button",
           {
             disabled: ctaDisabled,
@@ -37628,7 +38283,7 @@ function SwapMode({
             children: ctaLabel
           }
         ) }),
-        showRateRow && /* @__PURE__ */ jsxs45(
+        showRateRow && /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -37638,7 +38293,7 @@ function SwapMode({
               color: colors.mutedForeground
             },
             children: [
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "button",
                 {
                   onClick: () => setShowRateDetails((v) => !v),
@@ -37656,7 +38311,7 @@ function SwapMode({
                     padding: `${spacing[1]} 0`
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45("span", { style: { flex: 1, textAlign: "left" }, children: [
+                    /* @__PURE__ */ jsxs47("span", { style: { flex: 1, textAlign: "left" }, children: [
                       "1 ",
                       toToken?.symbol,
                       " = ",
@@ -37664,7 +38319,7 @@ function SwapMode({
                       " ",
                       fromToken?.symbol
                     ] }),
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "span",
                       {
                         style: {
@@ -37674,15 +38329,15 @@ function SwapMode({
                           flexShrink: 0
                         },
                         children: [
-                          !isGasSponsored && /* @__PURE__ */ jsx57(GasIcon, {}),
-                          /* @__PURE__ */ jsx57(
+                          !isGasSponsored && /* @__PURE__ */ jsx59(GasIcon, {}),
+                          /* @__PURE__ */ jsx59(
                             "span",
                             {
                               style: isGasSponsored ? { color: colors.green[500] } : void 0,
                               children: isGasSponsored ? "\u2726 Sponsored" : networkCostUsd !== null ? fmtLocal(networkCostUsd) : "\u2014"
                             }
                           ),
-                          route.data && /* @__PURE__ */ jsxs45(
+                          route.data && /* @__PURE__ */ jsxs47(
                             "svg",
                             {
                               width: "14",
@@ -37694,7 +38349,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37705,7 +38360,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37723,7 +38378,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsx59(
                             "svg",
                             {
                               style: {
@@ -37738,7 +38393,7 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ jsx57("path", { d: "M6 9l6 6 6-6" })
+                              children: /* @__PURE__ */ jsx59("path", { d: "M6 9l6 6 6-6" })
                             }
                           )
                         ]
@@ -37747,7 +38402,7 @@ function SwapMode({
                   ]
                 }
               ),
-              showRateDetails && /* @__PURE__ */ jsxs45(
+              showRateDetails && /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37759,18 +38414,18 @@ function SwapMode({
                     gap: spacing[2.5]
                   },
                   children: [
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       RateRow,
                       {
                         label: "Fee",
                         value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       RateRow,
                       {
                         label: "Network cost",
-                        value: isGasSponsored ? /* @__PURE__ */ jsx57(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs45(
+                        value: isGasSponsored ? /* @__PURE__ */ jsx59(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ jsxs47(
                           "span",
                           {
                             style: {
@@ -37779,19 +38434,19 @@ function SwapMode({
                               gap: "0.25rem"
                             },
                             children: [
-                              /* @__PURE__ */ jsx57(GasIcon, { size: "0.75rem" }),
+                              /* @__PURE__ */ jsx59(GasIcon, { size: "0.75rem" }),
                               fmtLocal(networkCostUsd)
                             ]
                           }
-                        ) : /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     ),
-                    /* @__PURE__ */ jsx57(RateRow, { label: "Max slippage", value: `${slippage}%` }),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(RateRow, { label: "Max slippage", value: `${slippage}%` }),
+                    /* @__PURE__ */ jsx59(
                       RateRow,
                       {
                         label: "Route",
-                        value: routePath ? /* @__PURE__ */ jsx57(
+                        value: routePath ? /* @__PURE__ */ jsx59(
                           "span",
                           {
                             style: {
@@ -37805,7 +38460,7 @@ function SwapMode({
                             title: routePath,
                             children: routePath
                           }
-                        ) : route.data?.route?.provider ?? /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : route.data?.route?.provider ?? /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     )
                   ]
@@ -37814,7 +38469,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx57(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx59(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -37842,8 +38497,8 @@ function SwapActionArea({
     label = "Swap";
   }
   const isDisabled = isSubmitting || isChecking;
-  return /* @__PURE__ */ jsxs45("div", { style: { marginTop: spacing[6] }, children: [
-    isGasSponsored && !isSubmitting && /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47("div", { style: { marginTop: spacing[6] }, children: [
+    isGasSponsored && !isSubmitting && /* @__PURE__ */ jsxs47(
       "div",
       {
         style: {
@@ -37854,7 +38509,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "svg",
             {
               style: {
@@ -37864,10 +38519,10 @@ function SwapActionArea({
               },
               viewBox: "0 0 24 24",
               fill: "currentColor",
-              children: /* @__PURE__ */ jsx57("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+              children: /* @__PURE__ */ jsx59("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "span",
             {
               style: {
@@ -37881,7 +38536,7 @@ function SwapActionArea({
         ]
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx59(
       "button",
       {
         onClick: onExecute,
@@ -37904,7 +38559,7 @@ function SwapActionArea({
         children: label
       }
     ),
-    needsApproval && !isSubmitting && /* @__PURE__ */ jsxs45(
+    needsApproval && !isSubmitting && /* @__PURE__ */ jsxs47(
       "p",
       {
         style: {
@@ -37936,7 +38591,7 @@ function TokenPillButton({
   const iconUrl = token?.iconUrl ?? token?.logoURI;
   const chainIcon = chain?.chainIconURI;
   if (!token) {
-    return /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsxs47(
       "button",
       {
         onClick: disabled ? void 0 : onClick,
@@ -37959,7 +38614,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -37967,7 +38622,7 @@ function TokenPillButton({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 2,
-              children: /* @__PURE__ */ jsx57(
+              children: /* @__PURE__ */ jsx59(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -37981,7 +38636,7 @@ function TokenPillButton({
       }
     );
   }
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
@@ -38001,8 +38656,8 @@ function TokenPillButton({
         opacity: disabled ? 0.85 : 1
       },
       children: [
-        /* @__PURE__ */ jsxs45("div", { style: { position: "relative" }, children: [
-          iconUrl ? /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsxs47("div", { style: { position: "relative" }, children: [
+          iconUrl ? /* @__PURE__ */ jsx59(
             "img",
             {
               src: iconUrl,
@@ -38014,7 +38669,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ jsx57(
+          ) : /* @__PURE__ */ jsx59(
             "div",
             {
               style: {
@@ -38026,7 +38681,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx57(
+              children: /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -38039,7 +38694,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ jsx57(
+          chainIcon && /* @__PURE__ */ jsx59(
             "img",
             {
               src: chainIcon,
@@ -38057,7 +38712,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "span",
           {
             style: {
@@ -38068,7 +38723,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ jsx57(
+        !disabled && /* @__PURE__ */ jsx59(
           "svg",
           {
             style: {
@@ -38080,7 +38735,7 @@ function TokenPillButton({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ jsx57(
+            children: /* @__PURE__ */ jsx59(
               "path",
               {
                 strokeLinecap: "round",
@@ -38101,8 +38756,8 @@ function TokenIcon({
 }) {
   const imgSize = size === "lg" ? "2.75rem" : "2.5rem";
   const badgeSize = size === "lg" ? "1.125rem" : "1rem";
-  return /* @__PURE__ */ jsxs45("div", { style: { position: "relative", flexShrink: 0 }, children: [
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs47("div", { style: { position: "relative", flexShrink: 0 }, children: [
+    /* @__PURE__ */ jsx59(
       "img",
       {
         src: icon,
@@ -38110,7 +38765,7 @@ function TokenIcon({
         style: { width: imgSize, height: imgSize, borderRadius: "9999px" }
       }
     ),
-    chainIcon && /* @__PURE__ */ jsx57(
+    chainIcon && /* @__PURE__ */ jsx59(
       "img",
       {
         src: chainIcon,
@@ -38134,15 +38789,15 @@ function ReviewDetailRow({
   value,
   tooltip
 }) {
-  const iconRef = useRef18(null);
-  const [tipPos, setTipPos] = useState32(null);
+  const iconRef = useRef19(null);
+  const [tipPos, setTipPos] = useState33(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__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "div",
     {
       style: {
@@ -38151,7 +38806,7 @@ function ReviewDetailRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs47(
           "span",
           {
             style: {
@@ -38162,14 +38817,14 @@ function ReviewDetailRow({
             },
             children: [
               label,
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   ref: iconRef,
                   style: { display: "inline-flex", alignItems: "center" },
                   onMouseEnter: handleMouseEnter,
                   onMouseLeave: handleMouseLeave,
-                  children: /* @__PURE__ */ jsxs45(
+                  children: /* @__PURE__ */ jsxs47(
                     "svg",
                     {
                       style: {
@@ -38185,8 +38840,8 @@ function ReviewDetailRow({
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       children: [
-                        /* @__PURE__ */ jsx57("circle", { cx: "12", cy: "12", r: "10" }),
-                        /* @__PURE__ */ jsx57("path", { d: "M12 16v-4M12 8h.01" })
+                        /* @__PURE__ */ jsx59("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ jsx59("path", { d: "M12 16v-4M12 8h.01" })
                       ]
                     }
                   )
@@ -38195,9 +38850,9 @@ function ReviewDetailRow({
             ]
           }
         ),
-        /* @__PURE__ */ jsx57("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
+        /* @__PURE__ */ jsx59("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
         tooltip && tipPos && typeof document !== "undefined" && ReactDOM.createPortal(
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "span",
             {
               style: {
@@ -38226,7 +38881,7 @@ function ReviewDetailRow({
   );
 }
 function GasIcon({ size = "0.875rem" }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "svg",
     {
       style: { width: size, height: size, flexShrink: 0 },
@@ -38237,16 +38892,16 @@ function GasIcon({ size = "0.875rem" }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ jsx57("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
-        /* @__PURE__ */ jsx57("path", { d: "M3 11h11" }),
-        /* @__PURE__ */ jsx57("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
-        /* @__PURE__ */ jsx57("path", { d: "M19 22V12" })
+        /* @__PURE__ */ jsx59("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
+        /* @__PURE__ */ jsx59("path", { d: "M3 11h11" }),
+        /* @__PURE__ */ jsx59("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
+        /* @__PURE__ */ jsx59("path", { d: "M19 22V12" })
       ]
     }
   );
 }
 function SponsoredBadge() {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "span",
     {
       style: {
@@ -38257,13 +38912,13 @@ function SponsoredBadge() {
         fontWeight: fontWeight.medium
       },
       children: [
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "svg",
           {
             style: { width: "0.75rem", height: "0.75rem" },
             viewBox: "0 0 24 24",
             fill: "currentColor",
-            children: /* @__PURE__ */ jsx57("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+            children: /* @__PURE__ */ jsx59("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
           }
         ),
         "Sponsored"
@@ -38275,7 +38930,7 @@ function SuccessReceiptRow({
   label,
   value
 }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "div",
     {
       style: {
@@ -38284,8 +38939,8 @@ function SuccessReceiptRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ jsx57("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ jsx57("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
+        /* @__PURE__ */ jsx59("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ jsx59("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
       ]
     }
   );
@@ -38299,7 +38954,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__ */ jsx57(
+  const iconEl = icon === "send" ? /* @__PURE__ */ jsx59(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -38309,9 +38964,9 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx57("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
+      children: /* @__PURE__ */ jsx59("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
     }
-  ) : icon === "plus" ? /* @__PURE__ */ jsx57(
+  ) : icon === "plus" ? /* @__PURE__ */ jsx59(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -38321,9 +38976,9 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx57("path", { d: "M12 5v14M5 12h14" })
+      children: /* @__PURE__ */ jsx59("path", { d: "M12 5v14M5 12h14" })
     }
-  ) : /* @__PURE__ */ jsxs45(
+  ) : /* @__PURE__ */ jsxs47(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -38334,12 +38989,12 @@ function ProcessingStepNode({
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ jsx57("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__ */ jsx57("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
+        /* @__PURE__ */ jsx59("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__ */ jsx59("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
       ]
     }
   );
-  const doneIcon = /* @__PURE__ */ jsx57(
+  const doneIcon = /* @__PURE__ */ jsx59(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: "#fff" },
@@ -38349,10 +39004,10 @@ function ProcessingStepNode({
       strokeWidth: 3,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx57("path", { d: "M20 6L9 17l-5-5" })
+      children: /* @__PURE__ */ jsx59("path", { d: "M20 6L9 17l-5-5" })
     }
   );
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "div",
     {
       style: {
@@ -38363,7 +39018,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "div",
           {
             style: {
@@ -38381,7 +39036,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "span",
           {
             style: {
@@ -38400,7 +39055,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       style: {
@@ -38436,8 +39091,8 @@ var init_SwapMode = __esm({
     init_useSwapExecution();
     init_useForex();
     init_SwapTokenSelect();
-    init_SwapWalletSelector();
     init_currency();
+    init_components2();
     ConfettiEffect3 = lazy2(
       () => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports))
     );
@@ -38470,14 +39125,14 @@ var init_swap = __esm({
 
 // src/widget/TrustwareWidgetV2.tsx
 import {
-  useState as useState33,
-  useEffect as useEffect33,
-  useRef as useRef19,
+  useState as useState34,
+  useEffect as useEffect34,
+  useRef as useRef20,
   useCallback as useCallback23,
   useImperativeHandle,
   forwardRef
 } from "react";
-import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function WidgetContent({
   style,
   onStateChange,
@@ -38488,7 +39143,7 @@ function WidgetContent({
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
   useWalletExternalDisconnect(() => setCurrentStep("home"));
-  useEffect33(() => {
+  useEffect34(() => {
     const state = {
       currentStep,
       amount,
@@ -38508,9 +39163,9 @@ function WidgetContent({
     transactionStatus,
     onStateChange
   ]);
-  return /* @__PURE__ */ jsxs46("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
-    showThemeToggle && /* @__PURE__ */ jsx58("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ jsx58(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
-    /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs48("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
+    showThemeToggle && /* @__PURE__ */ jsx60("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ jsx60(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
+    /* @__PURE__ */ jsx60(
       WidgetRouter,
       {
         currentStep,
@@ -38531,7 +39186,7 @@ function WidgetInner({
   const { transactionStatus } = useDepositTransaction();
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
-  const [showConfirmDialog, setShowConfirmDialog] = useState33(false);
+  const [showConfirmDialog, setShowConfirmDialog] = useState34(false);
   const handleCloseRequest = useCallback23(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
@@ -38543,7 +39198,7 @@ function WidgetInner({
       onClose?.();
     }
   }, [transactionStatus, onClose, resetState]);
-  useEffect33(() => {
+  useEffect34(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
   const handleConfirmClose = useCallback23(() => {
@@ -38559,16 +39214,16 @@ function WidgetInner({
   const handleRefresh = useCallback23(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ jsxs46(Fragment11, { children: [
-    /* @__PURE__ */ jsxs46(WidgetContainer, { theme: effectiveTheme, style, children: [
-      /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs48(Fragment13, { children: [
+    /* @__PURE__ */ jsxs48(WidgetContainer, { theme: effectiveTheme, style, children: [
+      /* @__PURE__ */ jsx60(
         WidgetContent,
         {
           onStateChange,
           showThemeToggle
         }
       ),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx60(
         InitErrorOverlay,
         {
           open: initBlocked,
@@ -38579,7 +39234,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx60(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -38627,8 +39282,8 @@ var init_TrustwareWidgetV2 = __esm({
       onOpen,
       showThemeToggle = true
     }, ref) {
-      const [isOpen, setIsOpen] = useState33(defaultOpen);
-      const closeRequestRef = useRef19(null);
+      const [isOpen, setIsOpen] = useState34(defaultOpen);
+      const closeRequestRef = useRef20(null);
       const config = useTrustwareConfig();
       const effectiveInitialStep = initialStep;
       const open = useCallback23(() => {
@@ -38660,9 +39315,9 @@ var init_TrustwareWidgetV2 = __esm({
         return null;
       }
       if (config.features.swapMode) {
-        return /* @__PURE__ */ jsx58(SwapMode, { theme, style });
+        return /* @__PURE__ */ jsx60(SwapMode, { theme, style });
       }
-      return /* @__PURE__ */ jsx58(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx58(
+      return /* @__PURE__ */ jsx60(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ jsx60(
         WidgetInner,
         {
           theme,