@agg-build/hooks 1.0.0 → 1.0.1

package/dist/index.js

@@ -82,8 +82,8 @@ __export(src_exports, {
   MarketStatus: () => MarketStatus,
   MatchStatus: () => MatchStatus,
   MatchType: () => MatchType,
-  QueryClient: () => import_react_query35.QueryClient,
-  QueryClientProvider: () => import_react_query35.QueryClientProvider,
+  QueryClient: () => import_react_query36.QueryClient,
+  QueryClientProvider: () => import_react_query36.QueryClientProvider,
   TurnstileChallengeError: () => import_sdk4.TurnstileChallengeError,
   Venue: () => Venue,
   computeClosedPositionTotals: () => computeClosedPositionTotals,
@@ -151,11 +151,12 @@ __export(src_exports, {
   useOnBalanceUpdate: () => useOnBalanceUpdate,
   useOnOrderSubmitted: () => useOnOrderSubmitted,
   useOnRedeemEvent: () => useOnRedeemEvent2,
+  useOnWithdrawalLifecycle: () => useOnWithdrawalLifecycle,
   useOrderBook: () => useOrderBook,
   useOrderbookQuote: () => useOrderbookQuote,
   useOrders: () => useOrders,
   usePositions: () => usePositions,
-  useQueryClient: () => import_react_query35.useQueryClient,
+  useQueryClient: () => import_react_query36.useQueryClient,
   useQuoteManaged: () => useQuoteManaged,
   useRampQuotes: () => useRampQuotes,
   useRampSession: () => useRampSession,
@@ -174,7 +175,9 @@ __export(src_exports, {
   useVenueMarkets: () => useVenueMarkets,
   useViewportMidpoints: () => useViewportMidpoints,
   useVisibleIds: () => useVisibleIds,
-  useWithdrawManaged: () => useWithdrawManaged
+  useWithdrawFlow: () => useWithdrawFlow,
+  useWithdrawManaged: () => useWithdrawManaged,
+  useWithdrawalLifecycle: () => useWithdrawalLifecycle
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -300,7 +303,7 @@ var getVenueOrder = (venue) => {
 var sortVenues = (venues) => [...venues].sort((a, b) => getVenueOrder(a) - getVenueOrder(b));
 
 // src/index.ts
-var import_react_query35 = require("@tanstack/react-query");
+var import_react_query36 = require("@tanstack/react-query");
 
 // src/candle-store.ts
 var import_sdk = require("@agg-build/sdk");
@@ -595,6 +598,8 @@ var enUsLabels = {
       successDescription: "Your USDC has been successfully added to your balance.",
       pendingTitle: (provider) => `Complete your payment on ${provider}`,
       pendingDescription: "Once your transaction is finished, your balance may take a few minutes to update. The deposit will appear in your activity once it's successful.",
+      pendingWalletAddressHelp: "Some providers may ask for a wallet address during checkout, use this one to receive your deposit:",
+      pendingCopyAddress: "Copy deposit address",
       viewActivity: "View Activity",
       chooseAnotherProvider: "Choose another provider",
       summary: {
@@ -631,9 +636,55 @@ var enUsLabels = {
     done: "Done",
     balancePrefix: "Balance:",
     methods: {
+      walletTitle: "Withdraw to wallet",
+      walletDescription: "Withdraw funds instantly to your crypto wallet",
       cardTitle: "Withdraw with card",
       cardDescription: "Withdraw funds to your card"
     },
+    walletFlow: {
+      title: "Withdraw to wallet",
+      recipientAddressLabel: "Recipient address",
+      amountLabel: "Amount",
+      max: "Max",
+      tokenLabel: "Receive token",
+      networkLabel: "Receive network",
+      confirm: "Confirm withdrawal",
+      successTitle: "Withdrawal submitted",
+      successDescription: (tokenSymbol) => `Your ${tokenSymbol} withdrawal is being processed and will arrive shortly.`,
+      // Terminal-state copy. The success step swaps `successTitle` /
+      // `successDescription` for these once the lifecycle has reached a
+      // terminal status — otherwise a finished withdrawal would keep showing
+      // "submitted / processing" forever and force the user to hard-refresh.
+      successTitleCompleted: "Withdrawal complete",
+      successDescriptionCompleted: (tokenSymbol) => `Your ${tokenSymbol} withdrawal has been delivered.`,
+      successTitlePartial: "Withdrawal partially completed",
+      successDescriptionPartial: (tokenSymbol) => `Some legs of your ${tokenSymbol} withdrawal completed; see details below.`,
+      successTitleFailed: "Withdrawal failed",
+      successDescriptionFailed: (tokenSymbol) => `Your ${tokenSymbol} withdrawal could not be completed.`,
+      summary: {
+        // The response is `pricingStatus: "unquoted"` — we don't know net
+        // output until on-chain settlement. Calling this "Amount received"
+        // would imply receipt before the lifecycle has confirmed. Keep it
+        // honest as the submitted amount until the multi-stable quote
+        // layer (PR-E) populates `expected.outputRaw`.
+        amountReceived: "Amount",
+        network: "Network",
+        toWallet: "To wallet",
+        fees: "Fees"
+      },
+      lifecycle: {
+        pending: "Submitted \u2014 preparing your withdrawal\u2026",
+        bridging: "Bridging funds across chains\u2026",
+        transferring: "Transferring to your wallet\u2026",
+        completed: "Withdrawal complete.",
+        partial: "Withdrawal partially completed \u2014 see details below.",
+        failed: "Withdrawal failed.",
+        steps: {
+          bridge: (sourceChainName, destChainName) => `Bridging from ${sourceChainName} to ${destChainName}`,
+          transfer: (destChainName) => `Transferring on ${destChainName}`
+        }
+      }
+    },
     cardFlow: {
       title: "Sell crypto",
       amountLabel: "Amount",
@@ -657,7 +708,10 @@ var enUsLabels = {
       }
     },
     summary: {
-      amountReceived: "Amount received",
+      // Lifecycle-honest: until quoting is live (PR-E) the response is
+      // `pricingStatus: "unquoted"` so this is the submitted amount, not
+      // a guaranteed net output.
+      amountReceived: "Amount",
       network: "Network"
     }
   },
@@ -674,12 +728,16 @@ var enUsLabels = {
   userProfile: {
     activity: {
       depositType: "Deposit",
-      withdrawalType: "Withdraw",
+      withdrawalType: "Withdrawal",
       depositTitles: {
         connectedWallet: "Deposit from connected wallet",
         externalWallet: "Deposit from external wallet",
         card: "Deposit with card"
       },
+      // Activity-row title for any withdrawal regardless of lifecycle
+      // state (pending / completed / failed) — render the asset rather
+      // than implying success. The ActivityRow renders a separate status
+      // chip when the row is failed.
       withdrawalTitle: (tokenSymbol) => `Withdraw ${tokenSymbol}`
     },
     positions: {
@@ -2190,6 +2248,20 @@ function useOnRedeemEvent(callback) {
     return listeners.addRedeemEventListener(handler);
   }, [listeners, hasCallback]);
 }
+function useOnWithdrawalLifecycle(callback) {
+  const listeners = (0, import_react6.useContext)(AggWsUserEventContext);
+  const callbackRef = (0, import_react6.useRef)(callback);
+  callbackRef.current = callback;
+  const hasCallback = callback !== null;
+  (0, import_react6.useEffect)(() => {
+    if (!listeners || !callbackRef.current) return;
+    const handler = (msg) => {
+      var _a;
+      (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, msg);
+    };
+    return listeners.addWithdrawalLifecycleListener(handler);
+  }, [listeners, hasCallback]);
+}
 function AggWebSocketProvider({ children }) {
   const client = useAggClient();
   const { enableWebsocketsLogs } = useAggUiConfig();
@@ -2210,6 +2282,9 @@ function AggWebSocketProvider({ children }) {
   const balanceUpdateListenersRef = (0, import_react6.useRef)(/* @__PURE__ */ new Set());
   const orderEventListenersRef = (0, import_react6.useRef)(/* @__PURE__ */ new Set());
   const redeemEventListenersRef = (0, import_react6.useRef)(/* @__PURE__ */ new Set());
+  const withdrawalLifecycleListenersRef = (0, import_react6.useRef)(
+    /* @__PURE__ */ new Set()
+  );
   const userEventListeners = (0, import_react6.useMemo)(
     () => ({
       addOrderSubmittedListener: (cb) => {
@@ -2235,6 +2310,12 @@ function AggWebSocketProvider({ children }) {
         return () => {
           redeemEventListenersRef.current.delete(cb);
         };
+      },
+      addWithdrawalLifecycleListener: (cb) => {
+        withdrawalLifecycleListenersRef.current.add(cb);
+        return () => {
+          withdrawalLifecycleListenersRef.current.delete(cb);
+        };
       }
     }),
     []
@@ -2409,6 +2490,14 @@ function AggWebSocketProvider({ children }) {
           listener(msg);
         }
       },
+      onWithdrawalLifecycle: (msg) => {
+        if (isClientAuthenticated) {
+          invalidateBalanceCaches();
+        }
+        for (const listener of withdrawalLifecycleListenersRef.current) {
+          listener(msg);
+        }
+      },
       onError: (msg) => {
         const outcomeId = resolveSnapshotUnavailableOutcomeId(msg.message);
         if (!outcomeId) return;
@@ -3135,6 +3224,9 @@ function useRampSession() {
   });
 }
 
+// src/withdraw/use-withdraw-flow.ts
+var import_react11 = require("react");
+
 // src/execution/use-quote-managed.ts
 var import_react_query6 = require("@tanstack/react-query");
 function useQuoteManaged(options) {
@@ -3645,11 +3737,381 @@ var useRedeemEligibleCount = () => {
   return (_a = query.data) != null ? _a : 0;
 };
 
+// src/withdraw/use-withdraw-flow.ts
+var EVM_ADDRESS_REGEX = /^0x[a-fA-F0-9]{40}$/;
+var SOLANA_ADDRESS_REGEX = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;
+var SOLANA_CHAIN_ID = 792703809;
+var WITHDRAWAL_SUPPORTED_CHAIN_IDS = /* @__PURE__ */ new Set([
+  1,
+  // Ethereum
+  137,
+  // Polygon
+  42161,
+  // Arbitrum
+  8453,
+  // Base
+  56,
+  // BNB
+  SOLANA_CHAIN_ID
+]);
+var isValidDestinationAddress = (address, chainId) => {
+  if (chainId === SOLANA_CHAIN_ID) return SOLANA_ADDRESS_REGEX.test(address);
+  return EVM_ADDRESS_REGEX.test(address);
+};
+var DEFAULT_WITHDRAW_SUMMARY = {
+  amountReceived: "",
+  network: "",
+  toWallet: "",
+  fees: "\u2014"
+};
+var formatRawTokenAmount = (rawAmount, decimals) => {
+  if (!rawAmount) return "0";
+  const raw = BigInt(rawAmount);
+  const divisor = BigInt(`1${"0".repeat(decimals)}`);
+  const whole = raw / divisor;
+  const remainder = raw % divisor;
+  if (remainder === BigInt(0)) return whole.toString();
+  return `${whole.toString()}.${remainder.toString().padStart(decimals, "0").replace(/0+$/, "")}`;
+};
+var formatRawTokenAmountForDisplay = (rawAmount, decimals, fractionDigits = 2) => {
+  const [wholePart, fractionalPart = ""] = formatRawTokenAmount(rawAmount, decimals).split(".");
+  const normalizedFraction = fractionalPart.padEnd(fractionDigits, "0").slice(0, fractionDigits);
+  return `${wholePart}.${normalizedFraction}`;
+};
+var parseTokenAmountToRaw = (amount, decimals) => {
+  const normalizedAmount = amount.trim();
+  if (!normalizedAmount || !/^\d*(?:\.\d*)?$/.test(normalizedAmount)) {
+    return null;
+  }
+  const [wholePart = "0", fractionalPart = ""] = normalizedAmount.split(".");
+  if (fractionalPart.length > decimals) return null;
+  const normalizedWhole = wholePart === "" ? "0" : wholePart;
+  const normalizedFraction = fractionalPart.padEnd(decimals, "0");
+  try {
+    return `${BigInt(normalizedWhole)}${normalizedFraction}`.replace(/^0+(?=\d)/, "");
+  } catch (e) {
+    return null;
+  }
+};
+var shortenAddress = (address) => address.length > 12 ? `${address.slice(0, 6)}....${address.slice(-4)}` : address;
+function useWithdrawFlow(options) {
+  var _a, _b;
+  const { open, onOpenChange } = options;
+  const { totalBalance } = useAggBalanceState();
+  const { balances } = useManagedBalances({ enabled: open });
+  const { supportedChains } = useDepositAddresses({ enabled: open });
+  const withdrawMutation = useWithdrawManaged();
+  const syncBalances = useSyncBalances();
+  const ws = useAggWebSocket();
+  (0, import_react11.useEffect)(() => {
+    if (!open) return;
+    syncBalances.mutate(void 0, {
+      onError: () => {
+      }
+    });
+  }, [open]);
+  const [withdrawDestination, setWithdrawDestination] = (0, import_react11.useState)("");
+  const [withdrawAmount, setWithdrawAmount] = (0, import_react11.useState)("");
+  const [withdrawToken, setWithdrawToken] = (0, import_react11.useState)("USDC");
+  const [withdrawNetwork, setWithdrawNetwork] = (0, import_react11.useState)("");
+  const [withdrawSummary, setWithdrawSummary] = (0, import_react11.useState)(DEFAULT_WITHDRAW_SUMMARY);
+  const [withdrawalId, setWithdrawalId] = (0, import_react11.useState)(null);
+  const networkOptions = (0, import_react11.useMemo)(
+    () => (supportedChains != null ? supportedChains : []).filter((chain) => WITHDRAWAL_SUPPORTED_CHAIN_IDS.has(chain.chainId)).map((chain) => ({
+      value: String(chain.chainId),
+      label: chain.name
+    })),
+    [supportedChains]
+  );
+  const resolvedWithdrawNetwork = withdrawNetwork || ((_a = networkOptions[0]) == null ? void 0 : _a.value) || "";
+  (0, import_react11.useEffect)(() => {
+    if (!networkOptions.length) return;
+    if (!withdrawNetwork || !networkOptions.some((option) => option.value === withdrawNetwork)) {
+      setWithdrawNetwork(networkOptions[0].value);
+    }
+  }, [networkOptions, withdrawNetwork]);
+  const tokenOptions = (0, import_react11.useMemo)(() => {
+    var _a2, _b2, _c;
+    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) => ({
+      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) || "";
+  (0, import_react11.useEffect)(() => {
+    if (!tokenOptions.length) return;
+    if (!tokenOptions.some((option) => option.value === withdrawToken)) {
+      setWithdrawToken(tokenOptions[0].value);
+    }
+  }, [tokenOptions, withdrawToken]);
+  const selectedCashEntry = (0, import_react11.useMemo)(
+    () => balances == null ? void 0 : balances.cash.find((cashEntry) => cashEntry.tokenSymbol === resolvedWithdrawToken),
+    [balances, resolvedWithdrawToken]
+  );
+  const selectedTokenDecimals = (0, import_react11.useMemo)(() => {
+    var _a2, _b2, _c, _d;
+    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;
+  }, [
+    resolvedWithdrawNetwork,
+    resolvedWithdrawToken,
+    selectedCashEntry == null ? void 0 : selectedCashEntry.decimals,
+    supportedChains
+  ]);
+  const exactBalance = (0, import_react11.useMemo)(() => {
+    if (!selectedCashEntry) return "0";
+    return formatRawTokenAmount(selectedCashEntry.totalRaw, selectedCashEntry.decimals);
+  }, [selectedCashEntry]);
+  const balanceDisplay = (0, import_react11.useMemo)(() => {
+    if (!selectedCashEntry) return `0.00 ${resolvedWithdrawToken || withdrawToken}`;
+    return `${formatRawTokenAmountForDisplay(
+      selectedCashEntry.totalRaw,
+      selectedCashEntry.decimals
+    )} ${resolvedWithdrawToken}`;
+  }, [resolvedWithdrawToken, selectedCashEntry, withdrawToken]);
+  const resetFlowState = (0, import_react11.useCallback)(() => {
+    setWithdrawDestination("");
+    setWithdrawAmount("");
+    setWithdrawToken("USDC");
+    setWithdrawNetwork("");
+    setWithdrawSummary(DEFAULT_WITHDRAW_SUMMARY);
+    setWithdrawalId(null);
+  }, []);
+  const handleWithdrawOpenChange = (0, import_react11.useCallback)(
+    (isOpen) => {
+      if (!isOpen) resetFlowState();
+      onOpenChange(isOpen);
+    },
+    [onOpenChange, resetFlowState]
+  );
+  (0, import_react11.useEffect)(() => {
+    if (!open) resetFlowState();
+  }, [open, resetFlowState]);
+  const handleWithdrawProvider = (0, import_react11.useCallback)(() => __async(null, null, function* () {
+    var _a2, _b2;
+    const destinationChainId = Number(resolvedWithdrawNetwork);
+    const trimmedDestination = withdrawDestination.trim();
+    const amountRaw = parseTokenAmountToRaw(withdrawAmount, selectedTokenDecimals);
+    if (!amountRaw || BigInt(amountRaw) <= BigInt(0)) {
+      throw new Error("Enter a withdrawal amount greater than zero.");
+    }
+    if (!Number.isFinite(destinationChainId) || destinationChainId <= 0) {
+      throw new Error("Select a destination network.");
+    }
+    if (!isValidDestinationAddress(trimmedDestination, destinationChainId)) {
+      const expected = destinationChainId === SOLANA_CHAIN_ID ? "a Solana wallet address (base58, 32\u201344 chars)" : "an EVM destination address (0x\u2026 40 hex chars)";
+      throw new Error(`Enter ${expected}.`);
+    }
+    if (selectedCashEntry) {
+      const scaleBy = (n, exp) => {
+        if (exp <= 0) return n;
+        return n * BigInt(`1${"0".repeat(exp)}`);
+      };
+      const balanceInDestFrame = (() => {
+        const native = BigInt(selectedCashEntry.totalRaw);
+        if (selectedCashEntry.decimals === selectedTokenDecimals) return native;
+        if (selectedCashEntry.decimals > selectedTokenDecimals) {
+          return native / scaleBy(BigInt(1), selectedCashEntry.decimals - selectedTokenDecimals);
+        }
+        return scaleBy(native, selectedTokenDecimals - selectedCashEntry.decimals);
+      })();
+      if (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(
+        {
+          amountRaw,
+          tokenSymbol: resolvedWithdrawToken,
+          destinationAddress: trimmedDestination,
+          destinationChainId
+        },
+        {
+          onSuccess: (data) => {
+            setWithdrawalId(data.withdrawalId);
+            resolve();
+          },
+          onError: reject
+        }
+      );
+    });
+    setWithdrawSummary({
+      amountReceived: `${formatRawTokenAmountForDisplay(amountRaw, selectedTokenDecimals)} ${resolvedWithdrawToken}`,
+      network: (_b2 = (_a2 = supportedChains == null ? void 0 : supportedChains.find((chain) => chain.chainId === destinationChainId)) == null ? void 0 : _a2.name) != null ? _b2 : resolvedWithdrawNetwork,
+      toWallet: shortenAddress(trimmedDestination),
+      fees: "\u2014"
+    });
+  }), [
+    resolvedWithdrawNetwork,
+    resolvedWithdrawToken,
+    selectedCashEntry,
+    selectedTokenDecimals,
+    supportedChains,
+    withdrawAmount,
+    withdrawDestination,
+    withdrawMutation,
+    ws
+  ]);
+  return {
+    open,
+    onOpenChange: handleWithdrawOpenChange,
+    withdrawFlow: {
+      balance: totalBalance,
+      balanceDisplay,
+      amount: withdrawAmount,
+      destinationWallet: withdrawDestination,
+      tokenOptions,
+      networkOptions,
+      selectedToken: resolvedWithdrawToken,
+      selectedNetwork: resolvedWithdrawNetwork,
+      purchaseSummary: withdrawSummary,
+      withdrawalId
+    },
+    onWithdrawDestinationChange: setWithdrawDestination,
+    onWithdrawAmountChange: setWithdrawAmount,
+    onWithdrawTokenChange: setWithdrawToken,
+    onWithdrawNetworkChange: setWithdrawNetwork,
+    onMaxClick: (0, import_react11.useCallback)(() => {
+      setWithdrawAmount(exactBalance === "0" ? "0" : exactBalance);
+    }, [exactBalance]),
+    onSelectWithdrawProvider: (0, import_react11.useCallback)(
+      (_providerId) => __async(null, null, function* () {
+        return handleWithdrawProvider();
+      }),
+      [handleWithdrawProvider]
+    ),
+    onDoneWithdraw: (0, import_react11.useCallback)(() => handleWithdrawOpenChange(false), [handleWithdrawOpenChange])
+  };
+}
+
+// src/withdraw/use-withdrawal-lifecycle.ts
+var import_react12 = require("react");
+var import_react_query15 = require("@tanstack/react-query");
+var INITIAL_STATE = {
+  pending: true,
+  status: null,
+  terminal: false,
+  lastLeg: null,
+  legs: [],
+  errorMessage: null,
+  timestamp: null
+};
+var restLegToWsLeg = (leg) => ({
+  sourceChainId: leg.sourceChainId,
+  destChainId: leg.destChainId,
+  type: leg.type,
+  // The wire-level WS leg status enum and the REST leg status enum are the
+  // same union (planned/submitted/confirmed/failed). Keep the cast narrow to
+  // avoid pulling the SDK enum apart for a one-line bridge.
+  status: leg.status,
+  amountRaw: leg.amountRaw,
+  txHash: leg.txHash,
+  bridgeOperationId: leg.bridgeOperationId
+});
+var mergeLegs = (prev, snapshot, delta) => {
+  if (snapshot) return snapshot;
+  if (!delta) return prev;
+  const idx = prev.findIndex(
+    (l) => l.sourceChainId === delta.sourceChainId && l.destChainId === delta.destChainId && l.type === delta.type
+  );
+  if (idx === -1) return [...prev, delta];
+  const next = prev.slice();
+  next[idx] = delta;
+  return next;
+};
+var restToLifecycleState = (response) => {
+  var _a;
+  return {
+    pending: false,
+    status: response.status,
+    terminal: response.status === "completed" || response.status === "partial" || response.status === "failed",
+    lastLeg: null,
+    legs: response.legs.map(restLegToWsLeg),
+    errorMessage: (_a = response.errorMessage) != null ? _a : 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".
+    timestamp: 0
+  };
+};
+function useWithdrawalLifecycle(withdrawalId) {
+  const client = useAggClient();
+  const wsConnected = useAggWebSocketConnectionState();
+  const queryClient = (0, import_react_query15.useQueryClient)();
+  const [state, setState] = (0, import_react12.useState)(INITIAL_STATE);
+  const stateRef = (0, import_react12.useRef)(state);
+  stateRef.current = state;
+  const balanceRefetchedForRef = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
+    setState(INITIAL_STATE);
+  }, [withdrawalId]);
+  (0, import_react12.useEffect)(() => {
+    if (!withdrawalId) return;
+    let cancelled = false;
+    (() => __async(null, null, function* () {
+      try {
+        const response = yield client.getWithdrawalStatus(withdrawalId);
+        if (cancelled) return;
+        if (response.withdrawalId !== withdrawalId) return;
+        const current = stateRef.current;
+        const wsAlreadyWon = current.timestamp != null && current.timestamp > 0;
+        if (wsAlreadyWon) return;
+        setState(restToLifecycleState(response));
+      } catch (e) {
+      }
+    }))();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, withdrawalId, wsConnected]);
+  const handler = (0, import_react12.useMemo)(() => {
+    if (!withdrawalId) return null;
+    return (msg) => {
+      if (msg.withdrawalId !== withdrawalId) return;
+      setState((prev) => {
+        var _a, _b;
+        return {
+          pending: false,
+          status: msg.status,
+          terminal: msg.terminal,
+          lastLeg: (_a = msg.leg) != null ? _a : 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[]`)
+          // — merge the delta into the existing array by
+          // (sourceChainId, destChainId, type) so the timeline UI doesn't
+          // collapse to empty between snapshots.
+          legs: mergeLegs(prev.legs, msg.legs, msg.leg),
+          errorMessage: (_b = msg.errorMessage) != null ? _b : null,
+          timestamp: msg.timestamp
+        };
+      });
+    };
+  }, [withdrawalId]);
+  useOnWithdrawalLifecycle(handler);
+  (0, import_react12.useEffect)(() => {
+    if (!withdrawalId) return;
+    if (!state.terminal) return;
+    if (balanceRefetchedForRef.current === withdrawalId) return;
+    balanceRefetchedForRef.current = withdrawalId;
+    invalidateBalanceQueries(queryClient);
+    client.syncManagedBalances().catch(() => {
+    });
+  }, [client, queryClient, state.terminal, withdrawalId]);
+  const reset = (0, import_react12.useCallback)(() => setState(INITIAL_STATE), []);
+  return { state, reset };
+}
+
 // src/index.ts
 var import_sdk4 = require("@agg-build/sdk");
 
 // src/use-geo-block.ts
-var import_react11 = require("react");
+var import_react13 = require("react");
 var DEFAULT_STATE = {
   isLocationBlocked: false,
   isTradingBlocked: false,
@@ -3657,7 +4119,7 @@ var DEFAULT_STATE = {
 };
 function useGeoBlock() {
   var _a, _b;
-  const authContext = (0, import_react11.useContext)(AggAuthContext);
+  const authContext = (0, import_react13.useContext)(AggAuthContext);
   if (process.env.NEXT_PUBLIC_GEO_BLOCK_DISABLE === "true") return DEFAULT_STATE;
   const isBlocked = (_b = (_a = authContext == null ? void 0 : authContext.user) == null ? void 0 : _a.isLocationBlocked) != null ? _b : false;
   if (!isBlocked) return DEFAULT_STATE;
@@ -3669,7 +4131,7 @@ function useGeoBlock() {
 }
 
 // src/use-agg-auth.ts
-var import_react12 = require("react");
+var import_react14 = require("react");
 function useAggAuth(options = {}) {
   const {
     isAuthenticated,
@@ -3679,7 +4141,7 @@ function useAggAuth(options = {}) {
     signIn: signInWithProvider,
     signOut
   } = useAggAuthContext();
-  const signIn = (0, import_react12.useCallback)(
+  const signIn = (0, import_react14.useCallback)(
     (statement) => __async(null, null, function* () {
       if (!options.signMessage) {
         throw new Error(
@@ -3703,11 +4165,11 @@ function useAggAuth(options = {}) {
 }
 
 // src/use-link-account.ts
-var import_react13 = require("react");
+var import_react15 = require("react");
 function useLinkAccount() {
   const client = useAggClient();
-  const [isLoading, setIsLoading] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
   const run = (fn) => {
     setIsLoading(true);
     setError(null);
@@ -3717,11 +4179,11 @@ function useLinkAccount() {
       throw err;
     }).finally(() => setIsLoading(false));
   };
-  const startLink = (0, import_react13.useCallback)(
+  const startLink = (0, import_react15.useCallback)(
     (body) => run(() => client.linkAccount(body)),
     [client]
   );
-  const confirmLink = (0, import_react13.useCallback)(
+  const confirmLink = (0, import_react15.useCallback)(
     (token) => run(() => client.linkAccountConfirm(token)),
     [client]
   );
@@ -3736,13 +4198,13 @@ var requestAggAuthChooserOpen = () => {
 };
 
 // src/use-categories.ts
-var import_react_query15 = require("@tanstack/react-query");
+var import_react_query16 = require("@tanstack/react-query");
 function useCategories(options) {
   var _a, _b, _c, _d;
   const client = useAggClient();
   const enabled = (_a = options == null ? void 0 : options.enabled) != null ? _a : true;
   const limit = (_b = options == null ? void 0 : options.limit) != null ? _b : 20;
-  const query = (0, import_react_query15.useInfiniteQuery)({
+  const query = (0, import_react_query16.useInfiniteQuery)({
     queryKey: ["categories", limit],
     queryFn: (_0) => __async(null, [_0], function* ({ pageParam }) {
       const res = yield client.getCategories({
@@ -3767,10 +4229,10 @@ function useCategories(options) {
 }
 
 // src/use-debounced-value.ts
-var import_react14 = require("react");
+var import_react16 = require("react");
 function useDebouncedValue(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
-  (0, import_react14.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react16.useState)(value);
+  (0, import_react16.useEffect)(() => {
     const timeoutId = window.setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -3782,12 +4244,12 @@ function useDebouncedValue(value, delay) {
 }
 
 // src/use-execution-orders.ts
-var import_react_query16 = require("@tanstack/react-query");
+var import_react_query17 = require("@tanstack/react-query");
 function useExecutionOrders(options = {}) {
   var _a, _b;
   const client = useAggClient();
   const { status, limit = 50, enabled = true, refetchIntervalMs = false } = options;
-  const query = (0, import_react_query16.useInfiniteQuery)({
+  const query = (0, import_react_query17.useInfiniteQuery)({
     queryKey: ["execution-orders", status != null ? status : "all", limit],
     queryFn: ({ pageParam }) => client.getExecutionOrders({
       status,
@@ -3811,12 +4273,12 @@ function useExecutionOrders(options = {}) {
 }
 
 // src/use-user-activity.ts
-var import_react_query17 = require("@tanstack/react-query");
+var import_react_query18 = require("@tanstack/react-query");
 function useUserActivity(options = {}) {
   var _a, _b;
   const client = useAggClient();
   const { type, limit = 50, enabled = true } = options;
-  const query = (0, import_react_query17.useInfiniteQuery)({
+  const query = (0, import_react_query18.useInfiniteQuery)({
     queryKey: ["user-activity", type != null ? type : "all", limit],
     queryFn: ({ pageParam }) => client.getUserActivity({
       type,
@@ -3839,13 +4301,13 @@ function useUserActivity(options = {}) {
 }
 
 // src/use-external-id.ts
-var import_react15 = require("react");
+var import_react17 = require("react");
 function useExternalId(options = {}) {
   const client = useAggClient();
   const { onSuccess, onError: onErrorCb } = options;
-  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
-  const [error, setError] = (0, import_react15.useState)(null);
-  const linkExternalId = (0, import_react15.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const linkExternalId = (0, import_react17.useCallback)(
     (assertion) => __async(null, null, function* () {
       setIsLoading(true);
       setError(null);
@@ -3868,12 +4330,12 @@ function useExternalId(options = {}) {
 }
 
 // src/use-execution-positions.ts
-var import_react_query18 = require("@tanstack/react-query");
+var import_react_query19 = require("@tanstack/react-query");
 function useExecutionPositions(options = {}) {
   var _a, _b;
   const client = useAggClient();
   const { limit = 50, status, enabled = true } = options;
-  const query = (0, import_react_query18.useInfiniteQuery)({
+  const query = (0, import_react_query19.useInfiniteQuery)({
     queryKey: executionKeys.positions(null, limit, status != null ? status : null),
     queryFn: ({ pageParam }) => client.getExecutionPositions({
       limit,
@@ -3896,17 +4358,17 @@ function useExecutionPositions(options = {}) {
 }
 
 // src/use-live-candle-overlay.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 
 // src/use-live-candles.ts
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_sdk3 = require("@agg-build/sdk");
 
 // src/use-market-chart.ts
-var import_react_query19 = require("@tanstack/react-query");
+var import_react_query20 = require("@tanstack/react-query");
 
 // src/market-data/subscription.ts
-var import_react16 = require("react");
+var import_react18 = require("react");
 function useMarketDataSubscription({
   marketId,
   additionalMarketIds,
@@ -3915,7 +4377,7 @@ function useMarketDataSubscription({
   trades = false
 }) {
   const ws = useAggWebSocket();
-  const allIds = (0, import_react16.useMemo)(() => {
+  const allIds = (0, import_react18.useMemo)(() => {
     const ids = /* @__PURE__ */ new Set();
     if (marketId) ids.add(marketId);
     if (additionalMarketIds) {
@@ -3926,7 +4388,7 @@ function useMarketDataSubscription({
     return [...ids];
   }, [marketId, additionalMarketIds]);
   const stableKey = allIds.join("|");
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!ws || !allIds.length || !enabled || !orderbook && !trades) return;
     const unsubscribers = [];
     for (const id of allIds) {
@@ -3989,7 +4451,7 @@ function useMarketChart(options) {
     orderbook: true,
     trades: true
   });
-  const queries = (0, import_react_query19.useQueries)({
+  const queries = (0, import_react_query20.useQueries)({
     queries: outcomeIds.map((outcomeId) => ({
       queryKey: marketDataKeys.chart(outcomeId, interval, startTs, endTs, countBack),
       queryFn: (_0) => __async(null, [_0], function* ({ signal }) {
@@ -4016,7 +4478,7 @@ function useMarketChart(options) {
       gcTime: 5 * 6e4,
       refetchOnWindowFocus: false,
       retry: 1,
-      placeholderData: import_react_query19.keepPreviousData
+      placeholderData: import_react_query20.keepPreviousData
     }))
   });
   const successfulDatasets = queries.flatMap((query) => {
@@ -4045,13 +4507,13 @@ function useMarketChart(options) {
 }
 
 // src/use-live-market-stores.ts
-var import_react17 = require("react");
+var import_react19 = require("react");
 function useLiveMarketStores(venueMarketIds) {
   const ws = useAggWebSocket();
-  const [, forceRender] = (0, import_react17.useReducer)((c) => c + 1, 0);
-  const subsRef = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
-  const stableKey = (0, import_react17.useMemo)(() => venueMarketIds.slice().sort().join("|"), [venueMarketIds]);
-  (0, import_react17.useEffect)(() => {
+  const [, forceRender] = (0, import_react19.useReducer)((c) => c + 1, 0);
+  const subsRef = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
+  const stableKey = (0, import_react19.useMemo)(() => venueMarketIds.slice().sort().join("|"), [venueMarketIds]);
+  (0, import_react19.useEffect)(() => {
     if (!ws || venueMarketIds.length === 0) return;
     const current = subsRef.current;
     const desired = new Set(venueMarketIds);
@@ -4088,7 +4550,7 @@ function candleToLive(c, source) {
 function useLiveCandles(options) {
   var _a;
   const { market, interval = "5m", mode = "venue", startTs, endTs } = options;
-  const venueMarketIds = (0, import_react18.useMemo)(() => {
+  const venueMarketIds = (0, import_react20.useMemo)(() => {
     if (!market) return [];
     if (mode === "venue") return [market.id];
     const ids = [market.id];
@@ -4108,7 +4570,7 @@ function useLiveCandles(options) {
     endTs: endTs != null ? endTs : null,
     enabled: !!restMarketId && startTs != null && endTs != null
   });
-  const liveData = (0, import_react18.useMemo)(() => {
+  const liveData = (0, import_react20.useMemo)(() => {
     if (builders2.length === 0) return { closed: [], forming: null };
     if (mode === "venue" || builders2.length === 1) {
       return {
@@ -4121,7 +4583,7 @@ function useLiveCandles(options) {
       forming: (0, import_sdk3.mergeCandles)(builders2.map((b) => b.getForming(interval)))
     };
   }, [builders2, interval, mode]);
-  const candles = (0, import_react18.useMemo)(() => {
+  const candles = (0, import_react20.useMemo)(() => {
     const byTime = /* @__PURE__ */ new Map();
     if (chartData) {
       const venueEntries = Object.values(chartData.venues);
@@ -4146,7 +4608,7 @@ function useLiveCandles(options) {
     merged.sort((a, b) => a.time - b.time);
     return merged;
   }, [chartData, liveData.closed]);
-  const liveCandle = (0, import_react18.useMemo)(() => {
+  const liveCandle = (0, import_react20.useMemo)(() => {
     if (!liveData.forming) return null;
     return candleToLive(liveData.forming, "live");
   }, [liveData.forming]);
@@ -4194,7 +4656,7 @@ function useLiveCandleOverlay(options) {
     startTs,
     endTs
   });
-  const scaleCandle = (0, import_react19.useCallback)(
+  const scaleCandle = (0, import_react21.useCallback)(
     (candle) => ({
       time: candle.time,
       open: candle.o * scale,
@@ -4205,8 +4667,8 @@ function useLiveCandleOverlay(options) {
     }),
     [scale]
   );
-  const scaledCandles = (0, import_react19.useMemo)(() => rawCandles.map(scaleCandle), [rawCandles, scaleCandle]);
-  const liveCandle = (0, import_react19.useMemo)(() => rawLive ? scaleCandle(rawLive) : null, [rawLive, scaleCandle]);
+  const scaledCandles = (0, import_react21.useMemo)(() => rawCandles.map(scaleCandle), [rawCandles, scaleCandle]);
+  const liveCandle = (0, import_react21.useMemo)(() => rawLive ? scaleCandle(rawLive) : null, [rawLive, scaleCandle]);
   return {
     liveCandle,
     scaledCandles,
@@ -4217,7 +4679,7 @@ function useLiveCandleOverlay(options) {
 }
 
 // src/use-event-orderbook-data.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 function extractSelectedOutcomeIds(selectedMarket) {
   var _a, _b, _c;
   if (!selectedMarket) return [];
@@ -4237,17 +4699,17 @@ function useEventOrderbookData(venueMarkets, selectedMarketId) {
   const {
     features: { enableLiveUpdates }
   } = useAggUiConfig();
-  const selectedMarket = (0, import_react20.useMemo)(() => {
+  const selectedMarket = (0, import_react22.useMemo)(() => {
     var _a;
     if (!selectedMarketId || !(venueMarkets == null ? void 0 : venueMarkets.length)) return null;
     return (_a = venueMarkets.find((m) => m.id === selectedMarketId)) != null ? _a : null;
   }, [venueMarkets, selectedMarketId]);
-  const selectedOutcomeIds = (0, import_react20.useMemo)(
+  const selectedOutcomeIds = (0, import_react22.useMemo)(
     () => extractSelectedOutcomeIds(selectedMarket),
     [selectedMarket]
   );
   const selectedKey = selectedOutcomeIds.join("|");
-  (0, import_react20.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!ws || !enableLiveUpdates || !selectedOutcomeIds.length) return;
     const unsubscribers = selectedOutcomeIds.map((id) => ws.subscribe(id, "orderbook"));
     return () => {
@@ -4257,7 +4719,7 @@ function useEventOrderbookData(venueMarkets, selectedMarketId) {
 }
 
 // src/use-live-market.ts
-var import_react_query20 = require("@tanstack/react-query");
+var import_react_query21 = require("@tanstack/react-query");
 function outcomeOrderbookToState(response, marketId) {
   var _a, _b, _c, _d;
   const { venue, orderbook, midpoint, spread, seq, checksum, timestamp, venueMarketOutcomeId } = response;
@@ -4307,7 +4769,7 @@ function useLiveMarket(canonicalMarketId) {
     enabled: isLiveSubscriptionEnabled,
     orderbook: true
   });
-  const query = (0, import_react_query20.useQuery)({
+  const query = (0, import_react_query21.useQuery)({
     queryKey: marketDataKeys.live(canonicalMarketId != null ? canonicalMarketId : "__disabled__"),
     queryFn: () => __async(null, null, function* () {
       return createMarketLiveState(canonicalMarketId != null ? canonicalMarketId : "__disabled__");
@@ -4319,7 +4781,7 @@ function useLiveMarket(canonicalMarketId) {
       isConnected: Boolean(isLiveSubscriptionEnabled && isConnected)
     })
   });
-  const seedQuery = (0, import_react_query20.useQuery)({
+  const seedQuery = (0, import_react_query21.useQuery)({
     queryKey: ["live-market-seed", canonicalMarketId],
     queryFn: ({ signal }) => canonicalMarketId ? client.getOutcomeOrderbook(canonicalMarketId, { signal }) : Promise.resolve(null),
     enabled: Boolean(canonicalMarketId),
@@ -4339,8 +4801,8 @@ function useLiveMarket(canonicalMarketId) {
 }
 
 // src/use-live-outcome-prices.ts
-var import_react21 = require("react");
-var import_react_query21 = require("@tanstack/react-query");
+var import_react23 = require("react");
+var import_react_query22 = require("@tanstack/react-query");
 var EMPTY_PRICES = /* @__PURE__ */ new Map();
 var buildMidpointFingerprint = (outcomeIds, queries) => {
   var _a, _b, _c;
@@ -4355,7 +4817,7 @@ function useLiveOutcomePrices(venueMarkets) {
   const {
     features: { enableLiveUpdates }
   } = useAggUiConfig();
-  const outcomeIds = (0, import_react21.useMemo)(() => {
+  const outcomeIds = (0, import_react23.useMemo)(() => {
     var _a;
     if (!(venueMarkets == null ? void 0 : venueMarkets.length)) return [];
     const ids = /* @__PURE__ */ new Set();
@@ -4366,7 +4828,7 @@ function useLiveOutcomePrices(venueMarkets) {
     }
     return [...ids].sort();
   }, [venueMarkets]);
-  const queries = (0, import_react_query21.useQueries)({
+  const queries = (0, import_react_query22.useQueries)({
     queries: outcomeIds.map((id) => ({
       queryKey: marketDataKeys.live(id),
       queryFn: () => createMarketLiveState(id),
@@ -4377,11 +4839,11 @@ function useLiveOutcomePrices(venueMarkets) {
     }))
   });
   const fingerprint = buildMidpointFingerprint(outcomeIds, queries);
-  const prevRef = (0, import_react21.useRef)({
+  const prevRef = (0, import_react23.useRef)({
     fingerprint: "",
     prices: EMPTY_PRICES
   });
-  const data = (0, import_react21.useMemo)(() => {
+  const data = (0, import_react23.useMemo)(() => {
     var _a, _b, _c, _d;
     if (!(venueMarkets == null ? void 0 : venueMarkets.length)) return EMPTY_PRICES;
     if (fingerprint === prevRef.current.fingerprint) {
@@ -4400,7 +4862,9 @@ function useLiveOutcomePrices(venueMarkets) {
           continue;
         }
         const liveMidpoint = liveByOutcomeId.get(outcome.id);
-        prices.set(outcome.id, liveMidpoint != null ? liveMidpoint : outcome.price);
+        if (liveMidpoint != null) {
+          prices.set(outcome.id, liveMidpoint);
+        }
       }
     }
     prevRef.current = { fingerprint, prices };
@@ -4428,8 +4892,8 @@ function useLiveTrades(canonicalMarketId) {
 }
 
 // src/use-midpoints.ts
-var import_react22 = require("react");
-var import_react_query22 = require("@tanstack/react-query");
+var import_react24 = require("react");
+var import_react_query23 = require("@tanstack/react-query");
 var normalizeVenueMarketIds = (venueMarkets) => {
   return [...new Set((venueMarkets != null ? venueMarkets : []).map((market) => market.id).filter(Boolean))].sort(
     (left, right) => left.localeCompare(right)
@@ -4437,8 +4901,8 @@ var normalizeVenueMarketIds = (venueMarkets) => {
 };
 function useMidpoints(venueMarkets) {
   const client = useAggClient();
-  const ids = (0, import_react22.useMemo)(() => normalizeVenueMarketIds(venueMarkets), [venueMarkets]);
-  const { data, isLoading } = (0, import_react_query22.useQuery)({
+  const ids = (0, import_react24.useMemo)(() => normalizeVenueMarketIds(venueMarkets), [venueMarkets]);
+  const { data, isLoading } = (0, import_react_query23.useQuery)({
     queryKey: ["midpoints", ids],
     queryFn: () => client.getMidpoints(ids),
     enabled: ids.length > 0,
@@ -4448,29 +4912,43 @@ function useMidpoints(venueMarkets) {
     refetchOnWindowFocus: false,
     refetchOnReconnect: false
   });
-  const prices = (0, import_react22.useMemo)(() => {
-    var _a, _b, _c, _d;
+  const result = (0, import_react24.useMemo)(() => {
+    var _a, _b, _c, _d, _e, _f;
     const map = /* @__PURE__ */ new Map();
-    if (!(data == null ? void 0 : data.data) || !venueMarkets) return map;
+    const venueMap = /* @__PURE__ */ new Map();
+    if (!(data == null ? void 0 : data.data) || !venueMarkets) return { map, venueMap };
     for (const item of data.data) {
       if ((_a = item.outcomes) == null ? void 0 : _a.length) {
         for (const o of item.outcomes) {
           if (o.midpoint != null) {
             map.set(o.venueMarketOutcomeId, o.midpoint);
+            if (item.venue) venueMap.set(o.venueMarketOutcomeId, item.venue);
           }
         }
         if ((_b = item.matched) == null ? void 0 : _b.length) {
-          for (const m of item.matched) {
-            if (m.midpoint != null) {
-              const market = venueMarkets.find((vm) => vm.id === item.venueMarketId);
-              if (!market) continue;
+          const market = venueMarkets.find((vm) => vm.id === item.venueMarketId);
+          if (market) {
+            const primaryYesOutcome = market.venueMarketOutcomes.find(
+              (o) => {
+                var _a2;
+                return ((_a2 = o.label) == null ? void 0 : _a2.toLowerCase()) === "yes";
+              }
+            );
+            const primaryYesMidpoint = primaryYesOutcome ? (_c = map.get(primaryYesOutcome.id)) != null ? _c : null : null;
+            let bestMatchedMidpoint = null;
+            let bestMatchedVenue = null;
+            for (const m of item.matched) {
+              if (m.midpoint == null) continue;
+              if (bestMatchedMidpoint == null || m.midpoint < bestMatchedMidpoint) {
+                bestMatchedMidpoint = m.midpoint;
+                bestMatchedVenue = (_d = m.venue) != null ? _d : null;
+              }
+            }
+            if (bestMatchedMidpoint != null && (primaryYesMidpoint == null || bestMatchedMidpoint < primaryYesMidpoint)) {
               for (const outcome of market.venueMarketOutcomes) {
-                const existing = map.get(outcome.id);
-                const isYes = ((_c = outcome.label) == null ? void 0 : _c.toLowerCase()) === "yes";
-                const matchedPrice = isYes ? m.midpoint : 1 - m.midpoint;
-                if (existing == null || isYes && matchedPrice > existing || !isYes && matchedPrice < existing) {
-                  map.set(outcome.id, matchedPrice);
-                }
+                const isYes = ((_e = outcome.label) == null ? void 0 : _e.toLowerCase()) === "yes";
+                map.set(outcome.id, isYes ? bestMatchedMidpoint : 1 - bestMatchedMidpoint);
+                if (bestMatchedVenue) venueMap.set(outcome.id, bestMatchedVenue);
               }
             }
           }
@@ -4481,21 +4959,26 @@ function useMidpoints(venueMarkets) {
         const market = venueMarkets.find((vm) => vm.id === item.venueMarketId);
         if (!market) continue;
         for (const outcome of market.venueMarketOutcomes) {
-          const isYes = ((_d = outcome.label) == null ? void 0 : _d.toLowerCase()) === "yes";
+          const isYes = ((_f = outcome.label) == null ? void 0 : _f.toLowerCase()) === "yes";
           map.set(outcome.id, isYes ? item.midpoint : 1 - item.midpoint);
+          if (item.venue) venueMap.set(outcome.id, item.venue);
         }
       }
     }
-    return map;
+    return { map, venueMap };
   }, [data, venueMarkets]);
-  return { prices, isLoading: isLoading && ids.length > 0 };
+  return {
+    prices: result.map,
+    venueByOutcomeId: result.venueMap,
+    isLoading: isLoading && ids.length > 0
+  };
 }
 
 // src/use-market-orderbook.ts
-var import_react_query23 = require("@tanstack/react-query");
+var import_react_query24 = require("@tanstack/react-query");
 function useMarketOrderbook(options) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const queryClient = (0, import_react_query23.useQueryClient)();
+  const queryClient = (0, import_react_query24.useQueryClient)();
   const ws = useAggWebSocket();
   const isConnected = useAggWebSocketConnectionState();
   const {
@@ -4512,7 +4995,7 @@ function useMarketOrderbook(options) {
     enabled: enabled && !!selectedOutcomeId,
     orderbook: true
   });
-  const liveQueries = (0, import_react_query23.useQueries)({
+  const liveQueries = (0, import_react_query24.useQueries)({
     queries: subscriptionIds.map((subscriptionId) => ({
       queryKey: marketDataKeys.live(subscriptionId),
       queryFn: () => createMarketLiveState(subscriptionId),
@@ -4578,7 +5061,7 @@ function useMarketOrderbook(options) {
 }
 
 // src/use-order-book.ts
-var import_react_query24 = require("@tanstack/react-query");
+var import_react_query25 = require("@tanstack/react-query");
 function useOrderBook(options) {
   const client = useAggClient();
   const { orderbooks, enabled = true, canonicalMarketId } = options;
@@ -4591,7 +5074,7 @@ function useOrderBook(options) {
       venueMarketOutcomeId: outcome.id
     })) : void 0
   });
-  const batchedResult = (0, import_react_query24.useQuery)({
+  const batchedResult = (0, import_react_query25.useQuery)({
     queryKey: requestedVenueMarketIds.length ? ["orderbooks", requestedVenueMarketIds, null] : ["orderbooks", "__disabled__", null],
     queryFn: ({ signal }) => client.getOrderbooks(
       {
@@ -4604,7 +5087,7 @@ function useOrderBook(options) {
     gcTime: 5 * 6e4,
     refetchOnWindowFocus: false,
     retry: 1,
-    placeholderData: import_react_query24.keepPreviousData
+    placeholderData: import_react_query25.keepPreviousData
   });
   const data = (() => {
     var _a, _b;
@@ -4659,7 +5142,7 @@ function useOrderBook(options) {
 }
 
 // src/use-orderbook-quote.ts
-var import_react_query25 = require("@tanstack/react-query");
+var import_react_query26 = require("@tanstack/react-query");
 var QUOTE_DEBOUNCE_MS = 300;
 var createUnavailableOrderbookError = (message, code, retryable) => {
   const error = new Error(message);
@@ -4721,7 +5204,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_query25.useQuery)({
+  const query = (0, import_react_query26.useQuery)({
     queryKey: marketId ? marketDataKeys.orderbookQuote(marketId, side, debouncedSize) : ["market-data", "orderbook-quote", "__disabled__"],
     queryFn: () => __async(null, null, function* () {
       var _a2, _b, _c, _d;
@@ -4752,7 +5235,7 @@ function useOrderbookQuote(options) {
     staleTime: 1e4,
     gcTime: 5 * 6e4,
     retry: 1,
-    placeholderData: import_react_query25.keepPreviousData
+    placeholderData: import_react_query26.keepPreviousData
   });
   return {
     data: (_a = query.data) != null ? _a : null,
@@ -4763,12 +5246,12 @@ function useOrderbookQuote(options) {
 }
 
 // src/use-orders.ts
-var import_react_query26 = require("@tanstack/react-query");
+var import_react_query27 = 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_query26.useQuery)({
+  const query = (0, import_react_query27.useQuery)({
     queryKey: ["orders", userId != null ? userId : "me", status != null ? status : "all", limit, offset],
     queryFn: () => client.getOrders({
       userId,
@@ -4785,16 +5268,16 @@ function useOrders(options = {}) {
 }
 
 // src/use-search.ts
-var import_react_query27 = require("@tanstack/react-query");
-var import_react23 = require("react");
+var import_react_query28 = require("@tanstack/react-query");
+var import_react25 = require("react");
 function useSearch(options) {
   var _a, _b, _c;
-  const client = (0, import_react23.useContext)(AggClientContext);
-  const queryClient = (0, import_react23.useContext)(import_react_query27.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react23.useState)(() => new import_react_query27.QueryClient());
+  const client = (0, import_react25.useContext)(AggClientContext);
+  const queryClient = (0, import_react25.useContext)(import_react_query28.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react25.useState)(() => new import_react_query28.QueryClient());
   const { q, type, categoryIds, limit = 20, enabled = true } = options;
   const isEnabled = enabled && q.length > 0;
-  (0, import_react23.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (queryClient) return void 0;
     fallbackQueryClient.mount();
     return () => {
@@ -4804,7 +5287,7 @@ function useSearch(options) {
   if (isEnabled && !client) {
     throw new Error("useSearch must be used within an <AggProvider>");
   }
-  const query = (0, import_react_query27.useInfiniteQuery)(
+  const query = (0, import_react_query28.useInfiniteQuery)(
     {
       queryKey: ["search", q, type, (_a = categoryIds == null ? void 0 : categoryIds.join(",")) != null ? _a : "", limit],
       queryFn: (_0) => __async(null, [_0], function* ({ pageParam }) {
@@ -4826,7 +5309,7 @@ function useSearch(options) {
         if (!lastPage.hasMore) return void 0;
         return (_a2 = lastPage.nextCursor) != null ? _a2 : void 0;
       },
-      placeholderData: import_react_query27.keepPreviousData,
+      placeholderData: import_react_query28.keepPreviousData,
       enabled: isEnabled && !!client
     },
     queryClient != null ? queryClient : fallbackQueryClient
@@ -4845,7 +5328,7 @@ function useSearch(options) {
 }
 
 // src/use-smart-route.ts
-var import_react_query28 = require("@tanstack/react-query");
+var import_react_query29 = require("@tanstack/react-query");
 function useSmartRoute(options) {
   var _a, _b;
   const client = useAggClient();
@@ -4863,7 +5346,7 @@ function useSmartRoute(options) {
     enabled = true
   } = options;
   const resolvedVenueMarketOutcomeId = (_a = venueMarketOutcomeId != null ? venueMarketOutcomeId : venueMarketId) != null ? _a : outcomeId;
-  const query = (0, import_react_query28.useQuery)({
+  const query = (0, import_react_query29.useQuery)({
     queryKey: [
       "smart-route",
       resolvedVenueMarketOutcomeId,
@@ -4895,7 +5378,7 @@ function useSmartRoute(options) {
     gcTime: 6e4,
     refetchOnWindowFocus: false,
     retry: 1,
-    placeholderData: import_react_query28.keepPreviousData
+    placeholderData: import_react_query29.keepPreviousData
   });
   const error = query.error;
   return {
@@ -4908,12 +5391,12 @@ function useSmartRoute(options) {
 }
 
 // src/use-user-holdings.ts
-var import_react_query29 = require("@tanstack/react-query");
+var import_react_query30 = 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_query29.useInfiniteQuery)({
+  const query = (0, import_react_query30.useInfiniteQuery)({
     queryKey: ["user-holdings", venue, venueMarketId, venueEventId],
     queryFn: (_0) => __async(null, [_0], function* ({ pageParam }) {
       return client.getUserHoldings({
@@ -4939,15 +5422,15 @@ function useUserHoldings(options) {
 }
 
 // src/use-enriched-venue-event.ts
-var import_react25 = require("react");
+var import_react27 = require("react");
 
 // src/use-venue-event.ts
-var import_react_query30 = require("@tanstack/react-query");
+var import_react_query31 = require("@tanstack/react-query");
 function useVenueEvent(options) {
   var _a;
   const client = useAggClient();
   const { eventId, enabled = true } = options;
-  const query = (0, import_react_query30.useQuery)({
+  const query = (0, import_react_query31.useQuery)({
     queryKey: ["venue-event", eventId],
     queryFn: (_0) => __async(null, [_0], function* ({ signal }) {
       return client.getVenueEventById(eventId, { signal });
@@ -4966,13 +5449,13 @@ function useVenueEvent(options) {
 }
 
 // src/use-venue-markets.ts
-var import_react_query31 = require("@tanstack/react-query");
-var import_react24 = require("react");
+var import_react_query32 = require("@tanstack/react-query");
+var import_react26 = require("react");
 function useVenueMarkets(options) {
   var _a, _b, _c, _d, _e;
-  const client = (0, import_react24.useContext)(AggClientContext);
-  const queryClient = (0, import_react24.useContext)(import_react_query31.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react24.useState)(() => new import_react_query31.QueryClient());
+  const client = (0, import_react26.useContext)(AggClientContext);
+  const queryClient = (0, import_react26.useContext)(import_react_query32.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react26.useState)(() => new import_react_query32.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;
@@ -4983,7 +5466,7 @@ function useVenueMarkets(options) {
   const limit = (_b = options == null ? void 0 : options.limit) != null ? _b : 20;
   const sortBy = options == null ? void 0 : options.sortBy;
   const sortDir = options == null ? void 0 : options.sortDir;
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (queryClient) return void 0;
     fallbackQueryClient.mount();
     return () => {
@@ -4993,7 +5476,7 @@ function useVenueMarkets(options) {
   if (enabled && !client) {
     throw new Error("useVenueMarkets must be used within an <AggProvider>");
   }
-  const query = (0, import_react_query31.useInfiniteQuery)(
+  const query = (0, import_react_query32.useInfiniteQuery)(
     {
       queryKey: [
         "venue-markets",
@@ -5063,7 +5546,7 @@ function useEnrichedVenueEvent(options) {
     sortBy: "yesPrice",
     sortDir: "desc"
   });
-  const enrichedEvent = (0, import_react25.useMemo)(() => {
+  const enrichedEvent = (0, import_react27.useMemo)(() => {
     if (!event) return void 0;
     if (markets.length === 0) return event;
     return mergeEventWithFullMarkets(event, markets);
@@ -5077,13 +5560,13 @@ function useEnrichedVenueEvent(options) {
 }
 
 // src/use-venue-events.ts
-var import_react_query32 = require("@tanstack/react-query");
-var import_react26 = require("react");
+var import_react_query33 = require("@tanstack/react-query");
+var import_react28 = require("react");
 function useVenueEvents(options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const client = (0, import_react26.useContext)(AggClientContext);
-  const queryClient = (0, import_react26.useContext)(import_react_query32.QueryClientContext);
-  const [fallbackQueryClient] = (0, import_react26.useState)(() => new import_react_query32.QueryClient());
+  const client = (0, import_react28.useContext)(AggClientContext);
+  const queryClient = (0, import_react28.useContext)(import_react_query33.QueryClientContext);
+  const [fallbackQueryClient] = (0, import_react28.useState)(() => new import_react_query33.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;
@@ -5098,7 +5581,7 @@ function useVenueEvents(options) {
   const maxYesPrice = options == null ? void 0 : options.maxYesPrice;
   const endDateFrom = options == null ? void 0 : options.endDateFrom;
   const initialPages = options == null ? void 0 : options.initialPages;
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (queryClient) return void 0;
     fallbackQueryClient.mount();
     return () => {
@@ -5108,7 +5591,7 @@ function useVenueEvents(options) {
   if (enabled && !client) {
     throw new Error("useVenueEvents must be used within an <AggProvider>");
   }
-  const query = (0, import_react_query32.useInfiniteQuery)(
+  const query = (0, import_react_query33.useInfiniteQuery)(
     {
       queryKey: [
         queryKeyScope,
@@ -5150,13 +5633,14 @@ function useVenueEvents(options) {
         if (!lastPage.hasMore) return void 0;
         return (_a2 = lastPage.nextCursor) != null ? _a2 : void 0;
       },
-      placeholderData: import_react_query32.keepPreviousData,
+      // TODO: RMIK - Comment out to show skeletons on category switch
+      placeholderData: import_react_query33.keepPreviousData,
       enabled: enabled && !!client
     },
     queryClient != null ? queryClient : fallbackQueryClient
   );
-  const prefetchedRef = (0, import_react26.useRef)(false);
-  (0, import_react26.useEffect)(() => {
+  const prefetchedRef = (0, import_react28.useRef)(false);
+  (0, import_react28.useEffect)(() => {
     var _a2, _b2;
     if (prefetchedRef.current) return;
     if (!initialPages || initialPages <= 1) return;
@@ -5174,7 +5658,7 @@ function useVenueEvents(options) {
     query.hasNextPage,
     query.fetchNextPage
   ]);
-  const events = (0, import_react26.useMemo)(
+  const events = (0, import_react28.useMemo)(
     () => {
       var _a2, _b2;
       return (_b2 = (_a2 = query.data) == null ? void 0 : _a2.pages.flatMap((page) => page.data)) != null ? _b2 : [];
@@ -5192,7 +5676,7 @@ function useVenueEvents(options) {
 }
 
 // src/use-venue-market-midpoints.ts
-var import_react_query33 = require("@tanstack/react-query");
+var import_react_query34 = require("@tanstack/react-query");
 var MAX_VENUE_MARKET_IDS_PER_REQUEST = 200;
 var normalizeVenueMarketIds2 = (venueMarketIds) => {
   return [
@@ -5228,7 +5712,7 @@ function useVenueMarketMidpoints(options) {
   const client = useAggClient();
   const enabled = (_a = options.enabled) != null ? _a : true;
   const requestedVenueMarketIds = normalizeVenueMarketIds2(options.venueMarketIds);
-  const query = (0, import_react_query33.useQuery)({
+  const query = (0, import_react_query34.useQuery)({
     queryKey: requestedVenueMarketIds.length ? ["venue-market-midpoints", requestedVenueMarketIds] : ["venue-market-midpoints", "__disabled__"],
     queryFn: (_0) => __async(null, [_0], function* ({ signal }) {
       const venueMarketIdChunks = chunkVenueMarketIds(requestedVenueMarketIds);
@@ -5247,7 +5731,7 @@ function useVenueMarketMidpoints(options) {
     gcTime: 5 * 6e4,
     refetchOnWindowFocus: false,
     retry: 1,
-    placeholderData: import_react_query33.keepPreviousData
+    placeholderData: import_react_query34.keepPreviousData
   });
   const midpointRows = (_c = (_b = query.data) == null ? void 0 : _b.data) != null ? _c : [];
   const midpointsByVenueMarketId = mapMidpointsByVenueMarketId(midpointRows);
@@ -5282,7 +5766,7 @@ function computePriceGaps(input) {
 }
 
 // src/use-viewport-midpoints.ts
-var import_react27 = require("react");
+var import_react29 = require("react");
 var resolveUncachedVisibleMarketIds = (visibleMarkets, cache, inFlightIds) => {
   const idsToFetch = [];
   for (const market of visibleMarkets) {
@@ -5293,19 +5777,21 @@ var resolveUncachedVisibleMarketIds = (visibleMarkets, cache, inFlightIds) => {
   return idsToFetch;
 };
 var buildCachedMidpointEntries = (requestedVenueMarketIds, rows) => {
-  var _a, _b;
+  var _a, _b, _c;
   const rowsByVenueMarketId = new Map(rows.map((item) => [item.venueMarketId, item]));
   const nextCacheEntries = /* @__PURE__ */ new Map();
   for (const venueMarketId of requestedVenueMarketIds) {
     const item = rowsByVenueMarketId.get(venueMarketId);
     nextCacheEntries.set(venueMarketId, {
       midpoint: (_a = item == null ? void 0 : item.midpoint) != null ? _a : null,
-      matched: ((_b = item == null ? void 0 : item.matched) != null ? _b : []).map((matched) => {
-        var _a2;
-        return {
+      spread: (_b = item == null ? void 0 : item.spread) != null ? _b : null,
+      matched: ((_c = item == null ? void 0 : item.matched) != null ? _c : []).map((matched) => {
+        var _a2, _b2;
+        return __spreadValues({
           venueMarketId: matched.venueMarketId,
-          midpoint: (_a2 = matched.midpoint) != null ? _a2 : null
-        };
+          midpoint: (_a2 = matched.midpoint) != null ? _a2 : null,
+          spread: (_b2 = matched.spread) != null ? _b2 : null
+        }, matched.venue ? { venue: matched.venue } : {});
       })
     });
   }
@@ -5313,15 +5799,15 @@ var buildCachedMidpointEntries = (requestedVenueMarketIds, rows) => {
 };
 function useViewportMidpoints(visibleMarkets) {
   const client = useAggClient();
-  const [cache, setCache] = (0, import_react27.useState)(() => /* @__PURE__ */ new Map());
-  const inFlightRef = (0, import_react27.useRef)(/* @__PURE__ */ new Set());
-  const visibleRef = (0, import_react27.useRef)(visibleMarkets);
+  const [cache, setCache] = (0, import_react29.useState)(() => /* @__PURE__ */ new Map());
+  const inFlightRef = (0, import_react29.useRef)(/* @__PURE__ */ new Set());
+  const visibleRef = (0, import_react29.useRef)(visibleMarkets);
   visibleRef.current = visibleMarkets;
-  const visibleFp = (0, import_react27.useMemo)(
+  const visibleFp = (0, import_react29.useMemo)(
     () => [...new Set(visibleMarkets.map((m) => m.id))].sort().join("|"),
     [visibleMarkets]
   );
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     const toFetch = resolveUncachedVisibleMarketIds(visibleRef.current, cache, inFlightRef.current);
     if (!toFetch.length) return;
     let cancelled = false;
@@ -5345,37 +5831,44 @@ function useViewportMidpoints(visibleMarkets) {
       cancelled = true;
     };
   }, [visibleFp, cache]);
-  const prices = (0, import_react27.useMemo)(() => {
-    var _a;
+  const { prices, venueByOutcomeId } = (0, import_react29.useMemo)(() => {
+    var _a, _b;
     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 candidates = [];
-      if (entry.midpoint != null) candidates.push(entry.midpoint);
-      for (const m of entry.matched) if (m.midpoint != null) candidates.push(m.midpoint);
-      if (!candidates.length) continue;
-      const mid = Math.max(...candidates);
+      let mid = entry.midpoint;
+      let midVenue = market.venue;
+      for (const m of entry.matched) {
+        if (m.midpoint == null) continue;
+        if (mid == null || m.midpoint < mid) {
+          mid = m.midpoint;
+          midVenue = (_a = m.venue) != null ? _a : market.venue;
+        }
+      }
+      if (mid == null) continue;
       for (const outcome of market.venueMarketOutcomes) {
-        const isYes = ((_a = outcome.label) == null ? void 0 : _a.toLowerCase()) === "yes";
+        const isYes = ((_b = outcome.label) == null ? void 0 : _b.toLowerCase()) === "yes";
         map.set(outcome.id, isYes ? mid : 1 - mid);
+        venueMap.set(outcome.id, midVenue);
       }
     }
-    return map;
+    return { prices: map, venueByOutcomeId: venueMap };
   }, [cache, visibleMarkets]);
-  return { prices };
+  return { prices, venueByOutcomeId };
 }
 
 // src/use-visible-ids.ts
-var import_react28 = require("react");
+var import_react30 = require("react");
 function useVisibleIds(options = {}) {
   const { rootMargin = "0px", threshold = 0 } = options;
-  const [visibleIds, setVisibleIds] = (0, import_react28.useState)(() => /* @__PURE__ */ new Set());
-  const observerRef = (0, import_react28.useRef)(null);
-  const elementsRef = (0, import_react28.useRef)(/* @__PURE__ */ new Map());
-  const elementIdRef = (0, import_react28.useRef)(/* @__PURE__ */ new WeakMap());
-  const callbackRefsRef = (0, import_react28.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react28.useEffect)(() => {
+  const [visibleIds, setVisibleIds] = (0, import_react30.useState)(() => /* @__PURE__ */ new Set());
+  const observerRef = (0, import_react30.useRef)(null);
+  const elementsRef = (0, import_react30.useRef)(/* @__PURE__ */ new Map());
+  const elementIdRef = (0, import_react30.useRef)(/* @__PURE__ */ new WeakMap());
+  const callbackRefsRef = (0, import_react30.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react30.useEffect)(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -5407,7 +5900,7 @@ function useVisibleIds(options = {}) {
       observerRef.current = null;
     };
   }, [rootMargin, threshold]);
-  const register = (0, import_react28.useCallback)((id) => {
+  const register = (0, import_react30.useCallback)((id) => {
     const existing = callbackRefsRef.current.get(id);
     if (existing) return existing;
     const callback = (el) => {
@@ -5440,12 +5933,12 @@ function useVisibleIds(options = {}) {
 }
 
 // src/use-app-config.ts
-var import_react_query34 = require("@tanstack/react-query");
+var import_react_query35 = require("@tanstack/react-query");
 var FIVE_MINUTES = 5 * 60 * 1e3;
 function useAppConfig() {
   var _a, _b, _c, _d, _e, _f;
   const client = useAggClient();
-  const query = (0, import_react_query34.useQuery)({
+  const query = (0, import_react_query35.useQuery)({
     queryKey: ["agg", "app-config"],
     queryFn: () => client.getAppConfig(),
     staleTime: FIVE_MINUTES
@@ -5541,6 +6034,7 @@ function useAppConfig() {
   useOnBalanceUpdate,
   useOnOrderSubmitted,
   useOnRedeemEvent,
+  useOnWithdrawalLifecycle,
   useOrderBook,
   useOrderbookQuote,
   useOrders,
@@ -5564,5 +6058,7 @@ function useAppConfig() {
   useVenueMarkets,
   useViewportMidpoints,
   useVisibleIds,
-  useWithdrawManaged
+  useWithdrawFlow,
+  useWithdrawManaged,
+  useWithdrawalLifecycle
 });