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

package/dist/widget.mjs

@@ -563,7 +563,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";
@@ -16131,7 +16131,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();
     }),
@@ -33426,10 +33426,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,
@@ -33441,19 +33514,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_utils();
+    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")) {
@@ -33462,7 +34141,7 @@ function SwapWalletSelector({
       prevStatusRef.current = walletStatus;
     }
   }, [walletStatus]);
-  const filteredWallets = useMemo27(
+  const filteredWallets = useMemo28(
     () => detected.filter(
       (w) => (w.meta?.ecosystem ?? "").toLowerCase() === selectedNamespace
     ),
@@ -33521,8 +34200,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: {
@@ -33532,7 +34211,7 @@ function SwapWalletSelector({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "button",
             {
               type: "button",
@@ -33545,7 +34224,7 @@ function SwapWalletSelector({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx56(
+              children: /* @__PURE__ */ jsx57(
                 "svg",
                 {
                   style: {
@@ -33557,7 +34236,7 @@ function SwapWalletSelector({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: 2,
-                  children: /* @__PURE__ */ jsx56(
+                  children: /* @__PURE__ */ jsx57(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -33569,7 +34248,7 @@ function SwapWalletSelector({
               )
             }
           ),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "h1",
             {
               style: {
@@ -33582,7 +34261,7 @@ function SwapWalletSelector({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "div",
             {
               style: {
@@ -33593,7 +34272,7 @@ function SwapWalletSelector({
                 padding: "3px",
                 gap: "2px"
               },
-              children: tabs.map((t) => /* @__PURE__ */ jsx56(
+              children: tabs.map((t) => /* @__PURE__ */ jsx57(
                 "button",
                 {
                   onClick: () => setSelectedNamespace(t.id),
@@ -33619,8 +34298,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: {
@@ -33629,7 +34308,7 @@ function SwapWalletSelector({
             gap: spacing[3]
           },
           children: [
-            [1, 2].map((i) => /* @__PURE__ */ jsxs44(
+            [1, 2].map((i) => /* @__PURE__ */ jsxs45(
               "div",
               {
                 style: {
@@ -33642,7 +34321,7 @@ function SwapWalletSelector({
                   animation: "tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
                 },
                 children: [
-                  /* @__PURE__ */ jsx56(
+                  /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33653,7 +34332,7 @@ function SwapWalletSelector({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx56(
+                  /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33668,7 +34347,7 @@ function SwapWalletSelector({
               },
               i
             )),
-            /* @__PURE__ */ jsx56(
+            /* @__PURE__ */ jsx57(
               "p",
               {
                 style: {
@@ -33682,9 +34361,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: {
@@ -33696,7 +34375,7 @@ function SwapWalletSelector({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(
           "p",
           {
             style: {
@@ -33707,7 +34386,7 @@ function SwapWalletSelector({
             children: "Please install a web3 wallet to continue."
           }
         ),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(
           "a",
           {
             href: "https://metamask.io/download/",
@@ -33728,7 +34407,7 @@ function SwapWalletSelector({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ jsx56(
+      ] }) : /* @__PURE__ */ jsx57(
         "div",
         {
           style: {
@@ -33739,7 +34418,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(
@@ -33759,7 +34438,7 @@ function SwapWalletSelector({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ jsx56(
+                  /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33773,7 +34452,7 @@ function SwapWalletSelector({
                         overflow: "hidden",
                         flexShrink: 0
                       },
-                      children: wallet.meta.logo ? /* @__PURE__ */ jsx56(
+                      children: wallet.meta.logo ? /* @__PURE__ */ jsx57(
                         "img",
                         {
                           src: wallet.meta.logo,
@@ -33784,7 +34463,7 @@ function SwapWalletSelector({
                             objectFit: "contain"
                           }
                         }
-                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx56(
+                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ jsx57(
                         "img",
                         {
                           src: wallet.detail.info.icon,
@@ -33795,11 +34474,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: {
@@ -33809,7 +34488,7 @@ function SwapWalletSelector({
                         children: wallet.meta.name
                       }
                     ),
-                    isWalletConnected && walletAddress && /* @__PURE__ */ jsxs44(
+                    isWalletConnected && walletAddress && /* @__PURE__ */ jsxs45(
                       "p",
                       {
                         style: {
@@ -33824,7 +34503,7 @@ function SwapWalletSelector({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ jsx56(
+                  isConnecting ? /* @__PURE__ */ jsx57(
                     "div",
                     {
                       style: {
@@ -33837,7 +34516,7 @@ function SwapWalletSelector({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ jsx56(
+                  ) : isWalletConnected ? /* @__PURE__ */ jsx57(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -33854,7 +34533,7 @@ function SwapWalletSelector({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ jsx56(
+                  ) : /* @__PURE__ */ jsx57(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -33886,8 +34565,8 @@ function SwapWalletSelector({
           })
         }
       ),
-      selectedNamespace === "evm" && /* @__PURE__ */ jsxs44(Fragment9, { children: [
-        /* @__PURE__ */ jsx56(
+      selectedNamespace === "evm" && /* @__PURE__ */ jsxs45(Fragment10, { children: [
+        /* @__PURE__ */ jsx57(
           "div",
           {
             style: {
@@ -33899,7 +34578,7 @@ function SwapWalletSelector({
         ),
         (() => {
           const wcConnected = managerConnected && connectedVia === "walletconnect";
-          return /* @__PURE__ */ jsxs44(
+          return /* @__PURE__ */ jsxs45(
             "div",
             {
               style: mergeStyles(
@@ -33921,7 +34600,7 @@ function SwapWalletSelector({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ jsx56(
+                /* @__PURE__ */ jsx57(
                   "div",
                   {
                     style: {
@@ -33934,7 +34613,7 @@ function SwapWalletSelector({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ jsx56(
+                    children: /* @__PURE__ */ jsx57(
                       "svg",
                       {
                         style: {
@@ -33944,13 +34623,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: {
@@ -33960,7 +34639,7 @@ function SwapWalletSelector({
                       children: "WalletConnect"
                     }
                   ),
-                  wcConnected && walletAddress && /* @__PURE__ */ jsxs44(
+                  wcConnected && walletAddress && /* @__PURE__ */ jsxs45(
                     "p",
                     {
                       style: {
@@ -33975,7 +34654,7 @@ function SwapWalletSelector({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ jsx56(
+                wcConnecting ? /* @__PURE__ */ jsx57(
                   "div",
                   {
                     style: {
@@ -33988,7 +34667,7 @@ function SwapWalletSelector({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ jsx56(
+                ) : wcConnected ? /* @__PURE__ */ jsx57(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34008,7 +34687,7 @@ function SwapWalletSelector({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ jsx56(
+                ) : /* @__PURE__ */ jsx57(
                   "button",
                   {
                     onClick: (e2) => {
@@ -34038,8 +34717,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_utils();
@@ -34049,76 +34728,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();
   }
 });
 
@@ -34127,13 +34782,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 });
@@ -34206,7 +34861,7 @@ function getActiveStep(status) {
   }
 }
 function RateRow({ label, value }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "div",
     {
       style: {
@@ -34215,8 +34870,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 })
       ]
     }
   );
@@ -34225,36 +34880,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;
@@ -34270,8 +34925,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";
@@ -34287,26 +34942,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(
@@ -34354,18 +35009,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;
   }, [
@@ -34375,7 +35030,7 @@ function SwapMode({
     hasFromUsdPrice,
     fromTokenPriceUSD
   ]);
-  const tokenSellNum = useMemo28(() => {
+  const tokenSellNum = useMemo29(() => {
     if (amountInputMode === "usd") {
       return hasFromUsdPrice && fromTokenPriceUSD > 0 ? usdSellNum / fromTokenPriceUSD : 0;
     }
@@ -34387,7 +35042,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));
@@ -34598,7 +35253,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;
@@ -34608,7 +35263,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);
   }, [
@@ -34618,10 +35273,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;
@@ -34647,7 +35302,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;
@@ -34658,12 +35313,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;
@@ -34690,19 +35345,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]);
@@ -34711,13 +35366,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;
@@ -34731,14 +35386,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;
@@ -34767,7 +35422,7 @@ function SwapMode({
     destAddress,
     slippage
   ]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!canGetQuote || !fromToken || !fromChain || !toToken || !toChain || !walletAddress) {
       latestFetchParamsRef.current = null;
       return;
@@ -34794,12 +35449,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);
@@ -34817,7 +35472,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;
@@ -34831,7 +35486,7 @@ function SwapMode({
     }, 1e3);
     return () => clearInterval(id);
   }, [route.data]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (stage !== "review") return;
     if (!route.data || !walletAddress) return;
     const fromTokenAddress = fromToken?.address;
@@ -34842,7 +35497,7 @@ function SwapMode({
       routeResult: route.data
     });
   }, [stage, route.data, walletAddress, fromToken]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!showSettings) {
       setShowCurrencyDropdown(false);
       return;
@@ -34855,7 +35510,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)) {
@@ -34866,7 +35521,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",
@@ -34884,7 +35539,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",
@@ -34903,9 +35558,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,
@@ -34913,7 +35568,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"),
@@ -34946,8 +35601,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: {
@@ -34957,7 +35612,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ jsx57(
+            /* @__PURE__ */ jsx59(
               "button",
               {
                 onClick: handleReset,
@@ -34972,7 +35627,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ jsx57(
+                children: /* @__PURE__ */ jsx59(
                   "svg",
                   {
                     style: {
@@ -34986,12 +35641,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,
@@ -35008,7 +35663,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx59(
         "h1",
         {
           style: {
@@ -35020,7 +35675,7 @@ function SwapMode({
           children: title
         }
       ),
-      /* @__PURE__ */ jsxs45(
+      /* @__PURE__ */ jsxs47(
         "div",
         {
           style: {
@@ -35034,7 +35689,7 @@ function SwapMode({
             gap: spacing[5]
           },
           children: [
-            /* @__PURE__ */ jsxs45(
+            /* @__PURE__ */ jsxs47(
               "div",
               {
                 style: {
@@ -35046,14 +35701,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,
@@ -35064,7 +35719,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ jsx57(
+                        /* @__PURE__ */ jsx59(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -35083,7 +35738,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs45(
+                  /* @__PURE__ */ jsxs47(
                     "div",
                     {
                       style: {
@@ -35094,7 +35749,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ jsx57(
+                        /* @__PURE__ */ jsx59(
                           "span",
                           {
                             style: {
@@ -35107,7 +35762,7 @@ function SwapMode({
                             children: isApproving ? "Approving" : "Swapping"
                           }
                         ),
-                        /* @__PURE__ */ jsxs45(
+                        /* @__PURE__ */ jsxs47(
                           "div",
                           {
                             style: {
@@ -35117,7 +35772,7 @@ function SwapMode({
                               gap: spacing[1.5]
                             },
                             children: [
-                              fromToken?.iconUrl ? /* @__PURE__ */ jsx57(
+                              fromToken?.iconUrl ? /* @__PURE__ */ jsx59(
                                 "img",
                                 {
                                   src: fromToken.iconUrl,
@@ -35128,7 +35783,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx57(
+                              ) : /* @__PURE__ */ jsx59(
                                 "div",
                                 {
                                   style: {
@@ -35139,7 +35794,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ jsx57(
+                              /* @__PURE__ */ jsx59(
                                 "svg",
                                 {
                                   style: {
@@ -35153,10 +35808,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,
@@ -35167,7 +35822,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ jsx57(
+                              ) : /* @__PURE__ */ jsx59(
                                 "div",
                                 {
                                   style: {
@@ -35181,7 +35836,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs45(
+                        /* @__PURE__ */ jsxs47(
                           "span",
                           {
                             style: {
@@ -35193,7 +35848,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ jsx57(
+                              /* @__PURE__ */ jsx59(
                                 "span",
                                 {
                                   style: {
@@ -35208,7 +35863,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs45(
+                        /* @__PURE__ */ jsxs47(
                           "span",
                           {
                             style: {
@@ -35228,7 +35883,7 @@ function SwapMode({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs45(
+            /* @__PURE__ */ jsxs47(
               "div",
               {
                 style: {
@@ -35238,7 +35893,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -35247,8 +35902,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,
@@ -35257,8 +35912,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,
@@ -35277,7 +35932,7 @@ function SwapMode({
                 fromChainTxUrl
               );
               const isCopied = copiedHash === txHash;
-              return /* @__PURE__ */ jsxs45(
+              return /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35286,7 +35941,7 @@ function SwapMode({
                     gap: spacing[3]
                   },
                   children: [
-                    explorerUrl && /* @__PURE__ */ jsxs45(
+                    explorerUrl && /* @__PURE__ */ jsxs47(
                       "a",
                       {
                         href: explorerUrl,
@@ -35305,7 +35960,7 @@ function SwapMode({
                         },
                         children: [
                           "View transaction",
-                          /* @__PURE__ */ jsxs45(
+                          /* @__PURE__ */ jsxs47(
                             "svg",
                             {
                               style: { width: "0.875rem", height: "0.875rem" },
@@ -35316,16 +35971,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),
@@ -35342,11 +35997,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" },
@@ -35357,7 +36012,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "rect",
                                   {
                                     x: "9",
@@ -35368,7 +36023,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" })
                               ]
                             }
                           )
@@ -35396,10 +36051,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: {
@@ -35409,7 +36064,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "div",
                 {
                   style: {
@@ -35422,7 +36077,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ jsx57(
+                  children: /* @__PURE__ */ jsx59(
                     "svg",
                     {
                       style: {
@@ -35436,12 +36091,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: {
@@ -35455,7 +36110,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -35465,7 +36120,7 @@ function SwapMode({
               padding: spacing[5]
             },
             children: [
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35475,7 +36130,7 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "div",
                       {
                         style: {
@@ -35484,8 +36139,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,
@@ -35497,7 +36152,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ jsx57(
+                            fromChain?.chainIconURI && /* @__PURE__ */ jsx59(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -35515,11 +36170,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: {
@@ -35536,7 +36191,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35547,7 +36202,7 @@ function SwapMode({
                     marginTop: spacing[3]
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "div",
                       {
                         style: {
@@ -35556,8 +36211,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,
@@ -35569,7 +36224,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ jsx57(
+                            toChain?.chainIconURI && /* @__PURE__ */ jsx59(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -35587,11 +36242,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: {
@@ -35608,7 +36263,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "div",
                 {
                   style: {
@@ -35618,7 +36273,7 @@ function SwapMode({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -35628,28 +36283,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,
@@ -35657,7 +36312,7 @@ function SwapMode({
                         fromChainTxUrl
                       );
                       const isCopied = copiedHash === txHash;
-                      return /* @__PURE__ */ jsxs45(
+                      return /* @__PURE__ */ jsxs47(
                         "div",
                         {
                           style: {
@@ -35666,8 +36321,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: {
@@ -35676,7 +36331,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  srcUrl && /* @__PURE__ */ jsxs45(
+                                  srcUrl && /* @__PURE__ */ jsxs47(
                                     "a",
                                     {
                                       href: srcUrl,
@@ -35696,7 +36351,7 @@ function SwapMode({
                                         txHash.slice(0, 6),
                                         "\u2026",
                                         txHash.slice(-4),
-                                        /* @__PURE__ */ jsxs45(
+                                        /* @__PURE__ */ jsxs47(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -35707,16 +36362,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),
@@ -35734,7 +36389,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs45(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs47(
                                         "svg",
                                         {
                                           style: {
@@ -35748,7 +36403,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx57(
+                                            /* @__PURE__ */ jsx59(
                                               "rect",
                                               {
                                                 x: "9",
@@ -35759,7 +36414,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" })
                                           ]
                                         }
                                       )
@@ -35779,7 +36434,7 @@ function SwapMode({
                         toChainTxUrl
                       );
                       const isCopied = copiedHash === destTxHash;
-                      return /* @__PURE__ */ jsxs45(
+                      return /* @__PURE__ */ jsxs47(
                         "div",
                         {
                           style: {
@@ -35788,8 +36443,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: {
@@ -35798,7 +36453,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  destUrl && /* @__PURE__ */ jsxs45(
+                                  destUrl && /* @__PURE__ */ jsxs47(
                                     "a",
                                     {
                                       href: destUrl,
@@ -35818,7 +36473,7 @@ function SwapMode({
                                         destTxHash.slice(0, 6),
                                         "\u2026",
                                         destTxHash.slice(-4),
-                                        /* @__PURE__ */ jsxs45(
+                                        /* @__PURE__ */ jsxs47(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -35829,16 +36484,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),
@@ -35855,7 +36510,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs45(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ jsxs47(
                                         "svg",
                                         {
                                           style: {
@@ -35869,7 +36524,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ jsx57(
+                                            /* @__PURE__ */ jsx59(
                                               "rect",
                                               {
                                                 x: "9",
@@ -35880,7 +36535,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" })
                                           ]
                                         }
                                       )
@@ -35900,7 +36555,7 @@ function SwapMode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs45(
+      /* @__PURE__ */ jsxs47(
         "div",
         {
           style: {
@@ -35910,7 +36565,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ jsx57(
+            /* @__PURE__ */ jsx59(
               "button",
               {
                 onClick: handleReset,
@@ -35928,7 +36583,7 @@ function SwapMode({
                 children: "Done"
               }
             ),
-            fromToken && toToken && /* @__PURE__ */ jsxs45(
+            fromToken && toToken && /* @__PURE__ */ jsxs47(
               "button",
               {
                 onClick: handleSwapBack,
@@ -35957,7 +36612,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),
@@ -35969,7 +36624,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: {
@@ -35978,7 +36633,7 @@ function SwapMode({
           overflowY: "auto"
         },
         children: [
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs47(
             "div",
             {
               style: {
@@ -35988,7 +36643,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   "span",
                   {
                     style: {
@@ -35999,7 +36654,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -36014,7 +36669,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ jsx57(
+                    children: /* @__PURE__ */ jsx59(
                       "svg",
                       {
                         style: {
@@ -36028,7 +36683,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" })
                       }
                     )
                   }
@@ -36036,7 +36691,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs47(
             "div",
             {
               style: {
@@ -36045,8 +36700,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ jsxs45("div", { children: [
-                  /* @__PURE__ */ jsxs45(
+                /* @__PURE__ */ jsxs47("div", { children: [
+                  /* @__PURE__ */ jsxs47(
                     "p",
                     {
                       style: {
@@ -36062,7 +36717,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(
                     "p",
                     {
                       style: {
@@ -36074,7 +36729,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ jsx57(
+                fromToken?.iconUrl && /* @__PURE__ */ jsx59(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -36085,7 +36740,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "div",
             {
               style: {
@@ -36093,7 +36748,7 @@ function SwapMode({
                 justifyContent: "center",
                 margin: `${spacing[3]} 0`
               },
-              children: /* @__PURE__ */ jsx57(
+              children: /* @__PURE__ */ jsx59(
                 "svg",
                 {
                   style: {
@@ -36107,12 +36762,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: {
@@ -36121,8 +36776,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ jsxs45("div", { children: [
-                  /* @__PURE__ */ jsxs45(
+                /* @__PURE__ */ jsxs47("div", { children: [
+                  /* @__PURE__ */ jsxs47(
                     "p",
                     {
                       style: {
@@ -36138,7 +36793,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx59(
                     "p",
                     {
                       style: {
@@ -36150,7 +36805,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ jsx57(
+                toToken?.iconUrl && /* @__PURE__ */ jsx59(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -36161,7 +36816,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs47(
             "button",
             {
               onClick: () => setShowReviewDetails((v) => !v),
@@ -36180,13 +36835,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: {
@@ -36198,7 +36853,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ jsx57(
+                      /* @__PURE__ */ jsx59(
                         "svg",
                         {
                           style: {
@@ -36213,10 +36868,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",
@@ -36229,7 +36884,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ jsx57(
+                            /* @__PURE__ */ jsx59(
                               "circle",
                               {
                                 cx: "7",
@@ -36240,7 +36895,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ jsx57(
+                            /* @__PURE__ */ jsx59(
                               "circle",
                               {
                                 cx: "7",
@@ -36261,7 +36916,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -36270,7 +36925,7 @@ function SwapMode({
               ]
             }
           ),
-          showReviewDetails && /* @__PURE__ */ jsxs45(
+          showReviewDetails && /* @__PURE__ */ jsxs47(
             "div",
             {
               style: {
@@ -36281,7 +36936,7 @@ function SwapMode({
                 marginBottom: spacing[2]
               },
               children: [
-                exchangeRate !== null && /* @__PURE__ */ jsx57(
+                exchangeRate !== null && /* @__PURE__ */ jsx59(
                   ReviewDetailRow,
                   {
                     label: "Rate",
@@ -36289,7 +36944,7 @@ function SwapMode({
                     value: `1 ${fromToken?.symbol} = ${fmtAmount(1 / (exchangeRate ?? 1), 4)} ${toToken?.symbol} ($${fmtAmount(fromTokenPriceUSD, 2)})`
                   }
                 ),
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx59(
                   ReviewDetailRow,
                   {
                     label: "Fee",
@@ -36297,12 +36952,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: {
@@ -36311,14 +36966,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",
@@ -36326,12 +36981,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: {
@@ -36351,7 +37006,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -36370,12 +37025,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: {
@@ -36386,7 +37041,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -36400,7 +37055,7 @@ function SwapMode({
                   children: "Swap"
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   ref: settingsRef,
@@ -36411,7 +37066,7 @@ function SwapMode({
                     position: "relative"
                   },
                   children: [
-                    walletAddress ? /* @__PURE__ */ jsxs45(
+                    walletAddress ? /* @__PURE__ */ jsxs47(
                       "button",
                       {
                         onClick: () => void disconnectWallet(),
@@ -36429,7 +37084,7 @@ function SwapMode({
                           " \xD7"
                         ]
                       }
-                    ) : /* @__PURE__ */ jsx57(
+                    ) : /* @__PURE__ */ jsx59(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -36444,7 +37099,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -36462,7 +37117,7 @@ function SwapMode({
                           color: colors.mutedForeground,
                           padding: 0
                         },
-                        children: /* @__PURE__ */ jsxs45(
+                        children: /* @__PURE__ */ jsxs47(
                           "svg",
                           {
                             style: { width: "1rem", height: "1rem" },
@@ -36473,14 +37128,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: {
@@ -36496,7 +37151,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsx59(
                             "p",
                             {
                               style: {
@@ -36510,7 +37165,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: {
@@ -36519,8 +37174,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ jsxs45("div", { children: [
-                                  /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsxs47("div", { children: [
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36531,7 +37186,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx57(
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36543,7 +37198,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "button",
                                   {
                                     role: "switch",
@@ -36560,7 +37215,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx57(
+                                    children: /* @__PURE__ */ jsx59(
                                       "span",
                                       {
                                         style: {
@@ -36581,7 +37236,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsx59(
                             "p",
                             {
                               style: {
@@ -36595,8 +37250,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: {
@@ -36608,8 +37263,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: () => {
@@ -36634,7 +37289,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",
@@ -36665,7 +37320,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ jsx57(
+                            slippage > 5 && /* @__PURE__ */ jsx59(
                               "p",
                               {
                                 style: {
@@ -36677,7 +37332,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: {
@@ -36686,8 +37341,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ jsxs45("div", { children: [
-                                  /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsxs47("div", { children: [
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36698,7 +37353,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx57(
+                                  /* @__PURE__ */ jsx59(
                                     "p",
                                     {
                                       style: {
@@ -36710,7 +37365,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "button",
                                   {
                                     role: "switch",
@@ -36727,7 +37382,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ jsx57(
+                                    children: /* @__PURE__ */ jsx59(
                                       "span",
                                       {
                                         style: {
@@ -36748,7 +37403,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsxs45(
+                          /* @__PURE__ */ jsxs47(
                             "div",
                             {
                               style: {
@@ -36758,7 +37413,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "p",
                                   {
                                     style: {
@@ -36770,13 +37425,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),
@@ -36796,9 +37451,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: {
@@ -36814,13 +37469,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: {
@@ -36839,7 +37494,7 @@ function SwapMode({
                                           },
                                           children: SUPPORTED_CURRENCIES.map((c) => {
                                             const isSelected = selectedCurrency === c.code;
-                                            return /* @__PURE__ */ jsxs45(
+                                            return /* @__PURE__ */ jsxs47(
                                               "button",
                                               {
                                                 onClick: () => {
@@ -36862,7 +37517,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ jsx57(
+                                                  /* @__PURE__ */ jsx59(
                                                     "span",
                                                     {
                                                       style: {
@@ -36873,8 +37528,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: {
@@ -36909,7 +37564,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),
@@ -36921,7 +37576,7 @@ function SwapMode({
               padding: `${spacing[4]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -36931,7 +37586,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "span",
                       {
                         style: {
@@ -36942,7 +37597,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "div",
                       {
                         style: {
@@ -36953,7 +37608,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: () => {
@@ -37009,12 +37664,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: {
@@ -37029,7 +37684,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "input",
                       {
                         inputMode: "decimal",
@@ -37055,7 +37710,7 @@ function SwapMode({
                         }
                       }
                     ),
-                    amountInputMode === "token" && fromToken && /* @__PURE__ */ jsx57(
+                    amountInputMode === "token" && fromToken && /* @__PURE__ */ jsx59(
                       "span",
                       {
                         style: {
@@ -37070,7 +37725,7 @@ function SwapMode({
                         children: fromToken.symbol
                       }
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       TokenPillButton,
                       {
                         token: fromToken,
@@ -37082,7 +37737,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37094,7 +37749,7 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "button",
                       {
                         type: "button",
@@ -37112,8 +37767,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" },
@@ -37123,17 +37778,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)
                       ] })
@@ -37144,7 +37799,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,
@@ -37165,7 +37820,7 @@ function SwapMode({
               cursor: lockDestToken ? "default" : "pointer",
               opacity: lockDestToken ? 0.4 : 1
             },
-            children: /* @__PURE__ */ jsx57(
+            children: /* @__PURE__ */ jsx59(
               "svg",
               {
                 style: {
@@ -37177,7 +37832,7 @@ function SwapMode({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 2,
-                children: /* @__PURE__ */ jsx57(
+                children: /* @__PURE__ */ jsx59(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -37189,7 +37844,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: {
@@ -37198,7 +37853,7 @@ function SwapMode({
               padding: `${spacing[5]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -37209,7 +37864,7 @@ function SwapMode({
                   children: "Buy"
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37219,7 +37874,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       "div",
                       {
                         style: {
@@ -37232,7 +37887,7 @@ function SwapMode({
                         },
                         children: displayToAmount !== null ? (() => {
                           const s = `${isEstimate ? "~" : ""}${fmtAmount(displayToAmount, 5)}`;
-                          return /* @__PURE__ */ jsx57(
+                          return /* @__PURE__ */ jsx59(
                             "span",
                             {
                               style: {
@@ -37243,7 +37898,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ jsx57(
+                        })() : route.loading ? /* @__PURE__ */ jsx59(
                           "span",
                           {
                             style: {
@@ -37253,7 +37908,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ jsx57(
+                        ) : /* @__PURE__ */ jsx59(
                           "span",
                           {
                             style: {
@@ -37266,7 +37921,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsx59(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -37280,7 +37935,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37292,8 +37947,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: {
@@ -37314,7 +37969,7 @@ function SwapMode({
                   ]
                 }
               ),
-              needsDestAddress && toChain && /* @__PURE__ */ jsxs45(
+              needsDestAddress && toChain && /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37323,7 +37978,7 @@ function SwapMode({
                     borderTop: "1px solid hsl(var(--tw-border))"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "p",
                       {
                         style: {
@@ -37338,8 +37993,8 @@ function SwapMode({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs45("div", { style: { position: "relative" }, children: [
-                      /* @__PURE__ */ jsx57(
+                    /* @__PURE__ */ jsxs47("div", { style: { position: "relative" }, children: [
+                      /* @__PURE__ */ jsx59(
                         "input",
                         {
                           type: "text",
@@ -37362,7 +38017,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx57(
+                      /* @__PURE__ */ jsx59(
                         "button",
                         {
                           type: "button",
@@ -37388,7 +38043,7 @@ function SwapMode({
                         }
                       )
                     ] }),
-                    destAddress && !isValidDestAddress && /* @__PURE__ */ jsxs45(
+                    destAddress && !isValidDestAddress && /* @__PURE__ */ jsxs47(
                       "p",
                       {
                         style: {
@@ -37409,7 +38064,7 @@ function SwapMode({
             ]
           }
         ) }),
-        route.error && !route.loading && /* @__PURE__ */ jsx57(
+        route.error && !route.loading && /* @__PURE__ */ jsx59(
           "p",
           {
             style: {
@@ -37422,7 +38077,7 @@ function SwapMode({
             children: mapError(route.error).message
           }
         ),
-        route.loading && /* @__PURE__ */ jsxs45(
+        route.loading && /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -37434,13 +38089,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",
@@ -37455,7 +38110,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx57(
+              /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -37470,7 +38125,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,
@@ -37499,7 +38154,7 @@ function SwapMode({
             children: ctaLabel
           }
         ) }),
-        showRateRow && /* @__PURE__ */ jsxs45(
+        showRateRow && /* @__PURE__ */ jsxs47(
           "div",
           {
             style: {
@@ -37509,7 +38164,7 @@ function SwapMode({
               color: colors.mutedForeground
             },
             children: [
-              /* @__PURE__ */ jsxs45(
+              /* @__PURE__ */ jsxs47(
                 "button",
                 {
                   onClick: () => setShowRateDetails((v) => !v),
@@ -37527,7 +38182,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,
                       " = ",
@@ -37535,7 +38190,7 @@ function SwapMode({
                       " ",
                       fromToken?.symbol
                     ] }),
-                    /* @__PURE__ */ jsxs45(
+                    /* @__PURE__ */ jsxs47(
                       "span",
                       {
                         style: {
@@ -37545,15 +38200,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",
@@ -37565,7 +38220,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37576,7 +38231,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx57(
+                                /* @__PURE__ */ jsx59(
                                   "circle",
                                   {
                                     cx: "7",
@@ -37594,7 +38249,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx57(
+                          /* @__PURE__ */ jsx59(
                             "svg",
                             {
                               style: {
@@ -37609,7 +38264,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" })
                             }
                           )
                         ]
@@ -37618,7 +38273,7 @@ function SwapMode({
                   ]
                 }
               ),
-              showRateDetails && /* @__PURE__ */ jsxs45(
+              showRateDetails && /* @__PURE__ */ jsxs47(
                 "div",
                 {
                   style: {
@@ -37630,18 +38285,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: {
@@ -37650,19 +38305,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: {
@@ -37676,7 +38331,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" })
                       }
                     )
                   ]
@@ -37685,7 +38340,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ jsx57(WidgetSecurityFooter, {})
+        /* @__PURE__ */ jsx59(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -37713,8 +38368,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: {
@@ -37725,7 +38380,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "svg",
             {
               style: {
@@ -37735,10 +38390,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: {
@@ -37752,7 +38407,7 @@ function SwapActionArea({
         ]
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx59(
       "button",
       {
         onClick: onExecute,
@@ -37775,7 +38430,7 @@ function SwapActionArea({
         children: label
       }
     ),
-    needsApproval && !isSubmitting && /* @__PURE__ */ jsxs45(
+    needsApproval && !isSubmitting && /* @__PURE__ */ jsxs47(
       "p",
       {
         style: {
@@ -37807,7 +38462,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,
@@ -37830,7 +38485,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx59(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -37838,7 +38493,7 @@ function TokenPillButton({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 2,
-              children: /* @__PURE__ */ jsx57(
+              children: /* @__PURE__ */ jsx59(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -37852,7 +38507,7 @@ function TokenPillButton({
       }
     );
   }
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
@@ -37872,8 +38527,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,
@@ -37885,7 +38540,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ jsx57(
+          ) : /* @__PURE__ */ jsx59(
             "div",
             {
               style: {
@@ -37897,7 +38552,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx57(
+              children: /* @__PURE__ */ jsx59(
                 "span",
                 {
                   style: {
@@ -37910,7 +38565,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ jsx57(
+          chainIcon && /* @__PURE__ */ jsx59(
             "img",
             {
               src: chainIcon,
@@ -37928,7 +38583,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "span",
           {
             style: {
@@ -37939,7 +38594,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ jsx57(
+        !disabled && /* @__PURE__ */ jsx59(
           "svg",
           {
             style: {
@@ -37951,7 +38606,7 @@ function TokenPillButton({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ jsx57(
+            children: /* @__PURE__ */ jsx59(
               "path",
               {
                 strokeLinecap: "round",
@@ -37972,8 +38627,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,
@@ -37981,7 +38636,7 @@ function TokenIcon({
         style: { width: imgSize, height: imgSize, borderRadius: "9999px" }
       }
     ),
-    chainIcon && /* @__PURE__ */ jsx57(
+    chainIcon && /* @__PURE__ */ jsx59(
       "img",
       {
         src: chainIcon,
@@ -38005,15 +38660,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: {
@@ -38022,7 +38677,7 @@ function ReviewDetailRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs47(
           "span",
           {
             style: {
@@ -38033,14 +38688,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: {
@@ -38056,8 +38711,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" })
                       ]
                     }
                   )
@@ -38066,9 +38721,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: {
@@ -38097,7 +38752,7 @@ function ReviewDetailRow({
   );
 }
 function GasIcon({ size = "0.875rem" }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "svg",
     {
       style: { width: size, height: size, flexShrink: 0 },
@@ -38108,16 +38763,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: {
@@ -38128,13 +38783,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"
@@ -38146,7 +38801,7 @@ function SuccessReceiptRow({
   label,
   value
 }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "div",
     {
       style: {
@@ -38155,8 +38810,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 })
       ]
     }
   );
@@ -38170,7 +38825,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 },
@@ -38180,9 +38835,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 },
@@ -38192,9 +38847,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 },
@@ -38205,12 +38860,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" },
@@ -38220,10 +38875,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: {
@@ -38234,7 +38889,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "div",
           {
             style: {
@@ -38252,7 +38907,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "span",
           {
             style: {
@@ -38271,7 +38926,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       style: {
@@ -38307,8 +38962,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))
     );
@@ -38341,14 +38996,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,
@@ -38359,7 +39014,7 @@ function WidgetContent({
   const { transactionHash, transactionStatus } = useDepositTransaction();
   const { resolvedTheme, toggleTheme } = useDepositUi();
   useWalletExternalDisconnect(() => setCurrentStep("home"));
-  useEffect33(() => {
+  useEffect34(() => {
     const state = {
       currentStep,
       amount,
@@ -38379,9 +39034,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,
@@ -38402,7 +39057,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);
@@ -38414,7 +39069,7 @@ function WidgetInner({
       onClose?.();
     }
   }, [transactionStatus, onClose, resetState]);
-  useEffect33(() => {
+  useEffect34(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
   const handleConfirmClose = useCallback23(() => {
@@ -38430,16 +39085,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,
@@ -38450,7 +39105,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx60(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -38498,8 +39153,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(() => {
@@ -38531,9 +39186,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,