@rhinestone/deposit-modal 0.9.1 → 0.11.0

package/dist/{chunk-WUQZYQRK.mjs → chunk-ITAYM7SB.mjs}

@@ -1,14 +1,23 @@
 import {
   SERVICE_HEADERS
-} from "./chunk-QLZ5RZTA.mjs";
+} from "./chunk-QRR3Y7EK.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()}`;
@@ -889,6 +863,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 +911,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);
@@ -1184,6 +1185,67 @@ function createDepositService(baseUrl, options) {
       });
       return { lastEvent };
     },
+    async getPositions(address) {
+      const url = apiUrl(`/positions/${address}`);
+      debugLog(debug, scope, "getPositions:request", { url, address });
+      const response = await fetch(url, { headers: SERVICE_HEADERS });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "getPositions:failed", error, {
+          status: response.status,
+          address
+        });
+        throw new Error(
+          error.error || `Position lookup failed: ${response.status}`
+        );
+      }
+      const result = await response.json();
+      debugLog(debug, scope, "getPositions:success", {
+        address,
+        count: result.positions?.length ?? 0,
+        totalUsd: result.totalUsd,
+        failures: result.failures?.map((f) => f.venue)
+      });
+      return result;
+    },
+    async prepareUnwind(params) {
+      const { address, account, market, chainId, asset, amount } = params;
+      const url = apiUrl(`/positions/${address}/unwind`);
+      debugLog(debug, scope, "prepareUnwind:request", {
+        url,
+        address,
+        account,
+        market,
+        chainId,
+        asset,
+        amount
+      });
+      const response = await fetch(url, {
+        method: "POST",
+        headers: SERVICE_HEADERS,
+        body: JSON.stringify({ account, market, chainId, asset, amount })
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({ error: "Unknown error" }));
+        debugError(debug, scope, "prepareUnwind:failed", error, {
+          status: response.status,
+          address,
+          market,
+          asset
+        });
+        throw new Error(
+          error.error || `Unwind preparation failed: ${response.status}`
+        );
+      }
+      const result = await response.json();
+      debugLog(debug, scope, "prepareUnwind:success", {
+        address,
+        amount: result.amount,
+        isFullExit: result.isFullExit,
+        recipient: result.recipient
+      });
+      return result;
+    },
     async submitPolymarketWithdraw(params) {
       const { depositWallet, owner, nonce, deadline, calls, signature } = params;
       const url = apiUrl(`/polymarket/withdraw`);
@@ -1265,7 +1327,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,
@@ -1276,9 +1338,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
       });
@@ -1621,6 +1683,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 {
@@ -1805,6 +1877,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",
@@ -2015,26 +2639,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" },
@@ -2235,10 +2839,7 @@ export {
   CdnIcon,
   PoweredBy,
   Spinner,
-  useLatestRef,
-  Button,
-  Callout,
-  TokenIcon,
+  catalogKeyForChain,
   debugLog,
   debugError,
   getAssetId,
@@ -2251,6 +2852,26 @@ export {
   SwappedConnectFeeChangedError,
   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,
@@ -2264,10 +2885,6 @@ export {
   estimateReceiveAmount,
   formatQuotedReceive,
   formatReceiveEstimate,
-  rpcUrlFor,
-  RpcUrlsProvider,
-  useRpcUrls,
-  useStableRpcUrls,
   applyTheme,
   checkBackendUrl
 };