@pear-protocol/symmio-client 0.2.5 → 0.2.7

package/dist/react/index.js

@@ -4,6 +4,7 @@
 var react = require('react');
 var symmCore = require('@pear-protocol/symm-core');
 var reactQuery = require('@tanstack/react-query');
+var zustand = require('zustand');
 var jsxRuntime = require('react/jsx-runtime');
 var viem = require('viem');
 
@@ -24,13 +25,13 @@ var symmKeys = {
   accountsLength: (address, chainId) => ["symm", "accountsLength", address, chainId],
   accountsWithPositions: (address, chainId) => ["symm", "accountsWithPositions", address, chainId],
   accountSummary: (address, chainId) => ["symm", "accountSummary", address, chainId],
-  accountData: (address, chainId) => ["symm", "accountData", address, chainId],
+  accountData: (address, chainId, upnl) => ["symm", "accountData", address, chainId, upnl],
   signature: (address, chainId) => ["symm", "signature", address, chainId],
-  approval: (owner, spender, chainId) => ["symm", "approval", owner, spender, chainId],
+  approval: (owner, spender, chainId, token) => ["symm", "approval", owner, spender, chainId, token],
   balances: (address, chainId) => ["symm", "balances", address, chainId],
-  positions: (address, chainId) => ["symm", "positions", address, chainId],
-  openOrders: (address, chainId) => ["symm", "openOrders", address, chainId],
-  tradeHistory: (address, chainId) => ["symm", "tradeHistory", address, chainId],
+  positions: (params) => ["symm", "positions", params],
+  openOrders: (params) => ["symm", "openOrders", params],
+  tradeHistory: (params) => ["symm", "tradeHistory", params],
   tpslOrders: (address, chainId) => ["symm", "tpslOrders", address, chainId],
   tpslOrdersList: (params) => ["symm", "tpslOrders", params],
   twapOrders: (address, chainId) => ["symm", "twapOrders", address, chainId],
@@ -44,7 +45,7 @@ var symmKeys = {
   fundingRates: (chainId) => ["symm", "fundingRates", chainId],
   fundingPayments: (params) => ["symm", "fundingPayments", params],
   fundingHistory: (params) => ["symm", "fundingHistory", params],
-  portfolio: (address, chainId) => ["symm", "portfolio", address, chainId],
+  portfolio: (params) => ["symm", "portfolio", params],
   notifications: (address, chainId) => ["symm", "notifications", address, chainId],
   unreadCount: (address, chainId) => ["symm", "unreadCount", address, chainId],
   availableMargin: (address, chainId) => ["symm", "availableMargin", address, chainId],
@@ -54,43 +55,46 @@ var symmKeys = {
   delegation: (account, target, selectors, chainId) => ["symm", "delegation", account, target, selectors, chainId],
   chartMetadata: (symbolsKey, positionKey) => ["symm", "chartMetadata", symbolsKey, positionKey]
 };
+var useSymmWsStore = zustand.create((set) => ({
+  isConnected: false,
+  setConnected: (isConnected) => set({ isConnected })
+}));
 
 // src/react/hooks/use-symm-ws.ts
 function asUnsubscribeFn(value) {
   return typeof value === "function" ? value : null;
 }
 function useSymmWs(params) {
-  const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
   const queryClient = reactQuery.useQueryClient();
-  const { accountAddress } = params;
-  const chainId = params.chainId ?? ctxChainId;
-  const [isConnected, setIsConnected] = react.useState(false);
+  const isConnected = useSymmWsStore((state) => state.isConnected);
+  const setConnected = useSymmWsStore((state) => state.setConnected);
+  const { symmCoreClient, accountAddress, chainId } = params;
   react.useEffect(() => {
     if (!symmCoreClient || !accountAddress) {
-      setIsConnected(false);
+      setConnected(false);
       return;
     }
     const ws = symmCoreClient.ws;
     const addr = accountAddress;
     const unsubscribers = [];
-    const removeOnConnect = ws.onConnect(() => setIsConnected(true));
-    const removeOnDisconnect = ws.onDisconnect(() => setIsConnected(false));
+    const removeOnConnect = ws.onConnect(() => setConnected(true));
+    const removeOnDisconnect = ws.onDisconnect(() => setConnected(false));
     unsubscribers.push(removeOnConnect, removeOnDisconnect);
     const positionsUnsub = asUnsubscribeFn(ws.subscribeToPositions(addr, chainId, () => {
       queryClient.invalidateQueries({
-        queryKey: symmKeys.positions(accountAddress, chainId)
+        queryKey: ["symm", "positions"]
       });
     }));
     if (positionsUnsub) unsubscribers.push(positionsUnsub);
     const openOrdersUnsub = asUnsubscribeFn(ws.subscribeToOpenOrders(addr, chainId, () => {
       queryClient.invalidateQueries({
-        queryKey: symmKeys.openOrders(accountAddress, chainId)
+        queryKey: ["symm", "openOrders"]
       });
     }));
     if (openOrdersUnsub) unsubscribers.push(openOrdersUnsub);
     const tradesUnsub = asUnsubscribeFn(ws.subscribeToTrades(addr, chainId, () => {
       queryClient.invalidateQueries({
-        queryKey: symmKeys.tradeHistory(accountAddress, chainId)
+        queryKey: ["symm", "tradeHistory"]
       });
     }));
     if (tradesUnsub) unsubscribers.push(tradesUnsub);
@@ -129,10 +133,10 @@ function useSymmWs(params) {
     if (triggerOrdersUnsub) unsubscribers.push(triggerOrdersUnsub);
     const executionsUnsub = asUnsubscribeFn(ws.subscribeToExecutions(addr, chainId, () => {
       queryClient.invalidateQueries({
-        queryKey: symmKeys.positions(accountAddress, chainId)
+        queryKey: ["symm", "positions"]
       });
       queryClient.invalidateQueries({
-        queryKey: symmKeys.portfolio(accountAddress, chainId)
+        queryKey: ["symm", "portfolio"]
       });
     }));
     if (executionsUnsub) unsubscribers.push(executionsUnsub);
@@ -145,7 +149,7 @@ function useSymmWs(params) {
         ws.unsubscribeAll();
       }
     };
-  }, [symmCoreClient, accountAddress, chainId, queryClient]);
+  }, [symmCoreClient, accountAddress, chainId, queryClient, setConnected]);
   return { isConnected };
 }
 var noopRefreshAuth = async () => null;
