@rhinestone/deposit-modal 0.10.0 → 0.11.1

package/dist/{chunk-7TV7GLJB.mjs → chunk-CWGUBFJL.mjs}

@@ -1,14 +1,23 @@
 import {
   SERVICE_HEADERS
-} from "./chunk-5OEWGJR4.mjs";
+} from "./chunk-URFSTNRS.mjs";
 import {
+  CHAIN_BY_ID,
+  CHAIN_DISPLAY_ORDER,
   HYPERCORE_CHAIN_ID,
   HYPERCORE_MAINNET_CAIP2,
   HYPERCORE_SOURCE_TOKENS,
   ICON_CDN,
   NATIVE_TOKEN_ADDRESS,
+  SOLANA_MAINNET_CAIP2,
+  SOURCE_CHAINS,
   findTokenDecimals,
+  getBundledTargetTokens,
+  getChainName,
+  getExplorerTxUrl,
   getSolanaTokenByMint,
+  getSupportedChainIds,
+  getSupportedTargetTokens,
   getTokenAddress,
   getTokenDecimalsByAddress,
   getTokenSymbol,
@@ -16,8 +25,12 @@ import {
   isRegistryTokenOnChain,
   isSolanaCaip2,
   parseEvmChainId,
+  publishShortlistTokens,
+  setRuntimeChainMeta,
+  setRuntimeTokens,
+  toEvmCaip2,
   tokenIconUrl
-} from "./chunk-A223BLVC.mjs";
+} from "./chunk-53IFZGSF.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -433,140 +446,6 @@ function PoweredBy() {
 }
 PoweredBy.displayName = "PoweredBy";
 
