@agg-build/hooks 2.0.0 → 2.1.0

package/dist/index.mjs

@@ -1,12 +1,13 @@
 import {
   useRampQuotes,
   useRampSession
-} from "./chunk-KXO3JOXF.mjs";
+} from "./chunk-QKVR32KC.mjs";
 import {
   useWithdrawEstimate,
   useWithdrawFlow,
+  useWithdrawPreview,
   useWithdrawalLifecycle
-} from "./chunk-OBHXWQ6L.mjs";
+} from "./chunk-DK4YDVPH.mjs";
 import {
   AggAuthContext,
   AggBalanceProvider,
@@ -94,7 +95,7 @@ import {
   useSyncBalances,
   useWithdrawManaged,
   userActivityQueryKeys
-} from "./chunk-VLYLQSDD.mjs";
+} from "./chunk-V7VCT62L.mjs";
 
 // src/index.ts
 import { QueryClient as QueryClient4, QueryClientProvider, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
@@ -1266,16 +1267,21 @@ var extractBestPrices = (data, venueMarkets) => {
   }
   return { bestPrices, bestPriceVenuesByOutcomeId: venuesByOutcome };
 };
-function useMidpoints(venueMarkets) {
+function useMidpoints(venueMarkets, options) {
+  var _a;
   const client = useAggClient();
+  const {
+    market: { maxMidpointIdsPerRequest: configuredMaxMidpointIdsPerRequest }
+  } = useAggUiConfig();
+  const maxMidpointIdsPerRequest = (_a = options == null ? void 0 : options.maxMidpointIdsPerRequest) != null ? _a : configuredMaxMidpointIdsPerRequest;
   const ids = useMemo8(() => normalizeVenueMarketIds(venueMarkets), [venueMarkets]);
   const bestMidpointCandidateOutcomeIds = useMemo8(
     () => resolveBestMidpointCandidateOutcomeIds(venueMarkets),
     [venueMarkets]
   );
   const { data, isLoading } = useQuery2({
-    queryKey: ["midpoints", ids],
-    queryFn: () => client.getMidpoints(ids, { bestPrice: true }),
+    queryKey: ["midpoints", ids, maxMidpointIdsPerRequest],
+    queryFn: () => client.getMidpoints(ids, { bestPrice: true, maxMidpointIdsPerRequest }),
     enabled: ids.length > 0,
     staleTime: Infinity,
     gcTime: 30 * 6e4,
@@ -1284,13 +1290,13 @@ function useMidpoints(venueMarkets) {
     refetchOnReconnect: false
   });
   const result = useMemo8(() => {
-    var _a, _b, _c, _d, _e;
+    var _a2, _b, _c, _d, _e;
     const map = /* @__PURE__ */ new Map();
     const venueMap = /* @__PURE__ */ new Map();
     if (!(data == null ? void 0 : data.data) || !venueMarkets) return { map, venueMap };
     const itemByMarketId = new Map(data.data.map((item) => [item.venueMarketId, item]));
     for (const item of data.data) {
-      if (!((_a = item.outcomes) == null ? void 0 : _a.length)) continue;
+      if (!((_a2 = item.outcomes) == null ? void 0 : _a2.length)) continue;
       for (const o of item.outcomes) {
         if (o.midpoint == null) continue;
         map.set(o.venueMarketOutcomeId, o.midpoint);
@@ -1996,12 +2002,21 @@ function useSmartRoute(options) {
     placeholderData: keepPreviousData6
   });
   const error = query.error;
+  let loadingReason = null;
+  if (query.isFetching) {
+    if (query.isLoading) {
+      loadingReason = query.data != null ? "updating-route" : "finding-best-odds";
+    } else {
+      loadingReason = "refreshing-quotes";
+    }
+  }
   return {
     data: (_b = query.data) != null ? _b : null,
     isLoading: query.isLoading,
     isFetching: query.isFetching,
     error: error instanceof Error ? error : error ? new Error(String(error)) : null,
-    refetch: query.refetch
+    refetch: query.refetch,
+    loadingReason
   };
 }
 
@@ -2300,25 +2315,11 @@ function useVenueEvents(options) {
 
 // src/use-venue-market-midpoints.ts
 import { keepPreviousData as keepPreviousData8, useQuery as useQuery8 } from "@tanstack/react-query";
-var MAX_VENUE_MARKET_IDS_PER_REQUEST = 200;
 var normalizeVenueMarketIds2 = (venueMarketIds) => {
   return [
     ...new Set(venueMarketIds.map((venueMarketId) => venueMarketId.trim()).filter(Boolean))
   ].sort((left, right) => left.localeCompare(right));
 };
-var chunkVenueMarketIds = (venueMarketIds) => {
-  if (venueMarketIds.length === 0) return [];
-  const chunks = [];
-  for (let index = 0; index < venueMarketIds.length; index += MAX_VENUE_MARKET_IDS_PER_REQUEST) {
-    chunks.push(venueMarketIds.slice(index, index + MAX_VENUE_MARKET_IDS_PER_REQUEST));
-  }
-  return chunks;
-};
-var mergeMidpointResponses = (responses) => {
-  return {
-    data: responses.flatMap((response) => response.data)
-  };
-};
 var mapMidpointsByVenueMarketId = (rows) => {
   const mappedMidpoints = /* @__PURE__ */ new Map();
   rows.forEach((row) => {
@@ -2331,23 +2332,24 @@ var mapMidpointsByVenueMarketId = (rows) => {
   return mappedMidpoints;
 };
 function useVenueMarketMidpoints(options) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const client = useAggClient();
+  const {
+    market: { maxMidpointIdsPerRequest: configuredMaxMidpointIdsPerRequest }
+  } = useAggUiConfig();
   const enabled = (_a = options.enabled) != null ? _a : true;
   const requestedVenueMarketIds = normalizeVenueMarketIds2(options.venueMarketIds);
+  const maxMidpointIdsPerRequest = (_b = options.maxMidpointIdsPerRequest) != null ? _b : configuredMaxMidpointIdsPerRequest;
   const query = useQuery8({
-    queryKey: requestedVenueMarketIds.length ? ["venue-market-midpoints", requestedVenueMarketIds] : ["venue-market-midpoints", "__disabled__"],
+    queryKey: requestedVenueMarketIds.length ? ["venue-market-midpoints", requestedVenueMarketIds, maxMidpointIdsPerRequest] : ["venue-market-midpoints", "__disabled__"],
     queryFn: (_0) => __async(null, [_0], function* ({ signal }) {
-      const venueMarketIdChunks = chunkVenueMarketIds(requestedVenueMarketIds);
-      if (venueMarketIdChunks.length === 0) {
+      if (requestedVenueMarketIds.length === 0) {
         return { data: [] };
       }
-      const chunkResponses = yield Promise.all(
-        venueMarketIdChunks.map((venueMarketIds) => {
-          return client.getMidpoints({ venueMarketIds, bestPrice: true }, { signal });
-        })
+      return client.getMidpoints(
+        { venueMarketIds: requestedVenueMarketIds, bestPrice: true },
+        { signal, maxMidpointIdsPerRequest }
       );
-      return mergeMidpointResponses(chunkResponses);
     }),
     enabled: enabled && requestedVenueMarketIds.length > 0,
     staleTime: 1e4,
@@ -2356,7 +2358,7 @@ function useVenueMarketMidpoints(options) {
     retry: 1,
     placeholderData: keepPreviousData8
   });
-  const midpointRows = (_c = (_b = query.data) == null ? void 0 : _b.data) != null ? _c : [];
+  const midpointRows = (_d = (_c = query.data) == null ? void 0 : _c.data) != null ? _d : [];
   const midpointsByVenueMarketId = mapMidpointsByVenueMarketId(midpointRows);
   return __spreadProps(__spreadValues({}, query), {
     midpointRows,
@@ -2458,8 +2460,13 @@ var buildCachedMidpointEntries = (requestedVenueMarketIds, rows) => {
   }
   return nextCacheEntries;
 };
-function useViewportMidpoints(visibleMarkets) {
+function useViewportMidpoints(visibleMarkets, options) {
+  var _a;
   const client = useAggClient();
+  const {
+    market: { maxMidpointIdsPerRequest: configuredMaxMidpointIdsPerRequest }
+  } = useAggUiConfig();
+  const maxMidpointIdsPerRequest = (_a = options == null ? void 0 : options.maxMidpointIdsPerRequest) != null ? _a : configuredMaxMidpointIdsPerRequest;
   const [cache, setCache] = useState10(() => /* @__PURE__ */ new Map());
   const inFlightRef = useRef6(/* @__PURE__ */ new Set());
   const visibleRef = useRef6(visibleMarkets);
@@ -2473,10 +2480,10 @@ function useViewportMidpoints(visibleMarkets) {
     if (!toFetch.length) return;
     let cancelled = false;
     for (const id of toFetch) inFlightRef.current.add(id);
-    client.getMidpoints(toFetch, { bestPrice: true }).then((resp) => {
-      var _a;
+    client.getMidpoints(toFetch, { bestPrice: true, maxMidpointIdsPerRequest }).then((resp) => {
+      var _a2;
       if (cancelled) return;
-      const nextCacheEntries = buildCachedMidpointEntries(toFetch, (_a = resp.data) != null ? _a : []);
+      const nextCacheEntries = buildCachedMidpointEntries(toFetch, (_a2 = resp.data) != null ? _a2 : []);
       setCache((prev) => {
         const next = new Map(prev);
         for (const [venueMarketId, entry] of nextCacheEntries) {
@@ -2491,15 +2498,15 @@ function useViewportMidpoints(visibleMarkets) {
     return () => {
       cancelled = true;
     };
-  }, [visibleFp, cache]);
+  }, [visibleFp, cache, maxMidpointIdsPerRequest]);
   const { prices, venueByOutcomeId } = useMemo13(() => {
-    var _a, _b, _c, _d;
+    var _a2, _b, _c, _d;
     const map = /* @__PURE__ */ new Map();
     const venueMap = /* @__PURE__ */ new Map();
     for (const market of visibleMarkets) {
       const entry = cache.get(market.id);
       if (!entry) continue;
-      const ownVenue = (_a = entry.venue) != null ? _a : market.venue;
+      const ownVenue = (_a2 = entry.venue) != null ? _a2 : market.venue;
       for (const outcome of market.venueMarketOutcomes) {
         let best = (_b = entry.ownOutcomes.get(outcome.id)) != null ? _b : null;
         let bestVenue = best != null ? ownVenue : null;
@@ -2775,6 +2782,7 @@ export {
   useWithdrawEstimate,
   useWithdrawFlow,
   useWithdrawManaged,
+  useWithdrawPreview,
   useWithdrawalLifecycle,
   userActivityQueryKeys
 };

package/dist/withdraw.d.mts

@@ -1,11 +1,12 @@
 import * as _agg_build_sdk from '@agg-build/sdk';
-import { WsWithdrawalLifecycleStatus, WsWithdrawalLifecycleLeg, WithdrawManagedResponse, WithdrawManagedParams } from '@agg-build/sdk';
+import { WsWithdrawalLifecycleStatus, WsWithdrawalLifecycleLeg, WithdrawPreviewResponse, WithdrawManagedResponse, WithdrawManagedParams } from '@agg-build/sdk';
 import * as _tanstack_react_query from '@tanstack/react-query';
 export { U as UseDepositAddressesOptions, u as useDepositAddresses } from './use-deposit-addresses-B9ICS-3U.mjs';
 
 type WithdrawSelectOption = {
     value: string;
     label: string;
+    disabled?: boolean;
 };
 type WithdrawSummary = {
     /**
@@ -38,6 +39,12 @@ interface UseWithdrawFlowResult {
          * and reset to `null` when the modal closes.
          */
         withdrawalId: string | null;
+        /**
+         * True when the user clicked Max — the backend should apply its own cap
+         * rather than rejecting an over-balance request. Reset to false when the
+         * user manually edits the amount field afterward.
+         */
+        isMax: boolean;
     };
     onWithdrawDestinationChange: (address: string) => void;
     onWithdrawAmountChange: (amount: string) => void;
@@ -88,6 +95,8 @@ interface WithdrawalLifecycleState {
     requestedAmountRaw: string | null;
     /** Terminal settled amount in destination-token native decimals. */
     completedAmountRaw: string | null;
+    /** Realized platform fee in destination-token native decimals. Only present on terminal events; null until then. */
+    feeRaw: string | null;
     /** Whether `status` is a terminal state (`completed` / `partial` / `failed`). */
     terminal: boolean;
     /** Last leg delta (the leg whose flip triggered the most recent event). */
@@ -124,6 +133,26 @@ interface UseWithdrawalLifecycleResult {
  */
 declare function useWithdrawalLifecycle(withdrawalId: string | null): UseWithdrawalLifecycleResult;
 
+interface UseWithdrawPreviewParams {
+    amountRaw: string | null;
+    tokenSymbol: string | null;
+    destinationChainId: number | null;
+    destinationAddress: string | null;
+    /**
+     * When `true`, the backend caps the withdrawal to the maximum deliverable amount.
+     * Included in the query key so max vs non-max are distinct cache entries.
+     */
+    max?: boolean;
+}
+/**
+ * Live withdrawal preview backed by the API (`POST /execution/withdraw/preview`).
+ * Disabled until amount/token/chain/address are present and amount is non-zero.
+ * The backend caches identical previews for 15s; FE debounce keeps Relay calls
+ * bounded. Returns the real fee + receive amount, replacing the hardcoded
+ * `useWithdrawEstimate`.
+ */
+declare function useWithdrawPreview({ amountRaw, tokenSymbol, destinationChainId, destinationAddress, max, }: UseWithdrawPreviewParams): _tanstack_react_query.UseQueryResult<WithdrawPreviewResponse, Error>;
+
 interface UseWithdrawManagedOptions {
     onSuccess?: (data: WithdrawManagedResponse) => void;
     onError?: (error: Error) => void;
@@ -314,4 +343,4 @@ declare function useManagedBalances(options?: UseManagedBalancesOptions): {
     promise: Promise<_agg_build_sdk.UnifiedBalanceResponse>;
 };
 
-export { type UseManagedBalancesOptions, type UseWithdrawEstimateParams, type UseWithdrawFlowOptions, type UseWithdrawFlowResult, type UseWithdrawManagedOptions, type UseWithdrawalLifecycleResult, type WithdrawFeeEstimate, type WithdrawalLifecycleState, useManagedBalances, useWithdrawEstimate, useWithdrawFlow, useWithdrawManaged, useWithdrawalLifecycle };
+export { type UseManagedBalancesOptions, type UseWithdrawEstimateParams, type UseWithdrawFlowOptions, type UseWithdrawFlowResult, type UseWithdrawManagedOptions, type UseWithdrawPreviewParams, type UseWithdrawalLifecycleResult, type WithdrawFeeEstimate, type WithdrawalLifecycleState, useManagedBalances, useWithdrawEstimate, useWithdrawFlow, useWithdrawManaged, useWithdrawPreview, useWithdrawalLifecycle };

package/dist/withdraw.d.ts

@@ -1,11 +1,12 @@
 import * as _agg_build_sdk from '@agg-build/sdk';
-import { WsWithdrawalLifecycleStatus, WsWithdrawalLifecycleLeg, WithdrawManagedResponse, WithdrawManagedParams } from '@agg-build/sdk';
+import { WsWithdrawalLifecycleStatus, WsWithdrawalLifecycleLeg, WithdrawPreviewResponse, WithdrawManagedResponse, WithdrawManagedParams } from '@agg-build/sdk';
 import * as _tanstack_react_query from '@tanstack/react-query';
 export { U as UseDepositAddressesOptions, u as useDepositAddresses } from './use-deposit-addresses-B9ICS-3U.js';
 
 type WithdrawSelectOption = {
     value: string;
     label: string;
+    disabled?: boolean;
 };
 type WithdrawSummary = {
     /**
@@ -38,6 +39,12 @@ interface UseWithdrawFlowResult {
          * and reset to `null` when the modal closes.
          */
         withdrawalId: string | null;
+        /**
+         * True when the user clicked Max — the backend should apply its own cap
+         * rather than rejecting an over-balance request. Reset to false when the
+         * user manually edits the amount field afterward.
+         */
+        isMax: boolean;
     };
     onWithdrawDestinationChange: (address: string) => void;
     onWithdrawAmountChange: (amount: string) => void;
@@ -88,6 +95,8 @@ interface WithdrawalLifecycleState {
     requestedAmountRaw: string | null;
     /** Terminal settled amount in destination-token native decimals. */
     completedAmountRaw: string | null;
+    /** Realized platform fee in destination-token native decimals. Only present on terminal events; null until then. */
+    feeRaw: string | null;
     /** Whether `status` is a terminal state (`completed` / `partial` / `failed`). */
     terminal: boolean;
     /** Last leg delta (the leg whose flip triggered the most recent event). */
@@ -124,6 +133,26 @@ interface UseWithdrawalLifecycleResult {
  */
 declare function useWithdrawalLifecycle(withdrawalId: string | null): UseWithdrawalLifecycleResult;
 
+interface UseWithdrawPreviewParams {
+    amountRaw: string | null;
+    tokenSymbol: string | null;
+    destinationChainId: number | null;
+    destinationAddress: string | null;
+    /**
+     * When `true`, the backend caps the withdrawal to the maximum deliverable amount.
+     * Included in the query key so max vs non-max are distinct cache entries.
+     */
+    max?: boolean;
+}
+/**
+ * Live withdrawal preview backed by the API (`POST /execution/withdraw/preview`).
+ * Disabled until amount/token/chain/address are present and amount is non-zero.
+ * The backend caches identical previews for 15s; FE debounce keeps Relay calls
+ * bounded. Returns the real fee + receive amount, replacing the hardcoded
+ * `useWithdrawEstimate`.
+ */
+declare function useWithdrawPreview({ amountRaw, tokenSymbol, destinationChainId, destinationAddress, max, }: UseWithdrawPreviewParams): _tanstack_react_query.UseQueryResult<WithdrawPreviewResponse, Error>;
+
 interface UseWithdrawManagedOptions {
     onSuccess?: (data: WithdrawManagedResponse) => void;
     onError?: (error: Error) => void;
@@ -314,4 +343,4 @@ declare function useManagedBalances(options?: UseManagedBalancesOptions): {
     promise: Promise<_agg_build_sdk.UnifiedBalanceResponse>;
 };
 
-export { type UseManagedBalancesOptions, type UseWithdrawEstimateParams, type UseWithdrawFlowOptions, type UseWithdrawFlowResult, type UseWithdrawManagedOptions, type UseWithdrawalLifecycleResult, type WithdrawFeeEstimate, type WithdrawalLifecycleState, useManagedBalances, useWithdrawEstimate, useWithdrawFlow, useWithdrawManaged, useWithdrawalLifecycle };
+export { type UseManagedBalancesOptions, type UseWithdrawEstimateParams, type UseWithdrawFlowOptions, type UseWithdrawFlowResult, type UseWithdrawManagedOptions, type UseWithdrawPreviewParams, type UseWithdrawalLifecycleResult, type WithdrawFeeEstimate, type WithdrawalLifecycleState, useManagedBalances, useWithdrawEstimate, useWithdrawFlow, useWithdrawManaged, useWithdrawPreview, useWithdrawalLifecycle };

package/dist/withdraw.js

@@ -62,6 +62,7 @@ __export(withdraw_exports, {
   useWithdrawEstimate: () => useWithdrawEstimate,
   useWithdrawFlow: () => useWithdrawFlow,
   useWithdrawManaged: () => useWithdrawManaged,
+  useWithdrawPreview: () => useWithdrawPreview,
   useWithdrawalLifecycle: () => useWithdrawalLifecycle
 });
 module.exports = __toCommonJS(withdraw_exports);
@@ -81,6 +82,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",
@@ -243,6 +246,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` /
@@ -657,6 +661,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`,
@@ -977,7 +984,8 @@ var defaultAggUiConfig = {
     enableNotifications: true
   },
   market: {
-    arbitrageThreshold: 0
+    arbitrageThreshold: 0,
+    maxMidpointIdsPerRequest: 75
   },
   chart: {
     defaultChartTimeRange: "1D",
@@ -1252,6 +1260,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: "",
@@ -1289,7 +1304,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 });
@@ -1310,31 +1325,42 @@ function useWithdrawFlow(options) {
   const [withdrawNetwork, setWithdrawNetwork] = (0, import_react5.useState)("");
   const [withdrawSummary, setWithdrawSummary] = (0, import_react5.useState)(DEFAULT_WITHDRAW_SUMMARY);
   const [withdrawalId, setWithdrawalId] = (0, import_react5.useState)(null);
+  const [isMax, setIsMax] = (0, import_react5.useState)(false);
+  const detectedAddressKind = (0, import_react5.useMemo)(
+    () => detectDestinationAddressKind(withdrawDestination),
+    [withdrawDestination]
+  );
   const networkOptions = (0, import_react5.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 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 = withdrawNetwork || ((_a = networkOptions[0]) == null ? void 0 : _a.value) || "";
+  const resolvedWithdrawNetwork = isCurrentNetworkSelectable ? withdrawNetwork : firstEnabledNetwork;
   (0, import_react5.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 = (0, import_react5.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) || "";
   (0, import_react5.useEffect)(() => {
     if (!tokenOptions.length) return;
     if (!tokenOptions.some((option) => option.value === withdrawToken)) {
@@ -1346,9 +1372,9 @@ function useWithdrawFlow(options) {
     [balances, resolvedWithdrawToken]
   );
   const selectedTokenDecimals = (0, import_react5.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,
@@ -1373,6 +1399,7 @@ function useWithdrawFlow(options) {
     setWithdrawNetwork("");
     setWithdrawSummary(DEFAULT_WITHDRAW_SUMMARY);
     setWithdrawalId(null);
+    setIsMax(false);
   }, []);
   const handleWithdrawOpenChange = (0, import_react5.useCallback)(
     (isOpen) => {
@@ -1412,19 +1439,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);
@@ -1441,6 +1468,7 @@ function useWithdrawFlow(options) {
       fees: "\u2014"
     });
   }), [
+    isMax,
     resolvedWithdrawNetwork,
     resolvedWithdrawToken,
     selectedCashEntry,
@@ -1464,13 +1492,18 @@ function useWithdrawFlow(options) {
       selectedToken: resolvedWithdrawToken,
       selectedNetwork: resolvedWithdrawNetwork,
       purchaseSummary: withdrawSummary,
-      withdrawalId
+      withdrawalId,
+      isMax
     },
     onWithdrawDestinationChange: setWithdrawDestination,
-    onWithdrawAmountChange: setWithdrawAmount,
+    onWithdrawAmountChange: (0, import_react5.useCallback)((v) => {
+      setIsMax(false);
+      setWithdrawAmount(v);
+    }, []),
     onWithdrawTokenChange: setWithdrawToken,
     onWithdrawNetworkChange: setWithdrawNetwork,
     onMaxClick: (0, import_react5.useCallback)(() => {
+      setIsMax(true);
       setWithdrawAmount(exactBalance === "0" ? "0" : exactBalance);
     }, [exactBalance]),
     onSelectWithdrawProvider: (0, import_react5.useCallback)(
@@ -1537,6 +1570,7 @@ var INITIAL_STATE = {
   status: null,
   requestedAmountRaw: null,
   completedAmountRaw: null,
+  feeRaw: null,
   terminal: false,
   lastLeg: null,
   legs: [],
@@ -1567,16 +1601,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".
@@ -1618,14 +1653,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[]`)
@@ -1633,7 +1669,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
         };
       });
@@ -1652,6 +1688,37 @@ function useWithdrawalLifecycle(withdrawalId) {
   const reset = (0, import_react7.useCallback)(() => setState(INITIAL_STATE), []);
   return { state, reset };
 }
+
+// src/withdraw/use-withdraw-preview.ts
+var import_react_query7 = require("@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 (0, import_react_query7.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 } : {}))
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useDepositAddresses,
@@ -1659,5 +1726,6 @@ function useWithdrawalLifecycle(withdrawalId) {
   useWithdrawEstimate,
   useWithdrawFlow,
   useWithdrawManaged,
+  useWithdrawPreview,
   useWithdrawalLifecycle
 });

package/dist/withdraw.mjs

@@ -1,18 +1,20 @@
 import {
   useWithdrawEstimate,
   useWithdrawFlow,
+  useWithdrawPreview,
   useWithdrawalLifecycle
-} from "./chunk-OBHXWQ6L.mjs";
+} from "./chunk-DK4YDVPH.mjs";
 import {
   useDepositAddresses,
   useManagedBalances,
   useWithdrawManaged
-} from "./chunk-VLYLQSDD.mjs";
+} from "./chunk-V7VCT62L.mjs";
 export {
   useDepositAddresses,
   useManagedBalances,
   useWithdrawEstimate,
   useWithdrawFlow,
   useWithdrawManaged,
+  useWithdrawPreview,
   useWithdrawalLifecycle
 };