@@ -167,7 +171,7 @@ function SymmProvider({
     });
   }, [chainId, symmCoreConfig.apiUrl, symmCoreConfig.wsUrl]);
   const resolvedAuthToken = authToken ?? accessToken;
-  useSymmWs({ chainId });
+  useSymmWs({ symmCoreClient, accountAddress: address, chainId });
   const value = react.useMemo(
     () => ({
       symmCoreClient,
@@ -373,20 +377,60 @@ async function fetchAccessToken(walletClient, signerAddress, accountAddress, cha
   writeStoredToken(accountAddress, chainId, cachedToken);
   return accessToken;
 }
+function symmAuthTokenKey(address, chainId) {
+  return `${address.toLowerCase()}:${chainId}`;
+}
+var useSymmAuthStore = zustand.create((set, get) => ({
+  tokensByKey: {},
+  setToken: (address, chainId, token) => {
+    const key = symmAuthTokenKey(address, chainId);
+    set((state) => ({
+      tokensByKey: {
+        ...state.tokensByKey,
+        [key]: token
+      }
+    }));
+  },
+  getToken: (address, chainId) => {
+    const key = symmAuthTokenKey(address, chainId);
+    return get().tokensByKey[key] ?? null;
+  },
+  clearToken: (address, chainId) => {
+    const key = symmAuthTokenKey(address, chainId);
+    set((state) => {
+      if (!(key in state.tokensByKey)) return state;
+      const next = { ...state.tokensByKey };
+      delete next[key];
+      return { tokensByKey: next };
+    });
+  },
+  clearAll: () => {
+    set({ tokensByKey: {} });
+  }
+}));
 
 // src/react/hooks/use-symm-auth.ts
 function useSymmAuth(params) {
   const { address, chainId, walletClient, siweDomain } = params;
-  const [accessToken, setAccessToken] = react.useState(null);
+  const accessToken = useSymmAuthStore(
+    (state) => address ? state.tokensByKey[symmAuthTokenKey(address, chainId)] ?? null : null
+  );
+  const setToken = useSymmAuthStore((state) => state.setToken);
+  const getToken = useSymmAuthStore((state) => state.getToken);
+  const clearToken = useSymmAuthStore((state) => state.clearToken);
   const previousAddressRef = react.useRef(address);
   const previousChainIdRef = react.useRef(chainId);
   const refreshAuth = react.useCallback(
     async (accountAddress) => {
       if (!walletClient || !address) return null;
       const resolvedAccountAddress = accountAddress ?? address;
+      const inMemory = getToken(resolvedAccountAddress, chainId);
+      if (inMemory) {
+        return inMemory;
+      }
       const cached = getCachedToken(resolvedAccountAddress, chainId);
       if (cached) {
-        setAccessToken(cached);
+        setToken(resolvedAccountAddress, chainId, cached);
         return cached;
       }
       try {
@@ -397,21 +441,21 @@ function useSymmAuth(params) {
           chainId,
           siweDomain
         );
-        setAccessToken(token);
+        setToken(resolvedAccountAddress, chainId, token);
         return token;
       } catch {
-        setAccessToken(null);
+        clearToken(resolvedAccountAddress, chainId);
         return null;
       }
     },
-    [walletClient, address, chainId, siweDomain]
+    [walletClient, address, chainId, siweDomain, getToken, setToken, clearToken]
   );
   const clearAuth = react.useCallback(() => {
     if (address) {
       clearCachedToken(address, chainId);
+      clearToken(address, chainId);
     }
-    setAccessToken(null);
-  }, [address, chainId]);
+  }, [address, chainId, clearToken]);
   react.useEffect(() => {
     const previousAddress = previousAddressRef.current;
     const previousChainId = previousChainIdRef.current;
@@ -420,15 +464,19 @@ function useSymmAuth(params) {
     previousAddressRef.current = address;
     previousChainIdRef.current = chainId;
     if (!address || !walletClient) {
-      setAccessToken(null);
       return;
     }
     if (previousAddress && (addressChanged || chainChanged)) {
       clearCachedToken(previousAddress, previousChainId);
+      clearToken(previousAddress, previousChainId);
     }
     const cached = getCachedToken(address, chainId);
-    setAccessToken(cached);
-  }, [address, walletClient, chainId]);
+    if (cached) {
+      setToken(address, chainId, cached);
+    } else {
+      clearToken(address, chainId);
+    }
+  }, [address, walletClient, chainId, setToken, clearToken]);
   return {
     accessToken,
     authToken: accessToken,
@@ -1042,7 +1090,7 @@ function useSymmInstantTrade(params) {
       if (selectors.length === 0) {
         throw new Error("at least one delegation selector is required");
       }
-      const accessToken = await refreshAuth(accountAddress);
+      const accessToken = useSymmAuthStore.getState().getToken(accountAddress, chainId) ?? await refreshAuth(accountAddress);
       if (!accessToken) {
         throw new Error("failed to refresh instant-trading auth");
       }
@@ -1398,7 +1446,7 @@ function useSymmApproval(params) {
   const internalEnabled = !!publicClient && !!owner && !!resolvedSpender && !!resolvedToken;
   const approvalQuery = reactQuery.useQuery({
     ...params.query,
-    queryKey: symmKeys.approval(owner, resolvedSpender, chainId),
+    queryKey: symmKeys.approval(owner, resolvedSpender, chainId, resolvedToken),
     queryFn: async () => {
       const [allowanceVal, balanceVal] = await Promise.all([
         getAllowance(publicClient, resolvedToken, owner, resolvedSpender),
@@ -1416,7 +1464,7 @@ function useSymmApproval(params) {
     },
     onSuccess: () => {
       queryClient.invalidateQueries({
-        queryKey: symmKeys.approval(owner, resolvedSpender, chainId)
+        queryKey: symmKeys.approval(owner, resolvedSpender, chainId, resolvedToken)
       });
     }
   });
@@ -1441,7 +1489,7 @@ function useSymmCancelClose() {
       if (!symmCoreClient) {
         throw new Error("symm-core client not available");
       }
-      const resolvedAuthToken = authToken ?? ctxAuthToken ?? (accountAddress ? await refreshAuth(accountAddress) : null);
+      const resolvedAuthToken = authToken ?? (accountAddress ? useSymmAuthStore.getState().getToken(accountAddress, chainId) : null) ?? ctxAuthToken ?? (accountAddress ? await refreshAuth(accountAddress) : null);
       if (!resolvedAuthToken) {
         throw new Error("auth token is required to cancel a pending close");
       }
@@ -24551,7 +24599,7 @@ function useSymmAccountData(params) {
   const internalEnabled = !!symmCoreClient && !!address;
   const query = reactQuery.useQuery({
     ...params.query,
-    queryKey: symmKeys.accountData(address, chainId),
+    queryKey: symmKeys.accountData(address, chainId, upnl),
     queryFn: () => symmCoreClient.accounts.getData({
       address,
       chainId,
@@ -24641,13 +24689,17 @@ function useSymmTrade() {
 }
 function useSymmPositions(params) {
   const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
-  const { accountAddress, mainAddress, address } = params;
-  const resolvedAddress = address ?? mainAddress;
+  const { accountAddress, address } = params;
+  const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
   const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress);
   const query = reactQuery.useQuery({
     ...params.query,
-    queryKey: symmKeys.positions(accountAddress ?? resolvedAddress, chainId),
+    queryKey: symmKeys.positions({
+      accountAddress,
+      address: resolvedAddress,
+      chainId
+    }),
     queryFn: () => symmCoreClient.positions.getOpen({
       accountAddress,
       address: resolvedAddress,
@@ -24663,15 +24715,19 @@ function useSymmPositions(params) {
 }
 function useSymmOpenOrders(params) {
   const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
-  const { accountAddress, mainAddress } = params;
+  const { accountAddress, address } = params;
+  const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
-  const internalEnabled = !!symmCoreClient && !!(accountAddress || mainAddress);
+  const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress);
   const query = reactQuery.useQuery({
     ...params.query,
-    queryKey: symmKeys.openOrders(accountAddress ?? mainAddress, chainId),
+    queryKey: symmKeys.openOrders({
+      accountAddress,
+      address: resolvedAddress,
+      chainId
+    }),
     queryFn: () => symmCoreClient.orders.list({
-      address: accountAddress,
-      mainAddress,
+      address: accountAddress ?? resolvedAddress,
       chainId
     }),
     enabled: internalEnabled && (params.query?.enabled ?? true)
@@ -24684,17 +24740,25 @@ function useSymmOpenOrders(params) {
 }
 function useSymmTradeHistory(params) {
   const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
-  const { accountAddress, mainAddress } = params;
+  const { accountAddress, address } = params;
+  const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
-  const internalEnabled = !!symmCoreClient && !!(accountAddress || mainAddress);
+  const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress);
   const query = reactQuery.useQuery({
     ...params.query,
-    queryKey: symmKeys.tradeHistory(accountAddress ?? mainAddress, chainId),
-    queryFn: () => symmCoreClient.positions.getTradeHistory({
+    queryKey: symmKeys.tradeHistory({
       accountAddress,
-      mainAddress,
+      address: resolvedAddress,
       chainId
     }),
+    queryFn: () => {
+      const request = {
+        accountAddress,
+        address: resolvedAddress,
+        chainId
+      };
+      return symmCoreClient.positions.getTradeHistory(request);
+    },
     enabled: internalEnabled && (params.query?.enabled ?? true)
   });
   return {
@@ -24730,12 +24794,12 @@ function useSymmTpsl() {
 }
 function useSymmTpslOrders(params) {
   const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
-  const { accountAddress, mainAddress, positionId, type, status } = params;
+  const { accountAddress, address, positionId, type, status } = params;
+  const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
-  const internalEnabled = !!symmCoreClient && !!(accountAddress || mainAddress || positionId);
+  const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress || positionId);
   const request = {
-    address: accountAddress,
-    mainAddress,
+    address: accountAddress ?? resolvedAddress,
     positionId,
     type,
     status,
@@ -24745,7 +24809,7 @@ function useSymmTpslOrders(params) {
     ...params.query,
     queryKey: symmKeys.tpslOrdersList({
       accountAddress,
-      mainAddress,
+      address: resolvedAddress,
       positionId,
       type,
       status,
@@ -24764,15 +24828,15 @@ function useSymmTpslOrders(params) {
 function useSymmTwap(params) {
   const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
   const queryClient = reactQuery.useQueryClient();
-  const { accountAddress, mainAddress } = params;
+  const { accountAddress, address } = params;
+  const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
-  const internalEnabled = !!symmCoreClient && !!(accountAddress || mainAddress);
+  const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress);
   const query = reactQuery.useQuery({
     ...params.query,
-    queryKey: symmKeys.twapOrders(accountAddress ?? mainAddress, chainId),
+    queryKey: symmKeys.twapOrders(accountAddress ?? resolvedAddress, chainId),
     queryFn: () => symmCoreClient.orders.getTwapOrders({
-      address: accountAddress,
-      mainAddress,
+      address: accountAddress ?? resolvedAddress,
       chainId
     }),
     enabled: internalEnabled && (params.query?.enabled ?? true)
@@ -24841,12 +24905,12 @@ function useSymmTriggerConfig(params) {
 }
 function useSymmTriggerOrders(params) {
   const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
-  const { accountAddress, mainAddress, status, limit, offset } = params;
+  const { accountAddress, address, status, limit, offset } = params;
+  const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
-  const internalEnabled = !!symmCoreClient && !!(accountAddress || mainAddress);
+  const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress);
   const request = {
-    address: accountAddress,
-    mainAddress,
+    address: accountAddress ?? resolvedAddress,
     chainId,
     status,
     limit,
@@ -24856,7 +24920,7 @@ function useSymmTriggerOrders(params) {
     ...params.query,
     queryKey: symmKeys.triggerOrders({
       accountAddress,
-      mainAddress,
+      address: resolvedAddress,
       chainId,
       status,
       limit,
@@ -25073,17 +25137,25 @@ function useSymmFundingPayments(params) {
 }
 function useSymmPortfolio(params) {
   const { symmCoreClient, chainId: ctxChainId } = useSymmContext();
-  const { accountAddress, mainAddress } = params;
+  const { accountAddress, address } = params;
+  const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
-  const internalEnabled = !!symmCoreClient && !!(accountAddress || mainAddress);
+  const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress);
   const query = reactQuery.useQuery({
     ...params.query,
-    queryKey: symmKeys.portfolio(accountAddress ?? mainAddress, chainId),
-    queryFn: () => symmCoreClient.portfolio.getMetrics({
+    queryKey: symmKeys.portfolio({
       accountAddress,
-      mainAddress,
+      address: resolvedAddress,
       chainId
     }),
+    queryFn: () => {
+      const request = {
+        accountAddress,
+        address: resolvedAddress,
+        chainId
+      };
+      return symmCoreClient.portfolio.getMetrics(request);
+    },
     enabled: internalEnabled && (params.query?.enabled ?? true)
   });
   return {
@@ -25178,7 +25250,7 @@ function useSymmPendingInstantOpens(params) {
     ...params.query,
     queryKey: symmKeys.pendingInstantOpens(accountAddress, chainId),
     queryFn: async () => {
-      const authToken = providedAuthToken ?? ctxAuthToken ?? await refreshAuth(accountAddress);
+      const authToken = providedAuthToken ?? useSymmAuthStore.getState().getToken(accountAddress, chainId) ?? ctxAuthToken ?? await refreshAuth(accountAddress);
       if (!authToken) {
         throw new Error("failed to acquire auth token for pending instant opens");
       }
@@ -25690,6 +25762,74 @@ function getBinanceWsManager() {
   return _instance;
 }
 
+// src/react/stores/use-binance-mark-price-store.ts
+var refCounts = /* @__PURE__ */ new Map();
+var streamUnsubs = /* @__PURE__ */ new Map();
+var streamSymbols = /* @__PURE__ */ new Map();
+function normalizeBinanceSymbol(symbol) {
+  return symbol.toUpperCase().trim();
+}
+function getNextRefCount(binanceSymbol) {
+  return (refCounts.get(binanceSymbol) ?? 0) + 1;
+}
+function getPrevRefCount(binanceSymbol) {
+  return Math.max(0, (refCounts.get(binanceSymbol) ?? 0) - 1);
+}
+var useBinanceMarkPriceStore = zustand.create((set) => ({
+  markPrices: {},
+  subscribeSymbol: (symmSymbol, rawBinanceSymbol) => {
+    const binanceSymbol = normalizeBinanceSymbol(rawBinanceSymbol);
+    const nextRefCount = getNextRefCount(binanceSymbol);
+    refCounts.set(binanceSymbol, nextRefCount);
+    const symbols = streamSymbols.get(binanceSymbol) ?? /* @__PURE__ */ new Set();
+    symbols.add(symmSymbol);
+    streamSymbols.set(binanceSymbol, symbols);
+    if (nextRefCount === 1) {
+      const wsManager = getBinanceWsManager();
+      const unsubscribe = wsManager.subscribeMarkPrice(binanceSymbol, (data) => {
+        const canonicalSymbol = normalizeBinanceSymbol(data.symbol);
+        const mappedSymbols = streamSymbols.get(canonicalSymbol);
+        if (!mappedSymbols || mappedSymbols.size === 0) return;
+        set((state) => {
+          const nextMarkPrices = { ...state.markPrices };
+          mappedSymbols.forEach((mappedSymbol) => {
+            nextMarkPrices[mappedSymbol] = data.markPrice;
+          });
+          return { markPrices: nextMarkPrices };
+        });
+      });
+      streamUnsubs.set(binanceSymbol, unsubscribe);
+    }
+  },
+  unsubscribeSymbol: (symmSymbol, rawBinanceSymbol) => {
+    const binanceSymbol = normalizeBinanceSymbol(rawBinanceSymbol);
+    const symbols = streamSymbols.get(binanceSymbol);
+    if (symbols) {
+      symbols.delete(symmSymbol);
+      if (symbols.size === 0) {
+        streamSymbols.delete(binanceSymbol);
+      } else {
+        streamSymbols.set(binanceSymbol, symbols);
+      }
+    }
+    const nextRefCount = getPrevRefCount(binanceSymbol);
+    if (nextRefCount === 0) {
+      const unsubscribe = streamUnsubs.get(binanceSymbol);
+      if (unsubscribe) unsubscribe();
+      streamUnsubs.delete(binanceSymbol);
+      refCounts.delete(binanceSymbol);
+    } else {
+      refCounts.set(binanceSymbol, nextRefCount);
+    }
+    set((state) => {
+      if (state.markPrices[symmSymbol] == null) return state;
+      const nextMarkPrices = { ...state.markPrices };
+      delete nextMarkPrices[symmSymbol];
+      return { markPrices: nextMarkPrices };
+    });
+  }
+}));
+
 // src/react/hooks/use-symm-token-selection-metadata.ts
 async function fetchTickerSnapshot(symbol) {
   const resolution = resolveBinanceSymbol(symbol);
@@ -25731,9 +25871,9 @@ function useSymmTokenSelectionMetadata(selection, options = {}) {
     ),
     [selectedSymbols]
   );
-  const [liveMarkPrices, setLiveMarkPrices] = react.useState(
-    {}
-  );
+  const liveMarkPrices = useBinanceMarkPriceStore((state) => state.markPrices);
+  const subscribeSymbol = useBinanceMarkPriceStore((state) => state.subscribeSymbol);
+  const unsubscribeSymbol = useBinanceMarkPriceStore((state) => state.unsubscribeSymbol);
   const query = reactQuery.useQuery({
     queryKey: ["symm", "chart-metadata", symbolsKey],
     queryFn: async () => {
@@ -25761,36 +25901,25 @@ function useSymmTokenSelectionMetadata(selection, options = {}) {
   });
   react.useEffect(() => {
     if (!enabled || isUnsupported || selectedSymbols.length === 0) {
-      setLiveMarkPrices({});
       return;
     }
-    setLiveMarkPrices((current) => {
-      const next = {};
-      for (const symbol of selectedSymbols) {
-        if (current[symbol] != null) {
-          next[symbol] = current[symbol];
-        }
-      }
-      return next;
-    });
-    const wsManager = getBinanceWsManager();
-    const unsubscribes = Array.from(symbolToBinanceMap.entries()).map(
-      ([symbol, binanceSymbol]) => wsManager.subscribeMarkPrice(binanceSymbol, (data) => {
-        setLiveMarkPrices((current) => {
-          if (current[symbol] === data.markPrice) return current;
-          return {
-            ...current,
-            [symbol]: data.markPrice
-          };
-        });
-      })
+    const symbolEntries = Array.from(symbolToBinanceMap.entries());
+    symbolEntries.forEach(
+      ([symbol, binanceSymbol]) => subscribeSymbol(symbol, binanceSymbol)
     );
     return () => {
-      for (const unsubscribe of unsubscribes) {
-        unsubscribe();
-      }
+      symbolEntries.forEach(
+        ([symbol, binanceSymbol]) => unsubscribeSymbol(symbol, binanceSymbol)
+      );
     };
-  }, [enabled, isUnsupported, selectedSymbols, symbolToBinanceMap]);
+  }, [
+    enabled,
+    isUnsupported,
+    selectedSymbols.length,
+    symbolToBinanceMap,
+    subscribeSymbol,
+    unsubscribeSymbol
+  ]);
   return react.useMemo(() => {
     const tickerSnapshots = query.data?.tickerSnapshots ?? {};
     const longMeta = {};
@@ -26233,6 +26362,7 @@ function getSymmErrorMessage(error) {
 exports.SymmProvider = SymmProvider;
 exports.getSymmErrorMessage = getSymmErrorMessage;
 exports.symmKeys = symmKeys;
+exports.useBinanceMarkPriceStore = useBinanceMarkPriceStore;
 exports.useSymmAccountData = useSymmAccountData;
 exports.useSymmAccountSummary = useSymmAccountSummary;
 exports.useSymmAccounts = useSymmAccounts;
@@ -26241,6 +26371,7 @@ exports.useSymmAccountsLength = useSymmAccountsLength;
 exports.useSymmAccountsWithPositions = useSymmAccountsWithPositions;
 exports.useSymmApproval = useSymmApproval;
 exports.useSymmAuth = useSymmAuth;
+exports.useSymmAuthStore = useSymmAuthStore;
 exports.useSymmAvailableMargin = useSymmAvailableMargin;
 exports.useSymmBalances = useSymmBalances;
 exports.useSymmCancelClose = useSymmCancelClose;
@@ -26280,5 +26411,6 @@ exports.useSymmTwap = useSymmTwap;
 exports.useSymmTwapOrder = useSymmTwapOrder;
 exports.useSymmWithdraw = useSymmWithdraw;
 exports.useSymmWs = useSymmWs;
+exports.useSymmWsStore = useSymmWsStore;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map