-// src/core/useLatestRef.ts
-import { useEffect as useEffect2, useRef as useRef2 } from "react";
-function useLatestRef(value) {
-  const ref = useRef2(value);
-  useEffect2(() => {
-    ref.current = value;
-  }, [value]);
-  return ref;
-}
-
-// src/components/ui/Spinner.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function Spinner({ className }) {
-  return /* @__PURE__ */ jsxs4(
-    "svg",
-    {
-      className: `rs-spinner ${className || ""}`,
-      fill: "none",
-      viewBox: "0 0 20 21",
-      children: [
-        /* @__PURE__ */ jsx6(
-          "path",
-          {
-            d: "M10 0.5C8.02 0.5 6.08 1.08 4.44 2.18C2.79 3.28 1.51 4.84 0.76 6.67C0.00 8.50 -0.19 10.51 0.19 12.45C0.57 14.39 1.53 16.17 2.92 17.57C4.32 18.96 6.10 19.92 8.04 20.30C9.98 20.69 11.99 20.49 13.82 19.73C15.65 18.98 17.21 17.70 18.31 16.05C19.41 14.41 20 12.47 20 10.5C20 7.84 18.94 5.30 17.07 3.42C15.19 1.55 12.65 0.5 10 0.5ZM10 17.77C8.56 17.77 7.15 17.34 5.95 16.54C4.76 15.74 3.83 14.61 3.28 13.28C2.73 11.95 2.58 10.49 2.86 9.08C3.14 7.67 3.84 6.37 4.85 5.35C5.87 4.34 7.17 3.64 8.58 3.36C9.99 3.08 11.45 3.23 12.78 3.78C14.11 4.33 15.24 5.26 16.04 6.45C16.84 7.65 17.27 9.06 17.27 10.5C17.27 12.42 16.50 14.27 15.14 15.64C13.77 17.00 11.92 17.77 10 17.77Z",
-            fill: "currentColor",
-            opacity: 0.3
-          }
-        ),
-        /* @__PURE__ */ jsx6(
-          "path",
-          {
-            d: "M10 3.22C11.74 3.22 13.42 3.84 14.75 4.95C16.08 6.07 16.96 7.61 17.25 9.31C17.30 9.64 17.46 9.94 17.71 10.15C17.96 10.37 18.28 10.49 18.62 10.5C18.82 10.50 19.01 10.45 19.20 10.37C19.38 10.29 19.54 10.16 19.67 10.01C19.80 9.86 19.89 9.68 19.95 9.49C20.00 9.30 20.01 9.10 19.98 8.90C19.59 6.56 18.38 4.42 16.55 2.88C14.72 1.34 12.40 0.5 10 0.5C7.59 0.5 5.27 1.34 3.44 2.88C1.61 4.42 0.40 6.56 0.01 8.90C-0.01 9.10 -0.00 9.30 0.04 9.49C0.10 9.68 0.19 9.86 0.32 10.01C0.45 10.16 0.61 10.29 0.79 10.37C0.98 10.45 1.17 10.50 1.37 10.5C1.71 10.49 2.03 10.37 2.28 10.15C2.53 9.94 2.69 9.64 2.74 9.31C3.03 7.61 3.91 6.07 5.24 4.95C6.57 3.84 8.25 3.22 10 3.22Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/ui/Button.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function Button({
-  children,
-  variant = "accent",
-  size = "default",
-  loading = false,
-  loadingText,
-  fullWidth = false,
-  disabled,
-  className = "",
-  ...props
-}) {
-  const classes = [
-    "rs-button",
-    `rs-button--${variant}`,
-    `rs-button--size-${size}`,
-    fullWidth ? "rs-button--full-width" : "",
-    className
-  ].filter(Boolean).join(" ");
-  const showInlineLoadingText = loading && loadingText !== void 0;
-  return /* @__PURE__ */ jsx7(
-    "button",
-    {
-      className: classes,
-      disabled: disabled || loading,
-      "aria-busy": loading || void 0,
-      ...props,
-      children: showInlineLoadingText ? /* @__PURE__ */ jsxs5("span", { className: "rs-button__loading-row", children: [
-        /* @__PURE__ */ jsx7(Spinner, { className: "rs-spinner--sm" }),
-        /* @__PURE__ */ jsx7("span", { children: loadingText })
-      ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx7("span", { className: loading ? "rs-button__content--hidden" : "", children }),
-        loading && /* @__PURE__ */ jsx7("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx7(Spinner, { className: "rs-spinner--sm" }) })
-      ] })
-    }
-  );
-}
-Button.displayName = "Button";
-
-// src/components/ui/Callout.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-function CircleAlertIcon() {
-  return /* @__PURE__ */ jsx8(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx8(
-        "path",
-        {
-          d: "M10 5.99L6 9.99M6 5.99L10 9.99M14.66 7.99C14.66 11.68 11.68 14.66 8 14.66C4.31 14.66 1.33 11.68 1.33 7.99C1.33 4.31 4.31 1.33 8 1.33C11.68 1.33 14.66 4.31 14.66 7.99Z",
-          stroke: "currentColor",
-          strokeWidth: "1.33",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-}
-function Callout({ variant = "error", children, role }) {
-  return /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      className: `rs-callout rs-callout--${variant}`,
-      role: role ?? (variant === "error" ? "alert" : "status"),
-      children: [
-        /* @__PURE__ */ jsx8("span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ jsx8(CircleAlertIcon, {}) : /* @__PURE__ */ jsx8(AlertTriangleIcon, {}) }),
-        /* @__PURE__ */ jsx8("span", { className: "rs-callout-text", children })
-      ]
-    }
-  );
-}
-Callout.displayName = "Callout";
-
-// src/components/ui/TokenIcon.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function TokenIcon({ symbol, className, fallback }) {
-  return /* @__PURE__ */ jsx9(
-    CdnIcon,
-    {
-      src: tokenIconUrl(symbol),
-      className: `rs-token-icon ${className ?? ""}`.trimEnd(),
-      fallback
-    }
-  );
-}
-TokenIcon.displayName = "TokenIcon";
-
 // src/core/deposit-service.ts
 import { getAddress } from "viem";
 
@@ -623,6 +502,101 @@ function debugError(enabled, scope, message, error, data) {
   console.error(`[deposit-modal:${scope}] ${message}`, payload);
 }
 
+// src/core/chain-catalog.ts
+function parseToken(value) {
+  if (typeof value !== "object" || value === null) return null;
+  const { symbol, address, decimals } = value;
+  if (typeof symbol !== "string" || typeof address !== "string" || typeof decimals !== "number") {
+    return null;
+  }
+  return { symbol, address, decimals };
+}
+function parseExplorer(value) {
+  if (typeof value !== "object" || value === null) return null;
+  const { url, addressPath, txPath } = value;
+  if (typeof url !== "string" || typeof addressPath !== "string" || typeof txPath !== "string") {
+    return null;
+  }
+  return { url, addressPath, txPath };
+}
+function parseVmType(value) {
+  return value === "evm" || value === "svm" || value === "tvm" ? value : null;
+}
+function parseOptionalString(value) {
+  return typeof value === "string" && value.trim() !== "" ? value.trim() : null;
+}
+function parseChain(caip2, value) {
+  if (typeof value !== "object" || value === null) return null;
+  const raw = value;
+  const { name, testnet, deposit, destination, refund } = raw;
+  if (typeof name !== "string" || typeof testnet !== "boolean" || typeof deposit !== "boolean" || typeof destination !== "boolean" || typeof refund !== "boolean") {
+    return null;
+  }
+  const vmType = parseVmType(raw.vmType);
+  const nativeToken = parseToken(raw.nativeToken);
+  if (!vmType || !nativeToken) return null;
+  let supportedTokens;
+  if (raw.supportedTokens === "all") {
+    supportedTokens = "all";
+  } else if (Array.isArray(raw.supportedTokens)) {
+    const tokens = [];
+    for (const entry of raw.supportedTokens) {
+      const token = parseToken(entry);
+      if (!token) return null;
+      tokens.push(token);
+    }
+    supportedTokens = tokens;
+  } else {
+    return null;
+  }
+  return {
+    caip2,
+    // `parseEvmChainId` returns null for `solana:`/`tron:`/`hypercore:` keys,
+    // which is the intended answer — those chains have no numeric id, and the
+    // modal addresses them by their CAIP-2 string or a sentinel.
+    chainId: parseEvmChainId(caip2),
+    name,
+    testnet,
+    deposit,
+    destination,
+    refund,
+    vmType,
+    nativeToken,
+    explorer: parseExplorer(raw.explorer),
+    supportedTokens,
+    publicRpcUrl: parseOptionalString(raw.publicRpcUrl),
+    iconUrl: parseOptionalString(raw.iconUrl)
+  };
+}
+function parseChainCatalog(body) {
+  if (typeof body !== "object" || body === null || Array.isArray(body)) {
+    return null;
+  }
+  const all = [];
+  const byCaip2 = /* @__PURE__ */ new Map();
+  const byChainId = /* @__PURE__ */ new Map();
+  for (const [caip2, value] of Object.entries(body)) {
+    const chain = parseChain(caip2, value);
+    if (!chain) continue;
+    all.push(chain);
+    byCaip2.set(chain.caip2, chain);
+    if (chain.chainId !== null) byChainId.set(chain.chainId, chain);
+  }
+  if (all.length === 0) return null;
+  return { all, byCaip2, byChainId };
+}
+function catalogKeyForChain(chainId) {
+  if (chainId === "solana") return SOLANA_MAINNET_CAIP2;
+  if (chainId === "hypercore" || chainId === HYPERCORE_CHAIN_ID) {
+    return HYPERCORE_MAINNET_CAIP2;
+  }
+  return chainId;
+}
+function catalogExplorerTxUrl(chain, txHash) {
+  if (!chain?.explorer) return void 0;
+  return `${chain.explorer.url}${chain.explorer.txPath}${txHash}`;
+}
+
 // src/core/deposit-asset-helpers.ts
 function getAssetId(asset) {
   return `${asset.chainId}:${asset.token.toLowerCase()}`;
@@ -869,6 +843,11 @@ var SwappedConnectFeeChangedError = class extends Error {
 function parseExchangeFeeBps(value) {
   return typeof value === "number" && Number.isInteger(value) && value >= 0 && value <= 1e4 ? value : void 0;
 }
+var UNSUPPORTED_CONNECT_EXCHANGES = /* @__PURE__ */ new Set(["kraken", "htx"]);
+var SUPPORTED_CONNECT_EXCHANGE_COUNT = 7;
+function isSupportedConnectExchange(exchange) {
+  return !UNSUPPORTED_CONNECT_EXCHANGES.has(exchange.connection.toLowerCase());
+}
 function resolveAppFeeBps(appFees, sourceChainCaip2, sourceToken) {
   const override = appFees?.tokens?.[sourceChainCaip2]?.[sourceToken.toLowerCase()];
   const bps = override ?? appFees?.feeBps ?? 0;
@@ -889,6 +868,7 @@ function createDepositService(baseUrl, options) {
   const PORTFOLIO_CACHE_TTL_MS = 3e4;
   const portfolioCache = /* @__PURE__ */ new Map();
   let topTokensPromise = null;
+  let chainsPromise = null;
   function parseTopTokens(value) {
     if (typeof value !== "object" || value === null || Array.isArray(value)) {
       return null;
@@ -936,6 +916,32 @@ function createDepositService(baseUrl, options) {
       return null;
     }
   }
+  async function requestChains() {
+    try {
+      const response = await fetch(apiUrl("/chains"), {
+        method: "GET",
+        headers: SERVICE_HEADERS
+      });
+      if (!response.ok) {
+        debugLog(debug, scope, "getChains:unavailable", {
+          status: response.status
+        });
+        return null;
+      }
+      const catalog = parseChainCatalog(await response.json());
+      if (!catalog) {
+        debugLog(debug, scope, "getChains:malformed");
+        return null;
+      }
+      debugLog(debug, scope, "getChains:success", {
+        chains: catalog.all.length
+      });
+      return catalog;
+    } catch (error) {
+      debugError(debug, scope, "getChains:error", error);
+      return null;
+    }
+  }
   function cachedPortfolio(key, fetcher, forceRefresh = false) {
     const now = Date.now();
     const entry = portfolioCache.get(key);
@@ -1326,7 +1332,7 @@ function createDepositService(baseUrl, options) {
       return { deposits, nextCursor };
     },
     async checkLiquidity(params) {
-      if (params.destinationChainId === "solana") {
+      if (isSolanaCaip2(params.destinationChainId) || params.destinationChainId === "solana") {
         const token = getSolanaTokenByMint(params.destinationToken);
         return {
           hasLiquidity: true,
@@ -1337,9 +1343,9 @@ function createDepositService(baseUrl, options) {
         };
       }
       const searchParams = new URLSearchParams({
-        sourceChainId: String(params.sourceChainId),
+        sourceChainId: toEvmCaip2(params.sourceChainId),
         sourceToken: params.sourceToken,
-        destinationChainId: String(params.destinationChainId),
+        destinationChainId: params.destinationChainId,
         destinationToken: params.destinationToken,
         amount: params.amount
       });
@@ -1593,7 +1599,7 @@ function createDepositService(baseUrl, options) {
         throw new Error("Swapped Connect exchanges: malformed response");
       }
       return {
-        exchanges,
+        exchanges: exchanges.filter(isSupportedConnectExchange),
         fetchedAt: body.fetchedAt,
         expiresAt: body.expiresAt,
         stale: body.stale === true ? true : void 0,
@@ -1682,6 +1688,16 @@ function createDepositService(baseUrl, options) {
       }
       return topTokensPromise;
     },
+    getChains() {
+      if (!chainsPromise) {
+        const attempt = requestChains().then((catalog) => {
+          if (!catalog && chainsPromise === attempt) chainsPromise = null;
+          return catalog;
+        });
+        chainsPromise = attempt;
+      }
+      return chainsPromise;
+    },
     async getSetup() {
       const url = apiUrl("/setup");
       try {
@@ -1866,6 +1882,558 @@ function extractNumericString(data, key) {
   return Number.isFinite(parsed) ? parsed : null;
 }
 
+// src/core/rpc.ts
+import { createContext, useContext, useMemo } from "react";
+function rpcUrlFor(rpcUrls, chain) {
+  const url = rpcUrls?.[chain]?.trim();
+  return url ? url : void 0;
+}
+var RpcUrlsContext = createContext(void 0);
+var RpcUrlsProvider = RpcUrlsContext.Provider;
+function useRpcUrls() {
+  return useContext(RpcUrlsContext);
+}
+function rpcUrlsKey(rpcUrls) {
+  if (!rpcUrls) return "";
+  return Object.entries(rpcUrls).map(([chain, url]) => [chain, url?.trim() ?? ""]).filter(([, url]) => url !== "").map(([chain, url]) => `${chain}=${url}`).sort().join("|");
+}
+function useStableRpcUrls(rpcUrls) {
+  const key = rpcUrlsKey(rpcUrls);
+  return useMemo(() => rpcUrls, [key]);
+}
+
+// src/core/chain-catalog-context.tsx
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  useEffect as useEffect2,
+  useMemo as useMemo2,
+  useState as useState2
+} from "react";
+
+// src/core/public-client.ts
+import { createPublicClient, http } from "viem";
+var clientCache = /* @__PURE__ */ new Map();
+var runtimeChainById = /* @__PURE__ */ new Map();
+function setRuntimeChains(chains) {
+  for (const chain of chains) {
+    const known = runtimeChainById.get(chain.id);
+    if (known === chain) continue;
+    runtimeChainById.set(chain.id, chain);
+    for (const key of clientCache.keys()) {
+      if (key.startsWith(`${chain.id}|`)) clientCache.delete(key);
+    }
+  }
+}
+function getPublicClient(chainId, rpcUrls) {
+  const url = rpcUrlFor(rpcUrls, chainId);
+  const cacheKey = `${chainId}|${url ?? ""}`;
+  let client = clientCache.get(cacheKey);
+  if (!client) {
+    const chain = CHAIN_BY_ID[chainId] ?? runtimeChainById.get(chainId);
+    client = createPublicClient({
+      chain,
+      transport: http(url)
+    });
+    clientCache.set(cacheKey, client);
+  }
+  return client;
+}
+
+// src/core/chain-objects.ts
+import { defineChain } from "viem";
+var viemChainsById = null;
+var viemChainsPromise = null;
+async function loadViemChains() {
+  if (viemChainsById) return viemChainsById;
+  if (!viemChainsPromise) {
+    viemChainsPromise = import("viem/chains").then((module) => {
+      const map = /* @__PURE__ */ new Map();
+      for (const value of Object.values(module)) {
+        if (value && typeof value === "object" && typeof value.id === "number" && value.rpcUrls?.default?.http?.length) {
+          const chain = value;
+          const existing = map.get(chain.id);
+          if (existing) existing.push(chain);
+          else map.set(chain.id, [chain]);
+        }
+      }
+      viemChainsById = map;
+      return map;
+    });
+  }
+  return viemChainsPromise;
+}
+function pickViemChain(candidates, chain) {
+  if (!candidates?.length) return void 0;
+  if (candidates.length === 1) return candidates[0];
+  const sameNetworkClass = candidates.filter(
+    (candidate) => Boolean(candidate.testnet) === chain.testnet
+  );
+  if (sameNetworkClass.length === 1) return sameNetworkClass[0];
+  const pool = sameNetworkClass.length > 0 ? sameNetworkClass : candidates;
+  const normalized = chain.name.toLowerCase().replace(/\s+/g, "");
+  const byName = pool.find(
+    (candidate) => candidate.name.toLowerCase().replace(/\s+/g, "") === normalized
+  );
+  if (byName) return byName;
+  return void 0;
+}
+function resolveRpcUrls(chain, override, viemChains) {
+  const urls = [];
+  if (override?.trim()) urls.push(override.trim());
+  if (chain.publicRpcUrl) urls.push(chain.publicRpcUrl);
+  if (chain.chainId !== null && chain.vmType === "evm") {
+    const http2 = pickViemChain(viemChains?.get(chain.chainId), chain)?.rpcUrls?.default?.http;
+    if (http2) urls.push(...http2);
+  }
+  return [...new Set(urls)];
+}
+function toViemChain(chain, override, viemChains) {
+  if (chain.vmType !== "evm" || chain.chainId === null) return null;
+  const rpcUrls = resolveRpcUrls(chain, override, viemChains);
+  if (rpcUrls.length === 0) return null;
+  const bundled = pickViemChain(viemChains?.get(chain.chainId), chain);
+  if (bundled) {
+    if (rpcUrls[0] === bundled.rpcUrls.default.http[0]) return bundled;
+    return defineChain({
+      ...bundled,
+      rpcUrls: { ...bundled.rpcUrls, default: { http: rpcUrls } }
+    });
+  }
+  return defineChain({
+    id: chain.chainId,
+    name: chain.name,
+    nativeCurrency: {
+      name: chain.nativeToken.symbol,
+      symbol: chain.nativeToken.symbol,
+      decimals: chain.nativeToken.decimals
+    },
+    rpcUrls: { default: { http: rpcUrls } },
+    blockExplorers: chain.explorer ? {
+      default: {
+        name: "Explorer",
+        url: chain.explorer.url
+      }
+    } : void 0,
+    testnet: chain.testnet
+  });
+}
+function toViemChains(catalog, overrides, viemChains) {
+  const chains = [];
+  for (const entry of catalog.all) {
+    const chain = toViemChain(
+      entry,
+      entry.chainId === null ? void 0 : overrides?.[entry.chainId],
+      viemChains
+    );
+    if (chain) chains.push(chain);
+  }
+  return chains;
+}
+function needsViemChains(catalog, overrides) {
+  return catalog.all.some(
+    (chain) => chain.vmType === "evm" && chain.chainId !== null && !chain.publicRpcUrl && !overrides?.[chain.chainId]?.trim()
+  );
+}
+
+// src/core/chain-catalog-context.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var EMPTY = {
+  catalog: null,
+  viemChains: null,
+  isLoading: true,
+  shortlist: null,
+  clientCapableChainIds: null
+};
+var ChainCatalogContext = createContext2(EMPTY);
+var resolvedChainsByKey = /* @__PURE__ */ new Map();
+function overridesKey(overrides) {
+  return Object.entries(overrides ?? {}).map(([id, override]) => `${id}=${override ?? ""}`).sort().join("|");
+}
+function runtimeChainsKey(backendUrl, overrides) {
+  return [backendUrl.replace(/\/$/, ""), overridesKey(overrides)].join("#");
+}
+var catalogByBackend = /* @__PURE__ */ new Map();
+function primeChainCatalog(backendUrl, debug = false) {
+  const key = backendUrl.replace(/\/$/, "");
+  let promise = catalogByBackend.get(key);
+  if (!promise) {
+    promise = createDepositService(key, {
+      debug,
+      debugScope: "service:chains"
+    }).getChains();
+    catalogByBackend.set(key, promise);
+    promise.then((catalog) => {
+      if (!catalog) catalogByBackend.delete(key);
+    });
+  }
+  return promise;
+}
+function peekRuntimeChains(backendUrl, overrides) {
+  return resolvedChainsByKey.get(runtimeChainsKey(backendUrl, overrides)) ?? null;
+}
+function publishCatalogTokens(catalog) {
+  setRuntimeTokens(
+    catalog.all.flatMap(
+      (chain) => chain.chainId === null || !Array.isArray(chain.supportedTokens) ? [] : chain.supportedTokens.map((token) => ({
+        chainId: chain.chainId,
+        symbol: token.symbol,
+        address: token.address,
+        decimals: token.decimals
+      }))
+    )
+  );
+}
+function publishRuntimeChainMeta(catalog) {
+  setRuntimeChainMeta(
+    catalog.all.flatMap((chain) => {
+      const ids = [];
+      if (chain.chainId !== null) ids.push(chain.chainId);
+      if (chain.caip2 === HYPERCORE_MAINNET_CAIP2) ids.push(HYPERCORE_CHAIN_ID);
+      return ids.map((chainId) => ({
+        chainId,
+        name: chain.name,
+        iconUrl: chain.iconUrl ?? void 0,
+        nativeSymbol: chain.nativeToken.symbol
+      }));
+    })
+  );
+}
+var runtimeChainsByBackend = /* @__PURE__ */ new Map();
+function primeRuntimeChains(backendUrl, overrides, debug = false) {
+  const url = backendUrl.replace(/\/$/, "");
+  const key = runtimeChainsKey(url, overrides);
+  let promise = runtimeChainsByBackend.get(key);
+  if (!promise) {
+    promise = primeChainCatalog(url, debug).then(async (catalog) => {
+      if (!catalog) return [];
+      publishRuntimeChainMeta(catalog);
+      publishCatalogTokens(catalog);
+      const viemChains = needsViemChains(catalog, overrides) ? await loadViemChains() : null;
+      const chains = toViemChains(catalog, overrides, viemChains);
+      if (chains.length > 0) {
+        setRuntimeChains(chains);
+        resolvedChainsByKey.set(key, chains);
+      }
+      return chains;
+    }).catch(() => []);
+    runtimeChainsByBackend.set(key, promise);
+    promise.then((chains) => {
+      if (chains.length === 0) runtimeChainsByBackend.delete(key);
+    });
+  }
+  return promise;
+}
+function useChainCatalog() {
+  return useContext2(ChainCatalogContext);
+}
+function useCatalogChain(chainId) {
+  const { catalog } = useChainCatalog();
+  if (!catalog || chainId == null) return void 0;
+  return typeof chainId === "number" ? catalog.byChainId.get(chainId) : catalog.byCaip2.get(chainId);
+}
+function useDepositChainIds() {
+  const { catalog } = useChainCatalog();
+  return useMemo2(() => {
+    if (!catalog) return getSupportedChainIds();
+    const ids = catalog.all.filter(
+      (c) => c.deposit && c.vmType === "evm" && c.chainId !== null && // `/chains` enumerates testnets; the bundled list never did, and a
+      // production picker offering Sepolia next to Ethereum is a way to
+      // lose funds. Reading the set at runtime must not quietly widen it
+      // to a different KIND of chain.
+      !c.testnet
+    ).map((c) => c.chainId);
+    const rank = (id) => {
+      const i = CHAIN_DISPLAY_ORDER.indexOf(id);
+      return i === -1 ? CHAIN_DISPLAY_ORDER.length : i;
+    };
+    return ids.map((id, i) => ({ id, i })).sort((a, b) => rank(a.id) - rank(b.id) || a.i - b.i).map(({ id }) => id);
+  }, [catalog]);
+}
+function useDestinationChains() {
+  const { catalog } = useChainCatalog();
+  return useMemo2(() => {
+    if (!catalog) {
+      return SOURCE_CHAINS.filter(
+        (chain) => getSupportedTargetTokens(chain.id).length > 0
+      ).map((chain) => ({ id: chain.id, name: chain.name }));
+    }
+    const rank = (id) => {
+      const i = CHAIN_DISPLAY_ORDER.indexOf(id);
+      return i === -1 ? CHAIN_DISPLAY_ORDER.length : i;
+    };
+    return catalog.all.filter(
+      (c) => c.destination && c.vmType === "evm" && c.chainId !== null && !c.testnet
+    ).map((c, i) => ({ id: c.chainId, name: c.name, i })).sort((a, b) => rank(a.id) - rank(b.id) || a.i - b.i).map(({ id, name }) => ({ id, name }));
+  }, [catalog]);
+}
+function useTargetTokens() {
+  const { catalog, shortlist } = useChainCatalog();
+  return useMemo2(() => {
+    return (chainId) => {
+      const bundled = getBundledTargetTokens(chainId);
+      if (bundled.length > 0) return bundled;
+      const fromShortlist = shortlist?.[String(chainId)];
+      if (fromShortlist?.length) {
+        return fromShortlist.map((token) => ({
+          symbol: token.symbol,
+          address: token.address,
+          decimals: token.decimals
+        }));
+      }
+      const entry = catalog?.byChainId.get(chainId);
+      return Array.isArray(entry?.supportedTokens) ? entry.supportedTokens.map((token) => ({
+        symbol: token.symbol,
+        address: token.address,
+        decimals: token.decimals
+      })) : [];
+    };
+  }, [catalog, shortlist]);
+}
+function useIsDepositChain() {
+  const ids = useDepositChainIds();
+  const { clientCapableChainIds } = useChainCatalog();
+  return useMemo2(() => {
+    const set = new Set(ids);
+    return (chainId) => set.has(chainId) && (clientCapableChainIds === null || clientCapableChainIds.has(chainId));
+  }, [ids, clientCapableChainIds]);
+}
+function useChainName() {
+  const { catalog } = useChainCatalog();
+  return useMemo2(() => {
+    return (chainId) => {
+      if (!catalog) return getChainName(chainId);
+      const key = catalogKeyForChain(chainId);
+      const entry = typeof key === "number" ? catalog.byChainId.get(key) : catalog.byCaip2.get(key);
+      return entry?.name ?? getChainName(chainId);
+    };
+  }, [catalog]);
+}
+function useExplorerTxUrl() {
+  const { catalog } = useChainCatalog();
+  return useMemo2(() => {
+    return (chainId, txHash) => {
+      if (chainId === "hypercore") return getExplorerTxUrl(chainId, txHash);
+      const key = catalog ? catalogKeyForChain(chainId) : void 0;
+      const entry = key === void 0 ? void 0 : typeof key === "number" ? catalog?.byChainId.get(key) : catalog?.byCaip2.get(key);
+      return catalogExplorerTxUrl(entry, txHash) ?? getExplorerTxUrl(chainId, txHash);
+    };
+  }, [catalog]);
+}
+function ChainCatalogProvider({
+  service,
+  rpcUrls,
+  children
+}) {
+  const [catalog, setCatalog] = useState2(null);
+  const [viemChains, setViemChains] = useState2(null);
+  const [isLoading, setIsLoading] = useState2(true);
+  useEffect2(() => {
+    let active = true;
+    setIsLoading(true);
+    service.getChains().then((next) => {
+      if (!active) return;
+      setCatalog(next);
+      setIsLoading(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [service]);
+  const overrides = useMemo2(() => {
+    if (!rpcUrls) return void 0;
+    const out = {};
+    for (const [key, url] of Object.entries(rpcUrls)) {
+      const id = Number(key);
+      if (Number.isFinite(id) && typeof url === "string") out[id] = url;
+    }
+    return out;
+  }, [rpcUrls]);
+  const overrideKey = overridesKey(overrides);
+  useEffect2(() => {
+    if (!catalog || viemChains) return;
+    if (!needsViemChains(catalog, overrides)) return;
+    let active = true;
+    loadViemChains().then((chains) => {
+      if (active) setViemChains(chains);
+    });
+    return () => {
+      active = false;
+    };
+  }, [catalog, viemChains, overrideKey]);
+  useEffect2(() => {
+    if (!catalog) return;
+    publishRuntimeChainMeta(catalog);
+    publishCatalogTokens(catalog);
+    const chains = toViemChains(catalog, overrides, viemChains);
+    if (chains.length > 0) setRuntimeChains(chains);
+  }, [catalog, viemChains, overrides]);
+  const [shortlist, setShortlist] = useState2(null);
+  useEffect2(() => {
+    let active = true;
+    setShortlist(null);
+    service.getTopTokens().then((tokens) => {
+      if (!active || !tokens) return;
+      publishShortlistTokens(tokens);
+      setShortlist(tokens);
+    });
+    return () => {
+      active = false;
+    };
+  }, [service]);
+  const clientCapableChainIds = useMemo2(() => {
+    if (!catalog) return null;
+    return new Set(
+      toViemChains(catalog, overrides, viemChains).map((c) => c.id)
+    );
+  }, [catalog, viemChains, overrideKey]);
+  const value = useMemo2(
+    () => ({
+      catalog,
+      viemChains,
+      isLoading,
+      shortlist,
+      clientCapableChainIds
+    }),
+    [catalog, viemChains, isLoading, shortlist, clientCapableChainIds]
+  );
+  return /* @__PURE__ */ jsx6(ChainCatalogContext.Provider, { value, children });
+}
+
+// src/core/useLatestRef.ts
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
+function useLatestRef(value) {
+  const ref = useRef2(value);
+  useEffect3(() => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+
+// src/components/ui/Spinner.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function Spinner({ className }) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      className: `rs-spinner ${className || ""}`,
+      fill: "none",
+      viewBox: "0 0 20 21",
+      children: [
+        /* @__PURE__ */ jsx7(
+          "path",
+          {
+            d: "M10 0.5C8.02 0.5 6.08 1.08 4.44 2.18C2.79 3.28 1.51 4.84 0.76 6.67C0.00 8.50 -0.19 10.51 0.19 12.45C0.57 14.39 1.53 16.17 2.92 17.57C4.32 18.96 6.10 19.92 8.04 20.30C9.98 20.69 11.99 20.49 13.82 19.73C15.65 18.98 17.21 17.70 18.31 16.05C19.41 14.41 20 12.47 20 10.5C20 7.84 18.94 5.30 17.07 3.42C15.19 1.55 12.65 0.5 10 0.5ZM10 17.77C8.56 17.77 7.15 17.34 5.95 16.54C4.76 15.74 3.83 14.61 3.28 13.28C2.73 11.95 2.58 10.49 2.86 9.08C3.14 7.67 3.84 6.37 4.85 5.35C5.87 4.34 7.17 3.64 8.58 3.36C9.99 3.08 11.45 3.23 12.78 3.78C14.11 4.33 15.24 5.26 16.04 6.45C16.84 7.65 17.27 9.06 17.27 10.5C17.27 12.42 16.50 14.27 15.14 15.64C13.77 17.00 11.92 17.77 10 17.77Z",
+            fill: "currentColor",
+            opacity: 0.3
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "path",
+          {
+            d: "M10 3.22C11.74 3.22 13.42 3.84 14.75 4.95C16.08 6.07 16.96 7.61 17.25 9.31C17.30 9.64 17.46 9.94 17.71 10.15C17.96 10.37 18.28 10.49 18.62 10.5C18.82 10.50 19.01 10.45 19.20 10.37C19.38 10.29 19.54 10.16 19.67 10.01C19.80 9.86 19.89 9.68 19.95 9.49C20.00 9.30 20.01 9.10 19.98 8.90C19.59 6.56 18.38 4.42 16.55 2.88C14.72 1.34 12.40 0.5 10 0.5C7.59 0.5 5.27 1.34 3.44 2.88C1.61 4.42 0.40 6.56 0.01 8.90C-0.01 9.10 -0.00 9.30 0.04 9.49C0.10 9.68 0.19 9.86 0.32 10.01C0.45 10.16 0.61 10.29 0.79 10.37C0.98 10.45 1.17 10.50 1.37 10.5C1.71 10.49 2.03 10.37 2.28 10.15C2.53 9.94 2.69 9.64 2.74 9.31C3.03 7.61 3.91 6.07 5.24 4.95C6.57 3.84 8.25 3.22 10 3.22Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/Button.tsx
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function Button({
+  children,
+  variant = "accent",
+  size = "default",
+  loading = false,
+  loadingText,
+  fullWidth = false,
+  disabled,
+  className = "",
+  ...props
+}) {
+  const classes = [
+    "rs-button",
+    `rs-button--${variant}`,
+    `rs-button--size-${size}`,
+    fullWidth ? "rs-button--full-width" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const showInlineLoadingText = loading && loadingText !== void 0;
+  return /* @__PURE__ */ jsx8(
+    "button",
+    {
+      className: classes,
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      ...props,
+      children: showInlineLoadingText ? /* @__PURE__ */ jsxs5("span", { className: "rs-button__loading-row", children: [
+        /* @__PURE__ */ jsx8(Spinner, { className: "rs-spinner--sm" }),
+        /* @__PURE__ */ jsx8("span", { children: loadingText })
+      ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+        /* @__PURE__ */ jsx8("span", { className: loading ? "rs-button__content--hidden" : "", children }),
+        loading && /* @__PURE__ */ jsx8("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx8(Spinner, { className: "rs-spinner--sm" }) })
+      ] })
+    }
+  );
+}
+Button.displayName = "Button";
+
+// src/components/ui/Callout.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function CircleAlertIcon() {
+  return /* @__PURE__ */ jsx9(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx9(
+        "path",
+        {
+          d: "M10 5.99L6 9.99M6 5.99L10 9.99M14.66 7.99C14.66 11.68 11.68 14.66 8 14.66C4.31 14.66 1.33 11.68 1.33 7.99C1.33 4.31 4.31 1.33 8 1.33C11.68 1.33 14.66 4.31 14.66 7.99Z",
+          stroke: "currentColor",
+          strokeWidth: "1.33",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function Callout({ variant = "error", children, role }) {
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: `rs-callout rs-callout--${variant}`,
+      role: role ?? (variant === "error" ? "alert" : "status"),
+      children: [
+        /* @__PURE__ */ jsx9("span", { className: "rs-callout-icon", children: variant === "error" ? /* @__PURE__ */ jsx9(CircleAlertIcon, {}) : /* @__PURE__ */ jsx9(AlertTriangleIcon, {}) }),
+        /* @__PURE__ */ jsx9("span", { className: "rs-callout-text", children })
+      ]
+    }
+  );
+}
+Callout.displayName = "Callout";
+
+// src/components/ui/TokenIcon.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function TokenIcon({ symbol, className, fallback }) {
+  return /* @__PURE__ */ jsx10(
+    CdnIcon,
+    {
+      src: tokenIconUrl(symbol),
+      className: `rs-token-icon ${className ?? ""}`.trimEnd(),
+      fallback
+    }
+  );
+}
+TokenIcon.displayName = "TokenIcon";
+
 // src/core/formatters.ts
 var currencyFormatter = new Intl.NumberFormat("en-US", {
   style: "currency",
@@ -1882,6 +2450,22 @@ function isUnsupportedChainSwitchError(error) {
   const message = (error instanceof Error ? error.message : String(error)).toLowerCase();
   return name === "SwitchChainNotSupportedError" || message.includes("does not support programmatic chain switching") || message.includes("switch chain not supported") || message.includes("method not found") || message.includes("does not exist") || message.includes("is not available");
 }
+var OPAQUE_REVERT_REASONS = [
+  "unexpected error",
+  "internal error",
+  "unknown error",
+  "internal json-rpc error"
+];
+var DETAIL_SECTION_HEADINGS = [
+  "Request Arguments:",
+  "Raw Call Arguments:",
+  "Request body:",
+  "Contract Call:",
+  "Docs:",
+  "Details:",
+  "Version:",
+  "URL:"
+];
 function formatUserError(raw) {
   const lower = raw.toLowerCase();
   if (lower.includes("user rejected") || lower.includes("user denied")) {
@@ -1893,6 +2477,22 @@ function formatUserError(raw) {
   if (lower.includes("nonce too low") || lower.includes("nonce too high")) {
     return "Transaction conflict \u2014 please try again";
   }
+  const revertMarker = "reverted with the following reason:";
+  const revertIdx = lower.indexOf(revertMarker);
+  const revertReason = revertIdx === -1 ? null : raw.slice(revertIdx + revertMarker.length).split(/\n[^\S\n]*\n/)[0].split("\n").map((line) => line.trim()).find(
+    (line) => line.length > 0 && !DETAIL_SECTION_HEADINGS.some(
+      (heading) => line.startsWith(heading)
+    )
+  ) ?? "";
+  if (revertReason !== null) {
+    const reasonLower = revertReason.toLowerCase();
+    if (reasonLower.includes("execution reverted")) {
+      return "Transaction would fail on-chain";
+    }
+    if (revertReason === "" || revertReason === "0x" || OPAQUE_REVERT_REASONS.some((opaque) => reasonLower.includes(opaque))) {
+      return "Your wallet couldn't send the transaction \u2014 please try again";
+    }
+  }
   if (lower.includes("execution reverted")) {
     return "Transaction would fail on-chain";
   }
@@ -1911,7 +2511,7 @@ function formatUserError(raw) {
   if (lower.includes("rate limit") || lower.includes("429")) {
     return "Rate limited \u2014 please try again shortly";
   }
-  let cleaned = raw;
+  let cleaned = revertReason || raw;
   const stripMarkers = [
     "\n\nRequest Arguments:",
     "\nRaw Call Arguments:",
@@ -2076,26 +2676,6 @@ function formatReceiveEstimate(params) {
   return sameSymbol ? `${formatted} ${params.targetSymbol}` : `~${formatted} ${params.targetSymbol}`;
 }
 
-// src/core/rpc.ts
-import { createContext, useContext, useMemo } from "react";
-function rpcUrlFor(rpcUrls, chain) {
-  const url = rpcUrls?.[chain]?.trim();
-  return url ? url : void 0;
-}
-var RpcUrlsContext = createContext(void 0);
-var RpcUrlsProvider = RpcUrlsContext.Provider;
-function useRpcUrls() {
-  return useContext(RpcUrlsContext);
-}
-function rpcUrlsKey(rpcUrls) {
-  if (!rpcUrls) return "";
-  return Object.entries(rpcUrls).map(([chain, url]) => [chain, url?.trim() ?? ""]).filter(([, url]) => url !== "").map(([chain, url]) => `${chain}=${url}`).sort().join("|");
-}
-function useStableRpcUrls(rpcUrls) {
-  const key = rpcUrlsKey(rpcUrls);
-  return useMemo(() => rpcUrls, [key]);
-}
-
 // src/core/theme.ts
 var RADIUS_SCALE = {
   none: { sm: "0", md: "0", lg: "0" },
@@ -2296,10 +2876,7 @@ export {
   CdnIcon,
   PoweredBy,
   Spinner,
-  useLatestRef,
-  Button,
-  Callout,
-  TokenIcon,
+  catalogKeyForChain,
   debugLog,
   debugError,
   getAssetId,
@@ -2310,8 +2887,29 @@ export {
   quoteFeeRow,
   quoteFeeGroups,
   SwappedConnectFeeChangedError,
+  SUPPORTED_CONNECT_EXCHANGE_COUNT,
   resolveAppFeeBps,
   createDepositService,
+  rpcUrlFor,
+  RpcUrlsProvider,
+  useRpcUrls,
+  useStableRpcUrls,
+  getPublicClient,
+  peekRuntimeChains,
+  primeRuntimeChains,
+  useChainCatalog,
+  useCatalogChain,
+  useDepositChainIds,
+  useDestinationChains,
+  useTargetTokens,
+  useIsDepositChain,
+  useChainName,
+  useExplorerTxUrl,
+  ChainCatalogProvider,
+  useLatestRef,
+  Button,
+  Callout,
+  TokenIcon,
   currencyFormatter,
   tokenFormatter,
   isUnsupportedChainSwitchError,
@@ -2325,10 +2923,6 @@ export {
   estimateReceiveAmount,
   formatQuotedReceive,
   formatReceiveEstimate,
-  rpcUrlFor,
-  RpcUrlsProvider,
-  useRpcUrls,
-  useStableRpcUrls,
   applyTheme,
   checkBackendUrl
 };