@agg-build/hooks 1.3.0 → 2.1.0

package/README.md

@@ -336,7 +336,7 @@ Import from `@agg-build/hooks/deposit` to keep wallet-heavy hooks out of your ma
 - `enableLogs` / `enableWebsocketsLogs` — turn on debug logging
 - `general` — `locale`, `theme` (`"light" | "dark"`), `rootClassName`, `labels`
 - `features` — `showVenueLogo`, `enableAnimations`, `enableLiveUpdates`, `showFeesBreakdown`, `enableGradients`
-- `market` — `arbitrageThreshold`
+- `market` — `arbitrageThreshold`, `maxMidpointIdsPerRequest` for proxy/CDN-safe midpoint batching
 - `chart` — `defaultChartTimeRange`, `selectedChartTimeRange`
 - `search` — provider-owned search state + callbacks for host-app routing/analytics
 

package/dist/{chunk-OBHXWQ6L.mjs → chunk-DK4YDVPH.mjs}

@@ -1,5 +1,6 @@
 import {
   __async,
+  __spreadValues,
   invalidateUserMoneyState,
   useAggBalanceState,
   useAggClient,
@@ -10,7 +11,7 @@ import {
   useOnWithdrawalLifecycle,
   useSyncBalances,
   useWithdrawManaged
-} from "./chunk-VLYLQSDD.mjs";
+} from "./chunk-V7VCT62L.mjs";
 
 // src/withdraw/use-withdraw-flow.ts
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -36,6 +37,13 @@ var isValidDestinationAddress = (address, chainId) => {
   if (chainId === SOLANA_CHAIN_ID) return SOLANA_ADDRESS_REGEX.test(address);
   return EVM_ADDRESS_REGEX.test(address);
 };
