@pear-protocol/symmio-client 0.3.3 → 0.3.6

package/dist/react/index.mjs

@@ -2,7 +2,7 @@
 import { createContext, useContext, useMemo, useCallback, useRef, useEffect } from 'react';
 import { createSymmSDK, isAuthExpiredError, isNetworkError, isInsufficientMarginError, isRateLimitedError, isTimeoutError } from '@pear-protocol/symm-core';
 import { create } from 'zustand';
-import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { jsx } from 'react/jsx-runtime';
 import { SiweMessage } from 'siwe';
 import { isAddress, encodeFunctionData } from 'viem';
@@ -21,9 +21,7 @@ var SYMBOL_OVERRIDES = {
   // Add overrides here as needed for SYMM markets that don't map 1:1 to Binance
   // e.g., 'SOME_SYMM_SYMBOL': 'BINANCE_SYMBOL',
 };
-var UNSUPPORTED_SYMBOLS = /* @__PURE__ */ new Set([
-  // Add symbols here that have no Binance equivalent
-]);
+var UNSUPPORTED_SYMBOLS = /* @__PURE__ */ new Set([]);
 function resolveBinanceSymbol(symmSymbol) {
   if (!symmSymbol || !symmSymbol.trim()) {
     return {
@@ -904,27 +902,116 @@ async function fetchAccessTokenEntry(walletClient, signerAddress, accountAddress
   writeStoredToken(accountAddress, chainId, cachedToken);
   return cachedToken;
 }
+function authStoreKey(accountAddress, chainId, signerAddress) {
+  return `${accountAddress}:${chainId}:${signerAddress ?? ""}`;
+}
+function getEntryFromSnapshot(state, accountAddress, chainId, signerAddress) {
+  const signerScoped = state.entries[authStoreKey(accountAddress, chainId, signerAddress)];
+  if (signerScoped) {
+    return signerScoped;
+  }
+  return state.entries[authStoreKey(accountAddress, chainId)] ?? null;
+}
+function getStatusFromSnapshot(state, accountAddress, chainId, signerAddress) {
+  const signerScoped = state.status[authStoreKey(accountAddress, chainId, signerAddress)];
+  if (signerScoped) {
+    return signerScoped;
+  }
+  return state.status[authStoreKey(accountAddress, chainId)] ?? {
+    error: null,
+    isLoading: false
+  };
+}
+var useSymmAuthStore = create((set) => ({
+  entries: {},
+  status: {},
+  setEntry: (accountAddress, chainId, signerAddress, entry) => set((state) => ({
+    entries: {
+      ...state.entries,
+      [authStoreKey(accountAddress, chainId, signerAddress)]: entry
+    },
+    status: {
+      ...state.status,
+      [authStoreKey(accountAddress, chainId, signerAddress)]: {
+        error: null,
+        isLoading: false
+      }
+    }
+  })),
+  clearEntry: (accountAddress, chainId, signerAddress) => set((state) => {
+    const nextEntries = { ...state.entries };
+    const nextStatus = { ...state.status };
+    delete nextEntries[authStoreKey(accountAddress, chainId, signerAddress)];
+    delete nextStatus[authStoreKey(accountAddress, chainId, signerAddress)];
+    return {
+      entries: nextEntries,
+      status: nextStatus
+    };
+  }),
+  setStatus: (accountAddress, chainId, signerAddress, status) => set((state) => ({
+    status: {
+      ...state.status,
+      [authStoreKey(accountAddress, chainId, signerAddress)]: {
+        error: null,
+        isLoading: false,
+        ...state.status[authStoreKey(accountAddress, chainId, signerAddress)],
+        ...status
+      }
+    }
+  })),
+  reset: () => set({
+    entries: {},
+    status: {}
+  })
+}));
+function getAuthStoreEntry(accountAddress, chainId, signerAddress) {
+  return getEntryFromSnapshot(
+    useSymmAuthStore.getState(),
+    accountAddress,
+    chainId,
+    signerAddress
+  );
+}
+function selectAuthStoreEntry(state, accountAddress, chainId, signerAddress) {
+  if (!accountAddress || chainId == null) {
+    return null;
+  }
+  return getEntryFromSnapshot(state, accountAddress, chainId, signerAddress);
+}
+function selectAuthStoreStatus(state, accountAddress, chainId, signerAddress) {
+  if (!accountAddress || chainId == null) {
+    return {
+      error: null,
+      isLoading: false
+    };
+  }
+  return getStatusFromSnapshot(state, accountAddress, chainId, signerAddress);
+}
+function setAuthStoreEntry(accountAddress, chainId, signerAddress, entry) {
+  useSymmAuthStore.getState().setEntry(accountAddress, chainId, signerAddress, entry);
+}
+function setAuthStoreStatus(accountAddress, chainId, signerAddress, status) {
+  useSymmAuthStore.getState().setStatus(accountAddress, chainId, signerAddress, status);
+}
+function clearAuthStoreEntry(accountAddress, chainId, signerAddress) {
+  useSymmAuthStore.getState().clearEntry(accountAddress, chainId, signerAddress);
+}
 
 // src/react/auth-cache.ts
-function getAuthQueryData(queryClient, accountAddress, chainId, signerAddress) {
-  return queryClient.getQueryData(
-    symmKeys.auth(accountAddress, chainId, signerAddress)
-  ) ?? null;
+function getAuthQueryData(accountAddress, chainId, signerAddress) {
+  return getAuthStoreEntry(accountAddress, chainId, signerAddress);
 }
-function setAuthQueryData(queryClient, accountAddress, chainId, signerAddress, entry) {
-  queryClient.setQueryData(symmKeys.auth(accountAddress, chainId, signerAddress), entry);
+function setAuthQueryData(accountAddress, chainId, signerAddress, entry) {
+  setAuthStoreEntry(accountAddress, chainId, signerAddress, entry);
 }
-function clearAuthQueryData(queryClient, accountAddress, chainId, signerAddress) {
-  queryClient.removeQueries({
-    queryKey: symmKeys.auth(accountAddress, chainId, signerAddress),
-    exact: true
-  });
+function clearAuthQueryData(accountAddress, chainId, signerAddress) {
+  clearAuthStoreEntry(accountAddress, chainId, signerAddress);
 }
 function clearPersistedAuthState(accountAddress, chainId) {
   clearCachedToken(accountAddress, chainId);
 }
-function getAuthTokenFromRuntimeCache(queryClient, accountAddress, chainId, signerAddress) {
-  const inQuery = getAuthQueryData(queryClient, accountAddress, chainId, signerAddress) ?? getAuthQueryData(queryClient, accountAddress, chainId);
+function getAuthTokenFromRuntimeCache(accountAddress, chainId, signerAddress) {
+  const inQuery = getAuthQueryData(accountAddress, chainId, signerAddress) ?? getAuthQueryData(accountAddress, chainId);
   if (inQuery && inQuery.expiresAt > Date.now()) {
     return inQuery.token;
   }
@@ -932,11 +1019,10 @@ function getAuthTokenFromRuntimeCache(queryClient, accountAddress, chainId, sign
   if (!persisted) {
     return null;
   }
-  setAuthQueryData(queryClient, accountAddress, chainId, signerAddress, persisted);
+  setAuthQueryData(accountAddress, chainId, signerAddress, persisted);
   return persisted.token;
 }
 async function resolveAuthTokenEntry({
-  queryClient,
   walletClient,
   signerAddress,
   accountAddress,
@@ -948,13 +1034,13 @@ async function resolveAuthTokenEntry({
     return null;
   }
   if (!force) {
-    const inQuery = getAuthQueryData(queryClient, accountAddress, chainId, signerAddress);
+    const inQuery = getAuthQueryData(accountAddress, chainId, signerAddress);
     if (inQuery && inQuery.expiresAt > Date.now()) {
       return inQuery;
     }
     const persisted = getCachedTokenEntry(accountAddress, chainId);
     if (persisted) {
-      setAuthQueryData(queryClient, accountAddress, chainId, signerAddress, persisted);
+      setAuthQueryData(accountAddress, chainId, signerAddress, persisted);
       return persisted;
     }
   }
@@ -965,25 +1051,33 @@ async function resolveAuthTokenEntry({
     chainId,
     siweDomain
   );
-  setAuthQueryData(queryClient, accountAddress, chainId, signerAddress, fresh);
+  setAuthQueryData(accountAddress, chainId, signerAddress, fresh);
   return fresh;
 }
-function clearAuthState(queryClient, accountAddress, chainId, signerAddress) {
+function clearAuthState(accountAddress, chainId, signerAddress) {
   clearPersistedAuthState(accountAddress, chainId);
-  clearAuthQueryData(queryClient, accountAddress, chainId, signerAddress);
+  clearAuthQueryData(accountAddress, chainId, signerAddress);
 }
 
 // src/react/hooks/use-symm-auth.ts
 function useSymmAuth(params) {
   const context = useSymmContext();
-  const queryClient = useQueryClient();
   const address = params?.address ?? context.address;
   const chainId = params?.chainId ?? context.chainId ?? 42161;
   const walletClient = params?.walletClient ?? context.walletClient;
   const siweDomain = params?.siweDomain;
   const activeAccountAddress = params?.activeAccountAddress;
-  const canBootstrap = !!walletClient && !!address && !!activeAccountAddress;
-  const refreshAuth = useCallback(
+  const authEntry = useSymmAuthStore(
+    (state) => selectAuthStoreEntry(state, activeAccountAddress, chainId, address)
+  );
+  useSymmAuthStore(
+    (state) => selectAuthStoreStatus(state, activeAccountAddress, chainId, address).isLoading
+  );
+  const error = useSymmAuthStore(
+    (state) => selectAuthStoreStatus(state, activeAccountAddress, chainId, address).error
+  );
+  const persistedEntry = !authEntry && activeAccountAddress ? getCachedTokenEntry(activeAccountAddress, chainId) : null;
+  const signIn = useCallback(
     async (accountAddress, options) => {
       const resolvedAccountAddress = accountAddress ?? activeAccountAddress;
       if (!resolvedAccountAddress) {
@@ -991,8 +1085,11 @@ function useSymmAuth(params) {
       }
       if (!walletClient || !address) return null;
       try {
-        const tokenEntry = await resolveAuthTokenEntry({
-          queryClient,
+        setAuthStoreStatus(resolvedAccountAddress, chainId, address, {
+          error: null,
+          isLoading: true
+        });
+        const tokenEntry2 = await resolveAuthTokenEntry({
           walletClient,
           signerAddress: address,
           accountAddress: resolvedAccountAddress,
@@ -1000,10 +1097,16 @@ function useSymmAuth(params) {
           siweDomain,
           force: options?.force
         });
-        const token2 = tokenEntry?.token ?? null;
-        return token2;
-      } catch (error) {
-        clearPersistedAuthState(resolvedAccountAddress, chainId);
+        setAuthStoreStatus(resolvedAccountAddress, chainId, address, {
+          error: null,
+          isLoading: false
+        });
+        return tokenEntry2?.token ?? null;
+      } catch (error2) {
+        clearAuthState(resolvedAccountAddress, chainId, address);
+        setAuthStoreStatus(resolvedAccountAddress, chainId, address, {
+          error: error2 instanceof Error ? error2 : new Error("failed to sign in")
+        });
         return null;
       }
     },
@@ -1012,46 +1115,22 @@ function useSymmAuth(params) {
       address,
       activeAccountAddress,
       chainId,
-      siweDomain,
-      queryClient
+      siweDomain
     ]
   );
-  const authQuery = useQuery({
-    queryKey: symmKeys.auth(activeAccountAddress, chainId, address),
-    queryFn: async () => {
-      const tokenEntry = await resolveAuthTokenEntry({
-        queryClient,
-        walletClient,
-        signerAddress: address,
-        accountAddress: activeAccountAddress,
-        chainId,
-        siweDomain
-      });
-      if (!tokenEntry) {
-        return null;
-      }
-      return tokenEntry;
-    },
-    enabled: canBootstrap,
-    retry: false,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false
-  });
   const clearAuth = useCallback(() => {
     if (activeAccountAddress) {
-      clearAuthState(queryClient, activeAccountAddress, chainId, address);
+      clearAuthState(activeAccountAddress, chainId, address);
     }
-  }, [activeAccountAddress, address, chainId, queryClient]);
-  const token = authQuery.data?.token ?? null;
+  }, [activeAccountAddress, address, chainId]);
+  const tokenEntry = authEntry ?? persistedEntry;
+  const token = tokenEntry?.token ?? null;
   return {
     accessToken: token,
-    authToken: token,
     isAuthenticated: !!token,
-    isLoading: authQuery.isLoading,
-    isFetching: authQuery.isFetching,
-    error: authQuery.error,
-    refresh: refreshAuth,
-    refreshAuth,
+    error,
+    signIn,
+    refreshAuth: signIn,
     clear: clearAuth
   };
 }
@@ -1855,7 +1934,6 @@ async function ensureInstantTradeReady(deps, queryClient, request) {
     throw new Error("at least one delegation selector is required");
   }
   const accessToken = getAuthTokenFromRuntimeCache(
-    queryClient,
     accountAddress,
     chainId,
     signerAddress
@@ -2265,7 +2343,6 @@ function splitTradeHookArgs(paramsOrOptions, options) {
 }
 function useResolveTradeAuthToken(params = {}) {
   const context = useSymmContext();
-  const queryClient = useQueryClient();
   const address = params.address ?? context.address;
   const chainId = params.chainId ?? context.chainId;
   return useCallback(
@@ -2279,7 +2356,6 @@ function useResolveTradeAuthToken(params = {}) {
         return null;
       }
       const inMemoryToken = getAuthTokenFromRuntimeCache(
-        queryClient,
         resolvedAccountAddress,
         resolvedChainId,
         address
@@ -2289,7 +2365,7 @@ function useResolveTradeAuthToken(params = {}) {
       }
       return null;
     },
-    [address, chainId, queryClient]
+    [address, chainId]
   );
 }
 
@@ -25916,17 +25992,17 @@ function useSymmHedgerMarkets(params) {
 
 // src/utils/binance-api.ts
 var BINANCE_FAPI_BASE = "https://fapi.binance.com";
-async function fetchKlines(symbol, interval, startTime, endTime, limit = 1500) {
+async function fetchBinanceKlineEndpoint(endpoint, symbol, interval, startTime, endTime, limit = 1e3) {
   const params = new URLSearchParams({
     symbol,
     interval,
-    startTime: String(startTime),
-    endTime: String(endTime),
-    limit: String(Math.min(limit, 1500))
+    limit: String(Math.min(limit, 1e3))
   });
-  const response = await fetch(`${BINANCE_FAPI_BASE}/fapi/v1/klines?${params}`);
+  const response = await fetch(
+    `${BINANCE_FAPI_BASE}/fapi/v1/${endpoint}?${params}`
+  );
   if (!response.ok) {
-    throw new Error(`Binance klines failed: ${response.status}`);
+    throw new Error(`Binance ${endpoint} failed: ${response.status}`);
   }
   const data = await response.json();
   return data.map((k) => ({
@@ -25939,9 +26015,21 @@ async function fetchKlines(symbol, interval, startTime, endTime, limit = 1500) {
     closeTime: Number(k[6])
   }));
 }
+async function fetchMarkPriceKlines(symbol, interval, _startTime, _endTime, _limit = 1e3) {
+  return fetchBinanceKlineEndpoint(
+    "markPriceKlines",
+    symbol,
+    interval,
+    void 0,
+    void 0,
+    1e3
+  );
+}
 async function fetch24hrTicker(symbol) {
   const params = new URLSearchParams({ symbol });
-  const response = await fetch(`${BINANCE_FAPI_BASE}/fapi/v1/ticker/24hr?${params}`);
+  const response = await fetch(
+    `${BINANCE_FAPI_BASE}/fapi/v1/ticker/24hr?${params}`
+  );
   if (!response.ok) return null;
   const data = await response.json();
   return {
@@ -26251,7 +26339,6 @@ function useSymmPendingInstantOpens(params) {
     chainId: ctxChainId,
     address
   } = useSymmContext();
-  const queryClient = useQueryClient();
   const { accountAddress, authToken: providedAuthToken } = params;
   const chainId = params.chainId ?? ctxChainId;
   const internalEnabled = !!symmCoreClient && !!accountAddress;
@@ -26260,7 +26347,6 @@ function useSymmPendingInstantOpens(params) {
     queryKey: symmKeys.pendingInstantOpens(accountAddress, chainId),
     queryFn: async () => {
       const authToken = providedAuthToken ?? getAuthTokenFromRuntimeCache(
-        queryClient,
         accountAddress,
         chainId,
         address
@@ -26668,12 +26754,9 @@ function areIntervalsEqual(currentInterval, nextInterval) {
 async function fetchSymbolKlines(symbol, interval, start, end) {
   const binanceSymbol = toBinanceSymbol(symbol);
   if (!binanceSymbol) return [];
-  const klines = await fetchKlines(
+  const klines = await fetchMarkPriceKlines(
     binanceSymbol,
-    toBinanceInterval(interval),
-    start,
-    end
-  );
+    toBinanceInterval(interval));
   return klines.map((k) => ({
     t: k.openTime,
     T: k.closeTime,
@@ -26858,7 +26941,7 @@ function useSymmChartCandles(selection) {
       }
       if (longTokens.length === 1 && shortTokens.length === 0 || shortTokens.length === 1 && longTokens.length === 0) {
         const activeSymbol = longSymbol ?? shortSymbol;
-        return activeSymbol ? fetchSymbolKlines(activeSymbol, interval, start, end) : [];
+        return activeSymbol ? fetchSymbolKlines(activeSymbol, interval) : [];
       }
       const allSymbols = Array.from(/* @__PURE__ */ new Set([
         ...longTokens.map((token) => token.symbol),
@@ -26867,7 +26950,7 @@ function useSymmChartCandles(selection) {
       const entries = await Promise.all(
         allSymbols.map(async (symbol) => [
           symbol,
-          await fetchSymbolKlines(symbol, interval, start, end)
+          await fetchSymbolKlines(symbol, interval)
         ])
       );
       return computeWeightedBasketCandles(
@@ -26883,7 +26966,7 @@ function useSymmChartCandles(selection) {
       setRealtimeInterval(interval);
       const parts = symbol.split(" ");
       const assetSymbol = parts.length >= 2 ? parts.slice(1).join(" ") : symbol;
-      return fetchSymbolKlines(assetSymbol, interval, start, end);
+      return fetchSymbolKlines(assetSymbol, interval);
     },
     [setRealtimeInterval]
   );
@@ -26896,7 +26979,7 @@ function useSymmChartCandles(selection) {
       if (!longSymbol && !shortSymbol) return [];
       const symbols = [longSymbol, shortSymbol].filter(Boolean);
       const allKlines = await Promise.all(
-        symbols.map((s) => fetchSymbolKlines(s, interval, start, end))
+        symbols.map((s) => fetchSymbolKlines(s, interval))
       );
       if (allKlines.length === 0 || allKlines[0].length === 0) return [];
       if (allKlines.length === 1) {