@agg-build/hooks 2.0.0 → 2.1.0

package/dist/index.js

@@ -84,8 +84,8 @@ __export(src_exports, {
   MarketStatus: () => MarketStatus,
   MatchStatus: () => MatchStatus,
   MatchType: () => MatchType,
-  QueryClient: () => import_react_query38.QueryClient,
-  QueryClientProvider: () => import_react_query38.QueryClientProvider,
+  QueryClient: () => import_react_query39.QueryClient,
+  QueryClientProvider: () => import_react_query39.QueryClientProvider,
   RedeemRejectedError: () => RedeemRejectedError,
   TradeSide: () => TradeSide,
   TurnstileChallengeError: () => import_sdk4.TurnstileChallengeError,
@@ -179,7 +179,7 @@ __export(src_exports, {
   useOrderbookQuote: () => useOrderbookQuote,
   useOrders: () => useOrders,
   usePositions: () => usePositions,
-  useQueryClient: () => import_react_query38.useQueryClient,
+  useQueryClient: () => import_react_query39.useQueryClient,
   useQuoteManaged: () => useQuoteManaged,
   useRampQuotes: () => useRampQuotes,
   useRampSession: () => useRampSession,
@@ -205,6 +205,7 @@ __export(src_exports, {
   useWithdrawEstimate: () => useWithdrawEstimate,
   useWithdrawFlow: () => useWithdrawFlow,
   useWithdrawManaged: () => useWithdrawManaged,
+  useWithdrawPreview: () => useWithdrawPreview,
   useWithdrawalLifecycle: () => useWithdrawalLifecycle,
   userActivityQueryKeys: () => userActivityQueryKeys
 });
@@ -332,7 +333,7 @@ var getVenueOrder = (venue) => {
 var sortVenues = (venues) => [...venues].sort((a, b) => getVenueOrder(a) - getVenueOrder(b));
 
 // src/index.ts
-var import_react_query38 = require("@tanstack/react-query");
+var import_react_query39 = require("@tanstack/react-query");
 
 // src/candle-store.ts
 var import_sdk = require("@agg-build/sdk");
@@ -534,6 +535,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",
@@ -696,6 +699,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` /
@@ -1110,6 +1114,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`,
@@ -1450,7 +1457,8 @@ var defaultAggUiConfig = {
     enableNotifications: true
   },
   market: {
-    arbitrageThreshold: 0
+    arbitrageThreshold: 0,
+    maxMidpointIdsPerRequest: 75
   },
   chart: {
     defaultChartTimeRange: "1D",
@@ -1474,7 +1482,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);
@@ -1499,19 +1507,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,
@@ -4412,6 +4421,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: "",
@@ -4449,7 +4465,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 });
@@ -4470,31 +4486,42 @@ function useWithdrawFlow(options) {
   const [withdrawNetwork, setWithdrawNetwork] = (0, import_react13.useState)("");
   const [withdrawSummary, setWithdrawSummary] = (0, import_react13.useState)(DEFAULT_WITHDRAW_SUMMARY);
   const [withdrawalId, setWithdrawalId] = (0, import_react13.useState)(null);
+  const [isMax, setIsMax] = (0, import_react13.useState)(false);
+  const detectedAddressKind = (0, import_react13.useMemo)(
+    () => detectDestinationAddressKind(withdrawDestination),
+    [withdrawDestination]
+  );
   const networkOptions = (0, import_react13.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_react13.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_react13.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_react13.useEffect)(() => {
     if (!tokenOptions.length) return;
     if (!tokenOptions.some((option) => option.value === withdrawToken)) {
@@ -4506,9 +4533,9 @@ function useWithdrawFlow(options) {
     [balances, resolvedWithdrawToken]
   );
   const selectedTokenDecimals = (0, import_react13.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,
@@ -4533,6 +4560,7 @@ function useWithdrawFlow(options) {
     setWithdrawNetwork("");
     setWithdrawSummary(DEFAULT_WITHDRAW_SUMMARY);
     setWithdrawalId(null);
+    setIsMax(false);
   }, []);
   const handleWithdrawOpenChange = (0, import_react13.useCallback)(
     (isOpen) => {
@@ -4572,19 +4600,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);
@@ -4601,6 +4629,7 @@ function useWithdrawFlow(options) {
       fees: "\u2014"
     });
   }), [
+    isMax,
     resolvedWithdrawNetwork,
     resolvedWithdrawToken,
     selectedCashEntry,
@@ -4624,13 +4653,18 @@ function useWithdrawFlow(options) {
       selectedToken: resolvedWithdrawToken,
       selectedNetwork: resolvedWithdrawNetwork,
       purchaseSummary: withdrawSummary,
-      withdrawalId
+      withdrawalId,
+      isMax
     },
     onWithdrawDestinationChange: setWithdrawDestination,
-    onWithdrawAmountChange: setWithdrawAmount,
+    onWithdrawAmountChange: (0, import_react13.useCallback)((v) => {
+      setIsMax(false);
+      setWithdrawAmount(v);
+    }, []),
     onWithdrawTokenChange: setWithdrawToken,
     onWithdrawNetworkChange: setWithdrawNetwork,
     onMaxClick: (0, import_react13.useCallback)(() => {
+      setIsMax(true);
       setWithdrawAmount(exactBalance === "0" ? "0" : exactBalance);
     }, [exactBalance]),
     onSelectWithdrawProvider: (0, import_react13.useCallback)(
@@ -4697,6 +4731,7 @@ var INITIAL_STATE2 = {
   status: null,
   requestedAmountRaw: null,
   completedAmountRaw: null,
+  feeRaw: null,
   terminal: false,
   lastLeg: null,
   legs: [],
@@ -4727,16 +4762,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".
@@ -4778,14 +4814,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[]`)
@@ -4793,7 +4830,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
         };
       });
@@ -4813,6 +4850,37 @@ function useWithdrawalLifecycle(withdrawalId) {
   return { state, reset };
 }
 
+// src/withdraw/use-withdraw-preview.ts
+var import_react_query17 = 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_query17.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 } : {}))
+  });
+}
+
 // src/index.ts
 var import_sdk4 = require("@agg-build/sdk");
 
@@ -4930,7 +4998,7 @@ var requestAggAuthChooserOpen = () => {
 };
 
 // src/use-categories.ts
-var import_react_query17 = require("@tanstack/react-query");
+var import_react_query18 = require("@tanstack/react-query");
 function useCategories(options) {
   var _a, _b, _c, _d, _e, _f;
   const client = useAggClient();
@@ -4938,7 +5006,7 @@ function useCategories(options) {
   const parentId = (_b = options == null ? void 0 : options.parentId) != null ? _b : null;
   const enabled = (_c = options == null ? void 0 : options.enabled) != null ? _c : true;
   const limit = (_d = options == null ? void 0 : options.limit) != null ? _d : 20;
-  const query = (0, import_react_query17.useInfiniteQuery)({
+  const query = (0, import_react_query18.useInfiniteQuery)({
     queryKey: [queryKeyScope, "parent", parentId != null ? parentId : "__root__", limit],
     queryFn: (_0) => __async(null, [_0], function* ({ pageParam }) {
       const res = yield client.getCategories(__spreadValues({
@@ -4970,7 +5038,7 @@ function useCategoryChildren(options) {
   const parentIds = Array.from(
     new Set(((_d = options == null ? void 0 : options.parentIds) != null ? _d : []).filter((parentId) => Boolean(parentId)))
   );
-  const queries = (0, import_react_query17.useQueries)({
+  const queries = (0, import_react_query18.useQueries)({
     queries: parentIds.map((parentId) => ({
       queryKey: [queryKeyScope, "parent", parentId, limit],
       queryFn: () => __async(null, null, function* () {
@@ -5013,7 +5081,7 @@ function useDebouncedValue(value, delay) {
 }
 
 // src/use-execution-orders.ts
-var import_react_query18 = require("@tanstack/react-query");
+var import_react_query19 = require("@tanstack/react-query");
 function useExecutionOrders(options = {}) {
   var _a, _b;
   const client = useAggClient();
@@ -5026,7 +5094,7 @@ function useExecutionOrders(options = {}) {
     enabled = true,
     refetchIntervalMs = false
   } = options;
-  const query = (0, import_react_query18.useInfiniteQuery)({
+  const query = (0, import_react_query19.useInfiniteQuery)({
     // quoteId + orderId are part of the cache key — different filters
     // produce different result sets, so they have to vary the key.
     queryKey: [
@@ -5062,7 +5130,7 @@ function useExecutionOrders(options = {}) {
 }
 
 // src/use-user-activity.ts
-var import_react_query19 = require("@tanstack/react-query");
+var import_react_query20 = require("@tanstack/react-query");
 var DEFAULT_PENDING_REFETCH_INTERVAL_MS = 15e3;
 var PENDING_ACTIVITY_STATUSES = /* @__PURE__ */ new Set([
   "pending",
@@ -5096,7 +5164,7 @@ function useUserActivity(options = {}) {
     enabled = true,
     pendingRefetchIntervalMs = DEFAULT_PENDING_REFETCH_INTERVAL_MS
   } = options;
-  const query = (0, import_react_query19.useInfiniteQuery)({
+  const query = (0, import_react_query20.useInfiniteQuery)({
     queryKey: userActivityQueryKeys.feed(type, limit),
     queryFn: ({ pageParam }) => client.getUserActivity({
       type,
@@ -5113,7 +5181,7 @@ function useUserActivity(options = {}) {
     // flight (typically after a deposit / withdraw cache invalidation).
     // Without this the feed flashes to the skeleton mid-session, which
     // is worse UX than briefly showing slightly-stale rows.
-    placeholderData: import_react_query19.keepPreviousData,
+    placeholderData: import_react_query20.keepPreviousData,
     refetchInterval: (q) => {
       if (pendingRefetchIntervalMs === false) return false;
       const data = q.state.data;
@@ -5158,12 +5226,12 @@ function useExternalId(options = {}) {
 }
 
 // src/use-execution-positions.ts
-var import_react_query20 = require("@tanstack/react-query");
+var import_react_query21 = require("@tanstack/react-query");
 function useExecutionPositions(options = {}) {
   var _a, _b;
   const client = useAggClient();
   const { limit = 50, status, mode, enabled = true } = options;
-  const query = (0, import_react_query20.useInfiniteQuery)({
+  const query = (0, import_react_query21.useInfiniteQuery)({
     queryKey: executionKeys.positions(null, limit, status != null ? status : null, mode != null ? mode : null),
     queryFn: ({ pageParam }) => client.getExecutionPositions(__spreadProps(__spreadValues({
       limit,
@@ -5194,7 +5262,7 @@ var import_react23 = require("react");
 var import_sdk3 = require("@agg-build/sdk");
 
 // src/use-market-chart.ts
-var import_react_query21 = require("@tanstack/react-query");
+var import_react_query22 = require("@tanstack/react-query");
 
 // src/market-data/subscription.ts
 var import_react21 = require("react");
@@ -5279,7 +5347,7 @@ function useMarketChart(options) {
     orderbook: true,
     trades: true
   });
-  const queries = (0, import_react_query21.useQueries)({
+  const queries = (0, import_react_query22.useQueries)({
     queries: outcomeIds.map((outcomeId) => ({
       // Cache key is intentionally time-free. The rolling window's
       // startTs/endTs advance on every bucket but the user expects the same
@@ -5314,7 +5382,7 @@ function useMarketChart(options) {
       gcTime: 60 * 6e4,
       refetchOnWindowFocus: false,
       retry: 1,
-      placeholderData: import_react_query21.keepPreviousData,
+      placeholderData: import_react_query22.keepPreviousData,
       refetchInterval: refetchIntervalMs != null && refetchIntervalMs > 0 ? refetchIntervalMs : false,
       refetchIntervalInBackground: false
     }))
@@ -5557,7 +5625,7 @@ function useEventOrderbookData(venueMarkets, selectedMarketId) {
 }
 
 // src/use-live-market.ts
-var import_react_query22 = require("@tanstack/react-query");
+var import_react_query23 = require("@tanstack/react-query");
 function outcomeOrderbookToState(response, marketId) {
   var _a, _b, _c, _d;
   const { venue, orderbook, midpoint, spread, seq, checksum, timestamp, venueMarketOutcomeId } = response;
@@ -5607,7 +5675,7 @@ function useLiveMarket(canonicalMarketId) {
     enabled: isLiveSubscriptionEnabled,
     orderbook: true
   });
-  const query = (0, import_react_query22.useQuery)({
+  const query = (0, import_react_query23.useQuery)({
     queryKey: marketDataKeys.live(canonicalMarketId != null ? canonicalMarketId : "__disabled__"),
     queryFn: () => __async(null, null, function* () {
       return createMarketLiveState(canonicalMarketId != null ? canonicalMarketId : "__disabled__");
@@ -5619,7 +5687,7 @@ function useLiveMarket(canonicalMarketId) {
       isConnected: Boolean(isLiveSubscriptionEnabled && isConnected)
     })
   });
-  const seedQuery = (0, import_react_query22.useQuery)({
+  const seedQuery = (0, import_react_query23.useQuery)({
     queryKey: ["live-market-seed", canonicalMarketId],
     queryFn: ({ signal }) => canonicalMarketId ? client.getOutcomeOrderbook(canonicalMarketId, { signal }) : Promise.resolve(null),
     enabled: Boolean(canonicalMarketId),
@@ -5640,7 +5708,7 @@ function useLiveMarket(canonicalMarketId) {
 
 // src/use-live-outcome-prices.ts
 var import_react26 = require("react");
-var import_react_query23 = require("@tanstack/react-query");
+var import_react_query24 = require("@tanstack/react-query");
 var EMPTY_PRICES = /* @__PURE__ */ new Map();
 var buildMidpointFingerprint = (outcomeIds, queries) => {
   var _a, _b, _c;
@@ -5666,7 +5734,7 @@ function useLiveOutcomePrices(venueMarkets) {
     }
     return [...ids].sort();
   }, [venueMarkets]);
-  const queries = (0, import_react_query23.useQueries)({
+  const queries = (0, import_react_query24.useQueries)({
     queries: outcomeIds.map((id) => ({
       queryKey: marketDataKeys.live(id),
       queryFn: () => createMarketLiveState(id),
@@ -5716,7 +5784,7 @@ function findLivePriceById(livePrices, id) {
 
 // src/use-live-best-prices.ts
 var import_react27 = require("react");
-var import_react_query24 = require("@tanstack/react-query");
+var import_react_query25 = require("@tanstack/react-query");
 var EMPTY = /* @__PURE__ */ new Map();
 var extractOutcomeBestPrices = (state) => {
   var _a, _b;
@@ -5758,7 +5826,7 @@ function useLiveBestPrices(venueMarkets) {
     }
     return [...ids].sort();
   }, [venueMarkets]);
-  const queries = (0, import_react_query24.useQueries)({
+  const queries = (0, import_react_query25.useQueries)({
     queries: outcomeIds.map((id) => ({
       queryKey: marketDataKeys.live(id),
       queryFn: () => createMarketLiveState(id),
@@ -5852,7 +5920,7 @@ function useLiveTrades(canonicalMarketId) {
 }
 
 // src/use-midpoints.ts
-var import_react_query25 = require("@tanstack/react-query");
+var import_react_query26 = require("@tanstack/react-query");
 var import_react28 = require("react");
 var normalizeVenueMarketIds = (venueMarkets) => {
   var _a;
@@ -5982,16 +6050,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 = (0, import_react28.useMemo)(() => normalizeVenueMarketIds(venueMarkets), [venueMarkets]);
   const bestMidpointCandidateOutcomeIds = (0, import_react28.useMemo)(
     () => resolveBestMidpointCandidateOutcomeIds(venueMarkets),
     [venueMarkets]
   );
-  const { data, isLoading } = (0, import_react_query25.useQuery)({
-    queryKey: ["midpoints", ids],
-    queryFn: () => client.getMidpoints(ids, { bestPrice: true }),
+  const { data, isLoading } = (0, import_react_query26.useQuery)({
+    queryKey: ["midpoints", ids, maxMidpointIdsPerRequest],
+    queryFn: () => client.getMidpoints(ids, { bestPrice: true, maxMidpointIdsPerRequest }),
     enabled: ids.length > 0,
     staleTime: Infinity,
     gcTime: 30 * 6e4,
@@ -6000,13 +6073,13 @@ function useMidpoints(venueMarkets) {
     refetchOnReconnect: false
   });
   const result = (0, import_react28.useMemo)(() => {
-    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);
@@ -6145,10 +6218,10 @@ var useRollingChartWindow = (options) => {
 };
 
 // src/use-market-orderbook.ts
-var import_react_query26 = require("@tanstack/react-query");
+var import_react_query27 = require("@tanstack/react-query");
 function useMarketOrderbook(options) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const queryClient = (0, import_react_query26.useQueryClient)();
+  const queryClient = (0, import_react_query27.useQueryClient)();
   const ws = useAggWebSocket();
   const isConnected = useAggWebSocketConnectionState();
   const {
@@ -6165,7 +6238,7 @@ function useMarketOrderbook(options) {
     enabled: enabled && !!selectedOutcomeId,
     orderbook: true
   });
-  const liveQueries = (0, import_react_query26.useQueries)({
+  const liveQueries = (0, import_react_query27.useQueries)({
     queries: subscriptionIds.map((subscriptionId) => ({
       queryKey: marketDataKeys.live(subscriptionId),
       queryFn: () => createMarketLiveState(subscriptionId),
@@ -6289,7 +6362,7 @@ function useArbFeed() {
 }
 
 // src/use-order-book.ts
-var import_react_query27 = require("@tanstack/react-query");
+var import_react_query28 = require("@tanstack/react-query");
 function useOrderBook(options) {
   const client = useAggClient();
   const { orderbooks, enabled = true, canonicalMarketId } = options;
@@ -6302,7 +6375,7 @@ function useOrderBook(options) {
       venueMarketOutcomeId: outcome.id
     })) : void 0
   });
-  const batchedResult = (0, import_react_query27.useQuery)({
+  const batchedResult = (0, import_react_query28.useQuery)({
     queryKey: requestedVenueMarketIds.length ? ["orderbooks", requestedVenueMarketIds, null] : ["orderbooks", "__disabled__", null],
     queryFn: ({ signal }) => client.getOrderbooks(
       {
@@ -6315,7 +6388,7 @@ function useOrderBook(options) {
     gcTime: 5 * 6e4,
     refetchOnWindowFocus: false,
     retry: 1,
-    placeholderData: import_react_query27.keepPreviousData
+    placeholderData: import_react_query28.keepPreviousData
   });
   const data = (() => {
     var _a, _b;
@@ -6370,7 +6443,7 @@ function useOrderBook(options) {
 }
 
 // src/use-orderbook-quote.ts
-var import_react_query28 = require("@tanstack/react-query");
+var import_react_query29 = require("@tanstack/react-query");
 var QUOTE_DEBOUNCE_MS = 300;
 var createUnavailableOrderbookError = (message, code, retryable) => {
   const error = new Error(message);
@@ -6432,7 +6505,7 @@ function useOrderbookQuote(options) {
   const { marketId, side, size, enabled = true } = options;
   const debouncedSize = useDebouncedValue(size, QUOTE_DEBOUNCE_MS);
   const shouldFetch = enabled && !!marketId && debouncedSize > 0;
-  const query = (0, import_react_query28.useQuery)({
+  const query = (0, import_react_query29.useQuery)({
     queryKey: marketId ? marketDataKeys.orderbookQuote(marketId, side, debouncedSize) : ["market-data", "orderbook-quote", "__disabled__"],
     queryFn: () => __async(null, null, function* () {
       var _a2, _b, _c, _d;
@@ -6463,7 +6536,7 @@ function useOrderbookQuote(options) {
     staleTime: 1e4,
     gcTime: 5 * 6e4,
     retry: 1,
-    placeholderData: import_react_query28.keepPreviousData
+    placeholderData: import_react_query29.keepPreviousData
   });
   return {
     data: (_a = query.data) != null ? _a : null,
@@ -6474,12 +6547,12 @@ function useOrderbookQuote(options) {
 }
 
 // src/use-orders.ts
-var import_react_query29 = require("@tanstack/react-query");
+var import_react_query30 = require("@tanstack/react-query");
 function useOrders(options = {}) {
   var _a, _b, _c, _d;
   const client = useAggClient();
   const { userId, status, limit = 50, offset = 0, enabled = true } = options;
-  const query = (0, import_react_query29.useQuery)({
+  const query = (0, import_react_query30.useQuery)({
     queryKey: ["orders", userId != null ? userId : "me", status != null ? status : "all", limit, offset],
     queryFn: () => client.getOrders({
       userId,
@@ -6496,13 +6569,13 @@ function useOrders(options = {}) {
 }
 
 // src/use-search.ts
-var import_react_query30 = require("@tanstack/react-query");
+var import_react_query31 = require("@tanstack/react-query");
 var import_react32 = require("react");
 function useSearch(options) {
   var _a, _b, _c;
   const client = (0, import_react32.useContext)(AggClientContext);
-  const queryClient = (0, import_react32.useContext)(import_react_query30.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react32.useState)(() => new import_react_query30.QueryClient());
+  const queryClient = (0, import_react32.useContext)(import_react_query31.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react32.useState)(() => new import_react_query31.QueryClient());
   const { q, type, categoryIds, limit = 20, enabled = true, deep = false } = options;
   const isEnabled = enabled && q.length > 0;
   (0, import_react32.useEffect)(() => {
@@ -6515,7 +6588,7 @@ function useSearch(options) {
   if (isEnabled && !client) {
     throw new Error("useSearch must be used within an <AggProvider>");
   }
-  const query = (0, import_react_query30.useInfiniteQuery)(
+  const query = (0, import_react_query31.useInfiniteQuery)(
     {
       // deep is part of the key — TanStack treats deep vs light as
       // independent queries so users can have both modes cached side-by-side.
@@ -6540,7 +6613,7 @@ function useSearch(options) {
         if (!lastPage.hasMore) return void 0;
         return (_a2 = lastPage.nextCursor) != null ? _a2 : void 0;
       },
-      placeholderData: import_react_query30.keepPreviousData,
+      placeholderData: import_react_query31.keepPreviousData,
       enabled: isEnabled && !!client
     },
     queryClient != null ? queryClient : fallbackQueryClient
@@ -6645,7 +6718,7 @@ function useMarketSearch(options) {
 }
 
 // src/use-smart-route.ts
-var import_react_query31 = require("@tanstack/react-query");
+var import_react_query32 = require("@tanstack/react-query");
 var SMART_ROUTE_STALE_TIME_MS = 2e4;
 function useSmartRoute(options) {
   var _a, _b;
@@ -6667,7 +6740,7 @@ function useSmartRoute(options) {
     staleTimeMs = SMART_ROUTE_STALE_TIME_MS
   } = options;
   const resolvedVenueMarketOutcomeId = (_a = venueMarketOutcomeId != null ? venueMarketOutcomeId : venueMarketId) != null ? _a : outcomeId;
-  const query = (0, import_react_query31.useQuery)({
+  const query = (0, import_react_query32.useQuery)({
     queryKey: [
       "smart-route",
       resolvedVenueMarketOutcomeId,
@@ -6704,25 +6777,34 @@ function useSmartRoute(options) {
     gcTime: 6e4,
     refetchOnWindowFocus: false,
     retry: 1,
-    placeholderData: import_react_query31.keepPreviousData
+    placeholderData: import_react_query32.keepPreviousData
   });
   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
   };
 }
 
 // src/use-user-holdings.ts
-var import_react_query32 = require("@tanstack/react-query");
+var import_react_query33 = require("@tanstack/react-query");
 function useUserHoldings(options) {
   var _a, _b;
   const client = useAggClient();
   const { venue, venueMarketId, venueEventId, enabled = true } = options;
-  const query = (0, import_react_query32.useInfiniteQuery)({
+  const query = (0, import_react_query33.useInfiniteQuery)({
     queryKey: ["user-holdings", venue, venueMarketId, venueEventId],
     queryFn: (_0) => __async(null, [_0], function* ({ pageParam }) {
       return client.getUserHoldings({
@@ -6751,12 +6833,12 @@ function useUserHoldings(options) {
 var import_react35 = require("react");
 
 // src/use-venue-event.ts
-var import_react_query33 = require("@tanstack/react-query");
+var import_react_query34 = require("@tanstack/react-query");
 function useVenueEvent(options) {
   var _a;
   const client = useAggClient();
   const { eventId, enabled = true } = options;
-  const query = (0, import_react_query33.useQuery)({
+  const query = (0, import_react_query34.useQuery)({
     queryKey: ["venue-event", eventId],
     queryFn: (_0) => __async(null, [_0], function* ({ signal }) {
       return client.getVenueEventById(eventId, { signal });
@@ -6775,13 +6857,13 @@ function useVenueEvent(options) {
 }
 
 // src/use-venue-markets.ts
-var import_react_query34 = require("@tanstack/react-query");
+var import_react_query35 = require("@tanstack/react-query");
 var import_react34 = require("react");
 function useVenueMarkets(options) {
   var _a, _b, _c, _d, _e;
   const client = (0, import_react34.useContext)(AggClientContext);
-  const queryClient = (0, import_react34.useContext)(import_react_query34.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react34.useState)(() => new import_react_query34.QueryClient());
+  const queryClient = (0, import_react34.useContext)(import_react_query35.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react34.useState)(() => new import_react_query35.QueryClient());
   const venue = options == null ? void 0 : options.venue;
   const venueEventId = options == null ? void 0 : options.venueEventId;
   const search = options == null ? void 0 : options.search;
@@ -6802,7 +6884,7 @@ function useVenueMarkets(options) {
   if (enabled && !client) {
     throw new Error("useVenueMarkets must be used within an <AggProvider>");
   }
-  const query = (0, import_react_query34.useInfiniteQuery)(
+  const query = (0, import_react_query35.useInfiniteQuery)(
     {
       queryKey: [
         "venue-markets",
@@ -6886,13 +6968,13 @@ function useEnrichedVenueEvent(options) {
 }
 
 // src/use-venue-events.ts
-var import_react_query35 = require("@tanstack/react-query");
+var import_react_query36 = require("@tanstack/react-query");
 var import_react36 = require("react");
 function useVenueEvents(options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const client = (0, import_react36.useContext)(AggClientContext);
-  const queryClient = (0, import_react36.useContext)(import_react_query35.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react36.useState)(() => new import_react_query35.QueryClient());
+  const queryClient = (0, import_react36.useContext)(import_react_query36.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react36.useState)(() => new import_react_query36.QueryClient());
   const venues = options == null ? void 0 : options.venues;
   const search = options == null ? void 0 : options.search;
   const categoryIds = options == null ? void 0 : options.categoryIds;
@@ -6918,7 +7000,7 @@ function useVenueEvents(options) {
   if (enabled && !client) {
     throw new Error("useVenueEvents must be used within an <AggProvider>");
   }
-  const query = (0, import_react_query35.useInfiniteQuery)(
+  const query = (0, import_react_query36.useInfiniteQuery)(
     {
       queryKey: [
         queryKeyScope,
@@ -6963,7 +7045,7 @@ function useVenueEvents(options) {
         return (_a2 = lastPage.nextCursor) != null ? _a2 : void 0;
       },
       // TODO: RMIK - Comment out to show skeletons on category switch
-      placeholderData: import_react_query35.keepPreviousData,
+      placeholderData: import_react_query36.keepPreviousData,
       enabled: enabled && !!client
     },
     queryClient != null ? queryClient : fallbackQueryClient
@@ -7005,26 +7087,12 @@ function useVenueEvents(options) {
 }
 
 // src/use-venue-market-midpoints.ts
-var import_react_query36 = require("@tanstack/react-query");
-var MAX_VENUE_MARKET_IDS_PER_REQUEST = 200;
+var import_react_query37 = require("@tanstack/react-query");
 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) => {
@@ -7037,32 +7105,33 @@ 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 query = (0, import_react_query36.useQuery)({
-    queryKey: requestedVenueMarketIds.length ? ["venue-market-midpoints", requestedVenueMarketIds] : ["venue-market-midpoints", "__disabled__"],
+  const maxMidpointIdsPerRequest = (_b = options.maxMidpointIdsPerRequest) != null ? _b : configuredMaxMidpointIdsPerRequest;
+  const query = (0, import_react_query37.useQuery)({
+    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,
     gcTime: 5 * 6e4,
     refetchOnWindowFocus: false,
     retry: 1,
-    placeholderData: import_react_query36.keepPreviousData
+    placeholderData: import_react_query37.keepPreviousData
   });
-  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,
@@ -7164,8 +7233,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] = (0, import_react37.useState)(() => /* @__PURE__ */ new Map());
   const inFlightRef = (0, import_react37.useRef)(/* @__PURE__ */ new Set());
   const visibleRef = (0, import_react37.useRef)(visibleMarkets);
@@ -7179,10 +7253,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) {
@@ -7197,15 +7271,15 @@ function useViewportMidpoints(visibleMarkets) {
     return () => {
       cancelled = true;
     };
-  }, [visibleFp, cache]);
+  }, [visibleFp, cache, maxMidpointIdsPerRequest]);
   const { prices, venueByOutcomeId } = (0, import_react37.useMemo)(() => {
-    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;
@@ -7304,12 +7378,12 @@ function useVisibleIds(options = {}) {
 }
 
 // src/use-app-config.ts
-var import_react_query37 = require("@tanstack/react-query");
+var import_react_query38 = require("@tanstack/react-query");
 var FIVE_MINUTES = 5 * 60 * 1e3;
 var APP_CONFIG_QUERY_KEY = ["agg", "app-config"];
 function useAppConfig() {
   const client = useAggClient();
-  const query = (0, import_react_query37.useQuery)({
+  const query = (0, import_react_query38.useQuery)({
     queryKey: APP_CONFIG_QUERY_KEY,
     queryFn: () => client.getAppConfig(),
     staleTime: FIVE_MINUTES
@@ -7321,8 +7395,8 @@ function useAppConfig() {
   });
 }
 function useCachedAppConfig() {
-  const queryClient = (0, import_react_query37.useQueryClient)();
-  const query = (0, import_react_query37.useQuery)({
+  const queryClient = (0, import_react_query38.useQueryClient)();
+  const query = (0, import_react_query38.useQuery)({
     queryKey: APP_CONFIG_QUERY_KEY,
     enabled: false,
     initialData: () => queryClient.getQueryData(APP_CONFIG_QUERY_KEY),
@@ -7482,6 +7556,7 @@ var toAppConfigResult = (query) => {
   useWithdrawEstimate,
   useWithdrawFlow,
   useWithdrawManaged,
+  useWithdrawPreview,
   useWithdrawalLifecycle,
   userActivityQueryKeys
 });