+var detectDestinationAddressKind = (address) => {
+  const trimmed = address.trim();
+  if (!trimmed) return null;
+  if (EVM_ADDRESS_REGEX.test(trimmed)) return "evm";
+  if (SOLANA_ADDRESS_REGEX.test(trimmed)) return "solana";
+  return null;
+};
 var DEFAULT_WITHDRAW_SUMMARY = {
   amountReceived: "",
   network: "",
@@ -73,7 +81,7 @@ var parseTokenAmountToRaw = (amount, decimals) => {
 };
 var shortenAddress = (address) => address.length > 12 ? `${address.slice(0, 6)}...${address.slice(-4)}` : address;
 function useWithdrawFlow(options) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e;
   const { open, onOpenChange } = options;
   const { totalBalance } = useAggBalanceState();
   const { balances } = useManagedBalances({ enabled: open });
@@ -94,31 +102,42 @@ function useWithdrawFlow(options) {
   const [withdrawNetwork, setWithdrawNetwork] = useState("");
   const [withdrawSummary, setWithdrawSummary] = useState(DEFAULT_WITHDRAW_SUMMARY);
   const [withdrawalId, setWithdrawalId] = useState(null);
+  const [isMax, setIsMax] = useState(false);
+  const detectedAddressKind = useMemo(
+    () => detectDestinationAddressKind(withdrawDestination),
+    [withdrawDestination]
+  );
   const networkOptions = useMemo(
-    () => (supportedChains != null ? supportedChains : []).filter((chain) => WITHDRAWAL_SUPPORTED_CHAIN_IDS.has(chain.chainId)).map((chain) => ({
-      value: String(chain.chainId),
-      label: chain.name
-    })),
-    [supportedChains]
+    () => (supportedChains != null ? supportedChains : []).filter((chain) => WITHDRAWAL_SUPPORTED_CHAIN_IDS.has(chain.chainId)).map((chain) => {
+      const value = String(chain.chainId);
+      const isSolana = chain.chainId === SOLANA_CHAIN_ID;
+      const disabled = detectedAddressKind === "solana" ? !isSolana : detectedAddressKind === "evm" ? isSolana : false;
+      return { value, label: chain.name, disabled };
+    }),
+    [supportedChains, detectedAddressKind]
   );
-  const resolvedWithdrawNetwork = withdrawNetwork || ((_a = networkOptions[0]) == null ? void 0 : _a.value) || "";
+  const firstEnabledNetwork = (_d = (_c = (_a = networkOptions.find((option) => !option.disabled)) == null ? void 0 : _a.value) != null ? _c : (_b = networkOptions[0]) == null ? void 0 : _b.value) != null ? _d : "";
+  const isCurrentNetworkSelectable = networkOptions.some(
+    (option) => option.value === withdrawNetwork && !option.disabled
+  );
+  const resolvedWithdrawNetwork = isCurrentNetworkSelectable ? withdrawNetwork : firstEnabledNetwork;
   useEffect(() => {
     if (!networkOptions.length) return;
-    if (!withdrawNetwork || !networkOptions.some((option) => option.value === withdrawNetwork)) {
-      setWithdrawNetwork(networkOptions[0].value);
+    if (!isCurrentNetworkSelectable && firstEnabledNetwork) {
+      setWithdrawNetwork(firstEnabledNetwork);
     }
-  }, [networkOptions, withdrawNetwork]);
+  }, [networkOptions, isCurrentNetworkSelectable, firstEnabledNetwork]);
   const tokenOptions = useMemo(() => {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c2;
     const selectedChainId = Number(resolvedWithdrawNetwork);
     const supportedTokensForNetwork = (_b2 = (_a2 = supportedChains == null ? void 0 : supportedChains.find((chain) => chain.chainId === selectedChainId)) == null ? void 0 : _a2.tokens) != null ? _b2 : [];
     const withdrawableSymbols = new Set(supportedTokensForNetwork.map((token) => token.symbol));
-    return ((_c = balances == null ? void 0 : balances.cash) != null ? _c : []).filter((cashEntry) => withdrawableSymbols.has(cashEntry.tokenSymbol)).map((cashEntry) => ({
+    return ((_c2 = balances == null ? void 0 : balances.cash) != null ? _c2 : []).filter((cashEntry) => withdrawableSymbols.has(cashEntry.tokenSymbol)).map((cashEntry) => ({
       value: cashEntry.tokenSymbol,
       label: cashEntry.tokenSymbol
     }));
   }, [balances, resolvedWithdrawNetwork, supportedChains]);
-  const resolvedWithdrawToken = tokenOptions.some((option) => option.value === withdrawToken) ? withdrawToken : ((_b = tokenOptions[0]) == null ? void 0 : _b.value) || "";
+  const resolvedWithdrawToken = tokenOptions.some((option) => option.value === withdrawToken) ? withdrawToken : ((_e = tokenOptions[0]) == null ? void 0 : _e.value) || "";
   useEffect(() => {
     if (!tokenOptions.length) return;
     if (!tokenOptions.some((option) => option.value === withdrawToken)) {
@@ -130,9 +149,9 @@ function useWithdrawFlow(options) {
     [balances, resolvedWithdrawToken]
   );
   const selectedTokenDecimals = useMemo(() => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d2;
     const selectedChainId = Number(resolvedWithdrawNetwork);
-    return (_d = (_c = (_b2 = (_a2 = supportedChains == null ? void 0 : supportedChains.find((chain) => chain.chainId === selectedChainId)) == null ? void 0 : _a2.tokens.find((token) => token.symbol === resolvedWithdrawToken)) == null ? void 0 : _b2.decimals) != null ? _c : selectedCashEntry == null ? void 0 : selectedCashEntry.decimals) != null ? _d : 6;
+    return (_d2 = (_c2 = (_b2 = (_a2 = supportedChains == null ? void 0 : supportedChains.find((chain) => chain.chainId === selectedChainId)) == null ? void 0 : _a2.tokens.find((token) => token.symbol === resolvedWithdrawToken)) == null ? void 0 : _b2.decimals) != null ? _c2 : selectedCashEntry == null ? void 0 : selectedCashEntry.decimals) != null ? _d2 : 6;
   }, [
     resolvedWithdrawNetwork,
     resolvedWithdrawToken,
@@ -157,6 +176,7 @@ function useWithdrawFlow(options) {
     setWithdrawNetwork("");
     setWithdrawSummary(DEFAULT_WITHDRAW_SUMMARY);
     setWithdrawalId(null);
+    setIsMax(false);
   }, []);
   const handleWithdrawOpenChange = useCallback(
     (isOpen) => {
@@ -196,19 +216,19 @@ function useWithdrawFlow(options) {
         }
         return scaleBy(native, selectedTokenDecimals - selectedCashEntry.decimals);
       })();
-      if (BigInt(amountRaw) > balanceInDestFrame) {
+      if (!isMax && BigInt(amountRaw) > balanceInDestFrame) {
         throw new Error("Withdrawal amount exceeds your available balance.");
       }
     }
     ws == null ? void 0 : ws.connect();
     yield new Promise((resolve, reject) => {
       withdrawMutation.mutate(
-        {
+        __spreadValues({
           amountRaw,
           tokenSymbol: resolvedWithdrawToken,
           destinationAddress: trimmedDestination,
           destinationChainId
-        },
+        }, isMax ? { max: true } : {}),
         {
           onSuccess: (data) => {
             setWithdrawalId(data.withdrawalId);
@@ -225,6 +245,7 @@ function useWithdrawFlow(options) {
       fees: "\u2014"
     });
   }), [
+    isMax,
     resolvedWithdrawNetwork,
     resolvedWithdrawToken,
     selectedCashEntry,
@@ -248,13 +269,18 @@ function useWithdrawFlow(options) {
       selectedToken: resolvedWithdrawToken,
       selectedNetwork: resolvedWithdrawNetwork,
       purchaseSummary: withdrawSummary,
-      withdrawalId
+      withdrawalId,
+      isMax
     },
     onWithdrawDestinationChange: setWithdrawDestination,
-    onWithdrawAmountChange: setWithdrawAmount,
+    onWithdrawAmountChange: useCallback((v) => {
+      setIsMax(false);
+      setWithdrawAmount(v);
+    }, []),
     onWithdrawTokenChange: setWithdrawToken,
     onWithdrawNetworkChange: setWithdrawNetwork,
     onMaxClick: useCallback(() => {
+      setIsMax(true);
       setWithdrawAmount(exactBalance === "0" ? "0" : exactBalance);
     }, [exactBalance]),
     onSelectWithdrawProvider: useCallback(
@@ -321,6 +347,7 @@ var INITIAL_STATE = {
   status: null,
   requestedAmountRaw: null,
   completedAmountRaw: null,
+  feeRaw: null,
   terminal: false,
   lastLeg: null,
   legs: [],
@@ -351,16 +378,17 @@ var mergeLegs = (prev, snapshot, delta) => {
   return next;
 };
 var restToLifecycleState = (response) => {
-  var _a, _b;
+  var _a, _b, _c;
   return {
     pending: false,
     status: response.status,
     requestedAmountRaw: response.requested.amountRaw,
     completedAmountRaw: (_a = response.completedAmountRaw) != null ? _a : null,
+    feeRaw: (_b = response.expected.feeRaw) != null ? _b : null,
     terminal: response.status === "completed" || response.status === "partial" || response.status === "failed",
     lastLeg: null,
     legs: response.legs.map(restLegToWsLeg),
-    errorMessage: (_b = response.errorMessage) != null ? _b : null,
+    errorMessage: (_c = response.errorMessage) != null ? _c : null,
     // No server timestamp on the REST response — we use 0 as "older than any
     // WS timestamp" so a subsequent WS event always wins. Callers that read
     // `timestamp` should treat 0/null interchangeably as "unset".
@@ -402,14 +430,15 @@ function useWithdrawalLifecycle(withdrawalId) {
     return (msg) => {
       if (msg.withdrawalId !== withdrawalId) return;
       setState((prev) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         return {
           pending: false,
           status: msg.status,
           requestedAmountRaw: (_a = msg.requestedAmountRaw) != null ? _a : prev.requestedAmountRaw,
           completedAmountRaw: (_b = msg.completedAmountRaw) != null ? _b : prev.completedAmountRaw,
+          feeRaw: (_c = msg.feeRaw) != null ? _c : null,
           terminal: msg.terminal,
-          lastLeg: (_c = msg.leg) != null ? _c : null,
+          lastLeg: (_d = msg.leg) != null ? _d : null,
           // `legs[]` is the cumulative server-known truth. Snapshots
           // (`pending` / terminal rollup) carry a full `legs[]` and replace
           // it. Intermediate per-leg deltas carry only `leg` (no `legs[]`)
@@ -417,7 +446,7 @@ function useWithdrawalLifecycle(withdrawalId) {
           // (sourceChainId, destChainId, type) so the timeline UI doesn't
           // collapse to empty between snapshots.
           legs: mergeLegs(prev.legs, msg.legs, msg.leg),
-          errorMessage: (_d = msg.errorMessage) != null ? _d : null,
+          errorMessage: (_e = msg.errorMessage) != null ? _e : null,
           timestamp: msg.timestamp
         };
       });
@@ -437,8 +466,40 @@ function useWithdrawalLifecycle(withdrawalId) {
   return { state, reset };
 }
 
+// src/withdraw/use-withdraw-preview.ts
+import { useQuery } from "@tanstack/react-query";
+function useWithdrawPreview({
+  amountRaw,
+  tokenSymbol,
+  destinationChainId,
+  destinationAddress,
+  max
+}) {
+  const client = useAggClient();
+  const enabled = !!amountRaw && BigInt(amountRaw || "0") > BigInt(0) && !!tokenSymbol && !!destinationChainId && !!destinationAddress;
+  return useQuery({
+    queryKey: [
+      "withdraw-preview",
+      tokenSymbol,
+      amountRaw,
+      destinationChainId,
+      destinationAddress,
+      max != null ? max : false
+    ],
+    enabled,
+    staleTime: 15e3,
+    queryFn: () => client.withdrawPreview(__spreadValues({
+      amountRaw,
+      tokenSymbol,
+      destinationChainId,
+      destinationAddress
+    }, max ? { max: true } : {}))
+  });
+}
+
 export {
   useWithdrawFlow,
   useWithdrawEstimate,
-  useWithdrawalLifecycle
+  useWithdrawalLifecycle,
+  useWithdrawPreview
 };

package/dist/{chunk-KXO3JOXF.mjs → chunk-QKVR32KC.mjs}

@@ -1,7 +1,7 @@
 import {
   __async,
   useAggClient
-} from "./chunk-VLYLQSDD.mjs";
+} from "./chunk-V7VCT62L.mjs";
 
 // src/use-ramp-quotes.ts
 import { useMutation } from "@tanstack/react-query";

package/dist/{chunk-VLYLQSDD.mjs → chunk-V7VCT62L.mjs}

@@ -215,6 +215,8 @@ var enUsLabels = {
     errorPrefix: "Error",
     tabsAria: "Tabs",
     hiddenTabsAria: "Hidden tabs",
+    scrollTabsLeft: "Scroll tabs left",
+    scrollTabsRight: "Scroll tabs right",
     selectAria: "Select",
     lineChartAria: "Line chart",
     candlestickChartAria: "Candlestick chart",
@@ -377,6 +379,7 @@ var enUsLabels = {
       networkReserveTooltipLineTwo: "Any unused amount stays in your balance.",
       youReceive: "You'll receive",
       confirm: "Confirm withdrawal",
+      calculatingFees: "Calculating fees\u2026",
       successTitle: "Withdrawal submitted",
       successDescription: (tokenSymbol) => `Your ${tokenSymbol} withdrawal is being processed and will arrive shortly.`,
       // Terminal-state copy. The success step swaps `successTitle` /
@@ -791,6 +794,9 @@ var enUsLabels = {
     buyingOutcome: (label) => `Buying ${label}`,
     sellingOutcome: (label) => `Selling ${label}`,
     findingBestRoute: "Finding the best route...",
+    findingBestOdds: "Finding best odds\u2026",
+    updatingRoute: "Updating route\u2026",
+    refreshingQuotes: "Refreshing quotes\u2026",
     checkingBalance: "Checking balance",
     submittingOrderProgress: "Submitting order...",
     orderSubmittedProgress: (orderId) => `Order #${orderId.replace(/^#/, "")} submitted`,
@@ -1131,7 +1137,8 @@ var defaultAggUiConfig = {
     enableNotifications: true
   },
   market: {
-    arbitrageThreshold: 0
+    arbitrageThreshold: 0,
+    maxMidpointIdsPerRequest: 75
   },
   chart: {
     defaultChartTimeRange: "1D",
@@ -1155,7 +1162,7 @@ var mergeAggUiSearchConfig = (config) => {
   };
 };
 var mergeAggUiConfig = (persisted, config) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V;
   const locale = (_d = (_c = (_a = config == null ? void 0 : config.general) == null ? void 0 : _a.locale) != null ? _c : (_b = persisted.general) == null ? void 0 : _b.locale) != null ? _d : DEFAULT_LOCALE;
   const theme = (_h = (_g = (_e = config == null ? void 0 : config.general) == null ? void 0 : _e.theme) != null ? _g : (_f = persisted.general) == null ? void 0 : _f.theme) != null ? _h : defaultAggUiConfig.general.theme;
   const formatters = createFormatters(locale);
@@ -1180,19 +1187,20 @@ var mergeAggUiConfig = (persisted, config) => {
       enableNotifications: (_B = (_A = config == null ? void 0 : config.features) == null ? void 0 : _A.enableNotifications) != null ? _B : defaultAggUiConfig.features.enableNotifications
     },
     market: {
-      arbitrageThreshold: (_D = (_C = config == null ? void 0 : config.market) == null ? void 0 : _C.arbitrageThreshold) != null ? _D : defaultAggUiConfig.market.arbitrageThreshold
+      arbitrageThreshold: (_D = (_C = config == null ? void 0 : config.market) == null ? void 0 : _C.arbitrageThreshold) != null ? _D : defaultAggUiConfig.market.arbitrageThreshold,
+      maxMidpointIdsPerRequest: (_F = (_E = config == null ? void 0 : config.market) == null ? void 0 : _E.maxMidpointIdsPerRequest) != null ? _F : defaultAggUiConfig.market.maxMidpointIdsPerRequest
     },
     chart: {
-      defaultChartTimeRange: (_F = (_E = config == null ? void 0 : config.chart) == null ? void 0 : _E.defaultChartTimeRange) != null ? _F : defaultAggUiConfig.chart.defaultChartTimeRange,
-      selectedChartTimeRange: (_J = (_I = (_G = persisted.chart) == null ? void 0 : _G.selectedChartTimeRange) != null ? _I : (_H = config == null ? void 0 : config.chart) == null ? void 0 : _H.defaultChartTimeRange) != null ? _J : defaultAggUiConfig.chart.defaultChartTimeRange,
+      defaultChartTimeRange: (_H = (_G = config == null ? void 0 : config.chart) == null ? void 0 : _G.defaultChartTimeRange) != null ? _H : defaultAggUiConfig.chart.defaultChartTimeRange,
+      selectedChartTimeRange: (_L = (_K = (_I = persisted.chart) == null ? void 0 : _I.selectedChartTimeRange) != null ? _K : (_J = config == null ? void 0 : config.chart) == null ? void 0 : _J.defaultChartTimeRange) != null ? _L : defaultAggUiConfig.chart.defaultChartTimeRange,
       setSelectedChartTimeRange: defaultAggUiConfig.chart.setSelectedChartTimeRange
     },
     formatting: {
-      formatNumber: (_L = (_K = config == null ? void 0 : config.formatting) == null ? void 0 : _K.formatNumber) != null ? _L : formatters.formatNumber,
-      formatPercent: (_N = (_M = config == null ? void 0 : config.formatting) == null ? void 0 : _M.formatPercent) != null ? _N : formatters.formatPercent,
-      formatCurrency: (_P = (_O = config == null ? void 0 : config.formatting) == null ? void 0 : _O.formatCurrency) != null ? _P : formatters.formatCurrency,
-      formatCompactCurrency: (_R = (_Q = config == null ? void 0 : config.formatting) == null ? void 0 : _Q.formatCompactCurrency) != null ? _R : formatters.formatCompactCurrency,
-      formatDate: (_T = (_S = config == null ? void 0 : config.formatting) == null ? void 0 : _S.formatDate) != null ? _T : formatters.formatDate
+      formatNumber: (_N = (_M = config == null ? void 0 : config.formatting) == null ? void 0 : _M.formatNumber) != null ? _N : formatters.formatNumber,
+      formatPercent: (_P = (_O = config == null ? void 0 : config.formatting) == null ? void 0 : _O.formatPercent) != null ? _P : formatters.formatPercent,
+      formatCurrency: (_R = (_Q = config == null ? void 0 : config.formatting) == null ? void 0 : _Q.formatCurrency) != null ? _R : formatters.formatCurrency,
+      formatCompactCurrency: (_T = (_S = config == null ? void 0 : config.formatting) == null ? void 0 : _S.formatCompactCurrency) != null ? _T : formatters.formatCompactCurrency,
+      formatDate: (_V = (_U = config == null ? void 0 : config.formatting) == null ? void 0 : _U.formatDate) != null ? _V : formatters.formatDate
     },
     search: mergeAggUiSearchConfig(config == null ? void 0 : config.search),
     walletActions: config == null ? void 0 : config.walletActions,

package/dist/deposit.d.mts

@@ -185,7 +185,11 @@ interface UseDepositFlowOptions {
  */
 declare function useDepositFlow(options: UseDepositFlowOptions): UseDepositFlowResult;
 
-declare const DEFAULT_SOLANA_RPC_ENDPOINT = "https://solana-rpc.publicnode.com";
+/**
+ * Back-compat alias for callers that still want a single default endpoint.
+ * New code should prefer the full list and the failover helper.
+ */
+declare const DEFAULT_SOLANA_RPC_ENDPOINT: string;
 declare const SVM_CHAIN_IDS: ReadonlySet<number>;
 
 export { DEFAULT_SOLANA_RPC_ENDPOINT, SVM_CHAIN_IDS, type UseDepositFlowOptions, type UseDepositFlowResult, type UseWalletSendTokenParams, type UseWalletTokenBalanceParams, type UseWalletTokenBalanceResult, type UseWalletTransactionStatusParams, type UseWalletTransactionStatusResult, type WalletTransactionStatus, normalizeWalletError, useDepositFlow, useWalletSendToken, useWalletTokenBalance, useWalletTransactionStatus };

package/dist/deposit.d.ts

@@ -185,7 +185,11 @@ interface UseDepositFlowOptions {
  */
 declare function useDepositFlow(options: UseDepositFlowOptions): UseDepositFlowResult;
 
-declare const DEFAULT_SOLANA_RPC_ENDPOINT = "https://solana-rpc.publicnode.com";
+/**
+ * Back-compat alias for callers that still want a single default endpoint.
+ * New code should prefer the full list and the failover helper.
+ */
+declare const DEFAULT_SOLANA_RPC_ENDPOINT: string;
 declare const SVM_CHAIN_IDS: ReadonlySet<number>;
 
 export { DEFAULT_SOLANA_RPC_ENDPOINT, SVM_CHAIN_IDS, type UseDepositFlowOptions, type UseDepositFlowResult, type UseWalletSendTokenParams, type UseWalletTokenBalanceParams, type UseWalletTokenBalanceResult, type UseWalletTransactionStatusParams, type UseWalletTransactionStatusResult, type WalletTransactionStatus, normalizeWalletError, useDepositFlow, useWalletSendToken, useWalletTokenBalance, useWalletTransactionStatus };