@pear-protocol/symmio-client 0.2.9 → 0.2.11

package/dist/react/index.mjs

@@ -1,9 +1,9 @@
 'use client';
-import { createContext, useContext, useEffect, useMemo, useRef, useCallback } from 'react';
+import { createContext, useContext, useMemo, useRef, useCallback, useEffect } from 'react';
 import { createSymmSDK, isAuthExpiredError, isNetworkError, isInsufficientMarginError, isRateLimitedError, isTimeoutError } from '@pear-protocol/symm-core';
-import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
-import { create } from 'zustand';
 import { jsx } from 'react/jsx-runtime';
+import { create } from 'zustand';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { isAddress, encodeFunctionData } from 'viem';
 
 var SymmContext = createContext(null);
@@ -14,142 +14,6 @@ function useSymmContext() {
   }
   return ctx;
 }
-
-// src/react/query-keys.ts
-var symmKeys = {
-  all: ["symm"],
-  accounts: (address, chainId) => ["symm", "accounts", address, chainId],
-  accountsApi: (address, chainId) => ["symm", "accountsApi", address, chainId],
-  accountsLength: (address, chainId) => ["symm", "accountsLength", address, chainId],
-  accountsWithPositions: (address, chainId) => ["symm", "accountsWithPositions", address, chainId],
-  accountSummary: (address, chainId) => ["symm", "accountSummary", address, chainId],
-  accountData: (address, chainId, upnl) => ["symm", "accountData", address, chainId, upnl],
-  signature: (address, chainId) => ["symm", "signature", address, chainId],
-  approval: (owner, spender, chainId, token) => ["symm", "approval", owner, spender, chainId, token],
-  balances: (address, chainId) => ["symm", "balances", 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],
-  triggerOrders: (params) => ["symm", "triggerOrders", params],
-  triggerConfig: (orderId) => ["symm", "triggerConfig", orderId],
-  markets: (chainId, search) => ["symm", "markets", chainId, search],
-  hedgerMarketById: (id, chainId) => ["symm", "hedgerMarketById", id, chainId],
-  hedgerMarketBySymbol: (symbol, chainId) => ["symm", "hedgerMarketBySymbol", symbol, chainId],
-  lockedParams: (marketName, leverage, chainId) => ["symm", "lockedParams", marketName, leverage, chainId],
-  hedgerMarkets: (request) => ["symm", "hedgerMarkets", request],
-  fundingRates: (chainId) => ["symm", "fundingRates", chainId],
-  fundingPayments: (params) => ["symm", "fundingPayments", params],
-  fundingHistory: (params) => ["symm", "fundingHistory", params],
-  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],
-  pendingIds: (address, chainId) => ["symm", "pendingIds", address, chainId],
-  pendingInstantOpens: (accountAddress, chainId) => ["symm", "pendingInstantOpens", accountAddress, chainId],
-  twapOrder: (orderId) => ["symm", "twapOrder", orderId],
-  delegation: (account, target, selectors, chainId) => ["symm", "delegation", account, target, selectors, chainId],
-  chartMetadata: (symbolsKey, positionKey) => ["symm", "chartMetadata", symbolsKey, positionKey]
-};
-var useSymmWsStore = 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 queryClient = useQueryClient();
-  const isConnected = useSymmWsStore((state) => state.isConnected);
-  const setConnected = useSymmWsStore((state) => state.setConnected);
-  const { symmCoreClient, accountAddress, chainId } = params;
-  useEffect(() => {
-    if (!symmCoreClient || !accountAddress) {
-      setConnected(false);
-      return;
-    }
-    const ws = symmCoreClient.ws;
-    const addr = accountAddress;
-    const unsubscribers = [];
-    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: ["symm", "positions"]
-      });
-    }));
-    if (positionsUnsub) unsubscribers.push(positionsUnsub);
-    const openOrdersUnsub = asUnsubscribeFn(ws.subscribeToOpenOrders(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "openOrders"]
-      });
-    }));
-    if (openOrdersUnsub) unsubscribers.push(openOrdersUnsub);
-    const tradesUnsub = asUnsubscribeFn(ws.subscribeToTrades(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "tradeHistory"]
-      });
-    }));
-    if (tradesUnsub) unsubscribers.push(tradesUnsub);
-    const accountSummaryUnsub = asUnsubscribeFn(ws.subscribeToAccountSummary(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.balances(accountAddress, chainId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.accountSummary(accountAddress, chainId)
-      });
-    }));
-    if (accountSummaryUnsub) unsubscribers.push(accountSummaryUnsub);
-    const notificationsUnsub = asUnsubscribeFn(ws.subscribeToNotifications(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.notifications(accountAddress, chainId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: symmKeys.unreadCount(accountAddress, chainId)
-      });
-    }));
-    if (notificationsUnsub) unsubscribers.push(notificationsUnsub);
-    const tpslUnsub = asUnsubscribeFn(ws.subscribeToTpsl(addr, chainId, () => {
-      queryClient.invalidateQueries({ queryKey: ["symm", "tpslOrders"] });
-      queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
-    }));
-    if (tpslUnsub) unsubscribers.push(tpslUnsub);
-    const twapUnsub = asUnsubscribeFn(ws.subscribeToTwapOrders(addr, chainId, () => {
-      queryClient.invalidateQueries({ queryKey: ["symm", "twapOrders"] });
-      queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
-    }));
-    if (twapUnsub) unsubscribers.push(twapUnsub);
-    const triggerOrdersUnsub = asUnsubscribeFn(ws.subscribeToTriggerOrders(addr, chainId, () => {
-      queryClient.invalidateQueries({ queryKey: ["symm", "triggerOrders"] });
-      queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
-    }));
-    if (triggerOrdersUnsub) unsubscribers.push(triggerOrdersUnsub);
-    const executionsUnsub = asUnsubscribeFn(ws.subscribeToExecutions(addr, chainId, () => {
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "positions"]
-      });
-      queryClient.invalidateQueries({
-        queryKey: ["symm", "portfolio"]
-      });
-    }));
-    if (executionsUnsub) unsubscribers.push(executionsUnsub);
-    return () => {
-      if (unsubscribers.length > 2) {
-        unsubscribers.forEach((unsubscribe) => unsubscribe());
-      } else {
-        removeOnConnect();
-        removeOnDisconnect();
-        ws.unsubscribeAll();
-      }
-    };
-  }, [symmCoreClient, accountAddress, chainId, queryClient, setConnected]);
-  return { isConnected };
-}
 function SymmProvider({
   chainId = 42161,
   address,
@@ -164,7 +28,6 @@ function SymmProvider({
       defaultChainId: chainId
     });
   }, [chainId, symmCoreConfig.apiUrl, symmCoreConfig.wsUrl]);
-  useSymmWs({ symmCoreClient, accountAddress: address, chainId });
   const value = useMemo(
     () => ({
       symmCoreClient,
@@ -393,10 +256,17 @@ var useSymmAuthStore = create((set, get) => ({
 
 // src/react/hooks/use-symm-auth.ts
 function useSymmAuth(params) {
-  const { address, chainId, walletClient, siweDomain } = params;
-  const accessToken = useSymmAuthStore(
-    (state) => address ? state.tokensByKey[symmAuthTokenKey(address, chainId)] ?? null : null
-  );
+  const ctx = useSymmContext();
+  const address = params?.address ?? ctx.address;
+  const chainId = params?.chainId ?? ctx.chainId ?? 42161;
+  const walletClient = params?.walletClient ?? ctx.walletClient;
+  const siweDomain = params?.siweDomain;
+  const accessToken = useSymmAuthStore((state) => {
+    if (address) {
+      return state.tokensByKey[symmAuthTokenKey(address, chainId)] ?? null;
+    }
+    return ctx.accessToken ?? ctx.authToken ?? null;
+  });
   const setToken = useSymmAuthStore((state) => state.setToken);
   const getToken = useSymmAuthStore((state) => state.getToken);
   const clearToken = useSymmAuthStore((state) => state.clearToken);
@@ -977,6 +847,45 @@ async function hasDelegatedAccess(publicClient, multiAccount, params) {
   return Boolean(result);
 }
 
+// src/react/query-keys.ts
+var symmKeys = {
+  all: ["symm"],
+  accounts: (address, chainId) => ["symm", "accounts", address, chainId],
+  accountsApi: (address, chainId) => ["symm", "accountsApi", address, chainId],
+  accountsLength: (address, chainId) => ["symm", "accountsLength", address, chainId],
+  accountsWithPositions: (address, chainId) => ["symm", "accountsWithPositions", address, chainId],
+  accountSummary: (address, chainId) => ["symm", "accountSummary", address, chainId],
+  accountData: (address, chainId, upnl) => ["symm", "accountData", address, chainId, upnl],
+  signature: (address, chainId) => ["symm", "signature", address, chainId],
+  approval: (owner, spender, chainId, token) => ["symm", "approval", owner, spender, chainId, token],
+  balances: (address, chainId) => ["symm", "balances", 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],
+  triggerOrders: (params) => ["symm", "triggerOrders", params],
+  triggerConfig: (orderId) => ["symm", "triggerConfig", orderId],
+  markets: (chainId, search) => ["symm", "markets", chainId, search],
+  hedgerMarketById: (id, chainId) => ["symm", "hedgerMarketById", id, chainId],
+  hedgerMarketBySymbol: (symbol, chainId) => ["symm", "hedgerMarketBySymbol", symbol, chainId],
+  lockedParams: (marketName, leverage, chainId) => ["symm", "lockedParams", marketName, leverage, chainId],
+  hedgerMarkets: (request) => ["symm", "hedgerMarkets", request],
+  fundingRates: (chainId) => ["symm", "fundingRates", chainId],
+  fundingPayments: (params) => ["symm", "fundingPayments", params],
+  fundingHistory: (params) => ["symm", "fundingHistory", params],
+  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],
+  pendingIds: (address, chainId) => ["symm", "pendingIds", address, chainId],
+  pendingInstantOpens: (accountAddress, chainId) => ["symm", "pendingInstantOpens", accountAddress, chainId],
+  twapOrder: (orderId) => ["symm", "twapOrder", orderId],
+  delegation: (account, target, selectors, chainId) => ["symm", "delegation", account, target, selectors, chainId],
+  chartMetadata: (symbolsKey, positionKey) => ["symm", "chartMetadata", symbolsKey, positionKey]
+};
+
 // src/react/hooks/use-symm-delegation.ts
 function useSymmDelegation(params) {
   const { chainId, address, symmioConfig } = useSymmContext();
@@ -1187,7 +1096,7 @@ async function getAccounts(publicClient, multiAccount, user, start = 0, size = 1
 
 // src/react/hooks/use-symm-accounts.ts
 var EMPTY_ACCOUNTS = [];
-function useSymmAccounts(params, options) {
+function useSymmAccounts(params = {}, options) {
   const { chainId, symmioConfig } = useSymmContext();
   const { userAddress, publicClient, walletClient } = params;
   const queryClient = useQueryClient();
@@ -1562,7 +1471,7 @@ async function depositAndAllocate(walletClient, publicClient, multiAccount, para
 }
 
 // src/react/hooks/use-symm-deposit.ts
-function useSymmDeposit(params) {
+function useSymmDeposit(params = {}) {
   const { chainId, symmioConfig } = useSymmContext();
   const { publicClient, walletClient } = params;
   const queryClient = useQueryClient();
@@ -1622,7 +1531,7 @@ async function withdraw(walletClient, publicClient, multiAccount, params) {
 }
 
 // src/react/hooks/use-symm-withdraw.ts
-function useSymmWithdraw(params) {
+function useSymmWithdraw(params = {}) {
   const { chainId, symmioConfig } = useSymmContext();
   const { publicClient, walletClient } = params;
   const queryClient = useQueryClient();
@@ -24290,7 +24199,7 @@ var MuonClient = class {
 };
 
 // src/react/hooks/use-symm-collateral.ts
-function useSymmCollateral(params) {
+function useSymmCollateral(params = {}) {
   const { chainId, symmioConfig } = useSymmContext();
   const { publicClient, walletClient } = params;
   const queryClient = useQueryClient();
@@ -24443,7 +24352,7 @@ async function hasSignedCurrentVersion(publicClient, signatureStore, user) {
 }
 
 // src/react/hooks/use-symm-signature.ts
-function useSymmSignature(params, options) {
+function useSymmSignature(params = {}, options) {
   const { chainId, symmioConfig } = useSymmContext();
   const { userAddress, publicClient, walletClient } = params;
   const queryClient = useQueryClient();
@@ -24676,6 +24585,13 @@ function useSymmPositions(params) {
   const resolvedAddress = accountAddress ? void 0 : address;
   const chainId = params.chainId ?? ctxChainId;
   const internalEnabled = !!symmCoreClient && !!(accountAddress || resolvedAddress);
+  console.log({
+    symmCoreClient,
+    accountAddress,
+    resolvedAddress,
+    chainId,
+    internalEnabled
+  });
   const query = useQuery({
     ...params.query,
     queryKey: symmKeys.positions({
@@ -24930,10 +24846,11 @@ function useSymmMarkets(params) {
     ...params?.query,
     queryKey: symmKeys.markets(chainId, searchText),
     queryFn: () => {
+      const marketsApi = symmCoreClient.markets;
       if (searchText) {
-        return symmCoreClient.markets.search(searchText);
+        return marketsApi.search(searchText, chainId);
       }
-      return symmCoreClient.markets.list({ pageSize: "500" });
+      return marketsApi.list({ pageSize: "500", chainId });
     },
     enabled: internalEnabled && (params?.query?.enabled ?? true)
   });
@@ -25266,6 +25183,128 @@ function useSymmTwapOrder(params) {
     refetch: query.refetch
   };
 }
+var useSymmWsStore = 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: ctxClient,
+    address: ctxAddress,
+    chainId: ctxChainId
+  } = useSymmContext();
+  const queryClient = useQueryClient();
+  const isConnected = useSymmWsStore((state) => state.isConnected);
+  const setConnected = useSymmWsStore((state) => state.setConnected);
+  const symmCoreClient = params.symmCoreClient ?? ctxClient;
+  const accountAddress = params.accountAddress ?? ctxAddress;
+  const chainId = params.chainId ?? ctxChainId;
+  useEffect(() => {
+    if (!symmCoreClient || !accountAddress) {
+      setConnected(false);
+      return;
+    }
+    const ws = symmCoreClient.ws;
+    const addr = accountAddress;
+    const unsubscribers = [];
+    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: ["symm", "positions"]
+        });
+      })
+    );
+    if (positionsUnsub) unsubscribers.push(positionsUnsub);
+    const openOrdersUnsub = asUnsubscribeFn(
+      ws.subscribeToOpenOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "openOrders"]
+        });
+      })
+    );
+    if (openOrdersUnsub) unsubscribers.push(openOrdersUnsub);
+    const tradesUnsub = asUnsubscribeFn(
+      ws.subscribeToTrades(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "tradeHistory"]
+        });
+      })
+    );
+    if (tradesUnsub) unsubscribers.push(tradesUnsub);
+    const accountSummaryUnsub = asUnsubscribeFn(
+      ws.subscribeToAccountSummary(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.balances(accountAddress, chainId)
+        });
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.accountSummary(accountAddress, chainId)
+        });
+      })
+    );
+    if (accountSummaryUnsub) unsubscribers.push(accountSummaryUnsub);
+    const notificationsUnsub = asUnsubscribeFn(
+      ws.subscribeToNotifications(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.notifications(accountAddress, chainId)
+        });
+        queryClient.invalidateQueries({
+          queryKey: symmKeys.unreadCount(accountAddress, chainId)
+        });
+      })
+    );
+    if (notificationsUnsub) unsubscribers.push(notificationsUnsub);
+    const tpslUnsub = asUnsubscribeFn(
+      ws.subscribeToTpsl(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: ["symm", "tpslOrders"] });
+        queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
+      })
+    );
+    if (tpslUnsub) unsubscribers.push(tpslUnsub);
+    const twapUnsub = asUnsubscribeFn(
+      ws.subscribeToTwapOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: ["symm", "twapOrders"] });
+        queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
+      })
+    );
+    if (twapUnsub) unsubscribers.push(twapUnsub);
+    const triggerOrdersUnsub = asUnsubscribeFn(
+      ws.subscribeToTriggerOrders(addr, chainId, () => {
+        queryClient.invalidateQueries({ queryKey: ["symm", "triggerOrders"] });
+        queryClient.invalidateQueries({ queryKey: ["symm", "openOrders"] });
+      })
+    );
+    if (triggerOrdersUnsub) unsubscribers.push(triggerOrdersUnsub);
+    const executionsUnsub = asUnsubscribeFn(
+      ws.subscribeToExecutions(addr, chainId, () => {
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "positions"]
+        });
+        queryClient.invalidateQueries({
+          queryKey: ["symm", "portfolio"]
+        });
+      })
+    );
+    if (executionsUnsub) unsubscribers.push(executionsUnsub);
+    return () => {
+      if (unsubscribers.length > 2) {
+        unsubscribers.forEach((unsubscribe) => unsubscribe());
+      } else {
+        removeOnConnect();
+        removeOnDisconnect();
+        ws.unsubscribeAll();
+      }
+    };
+  }, [symmCoreClient, accountAddress, chainId, queryClient, setConnected]);
+  return { isConnected };
+}
 var STABLE_SYMBOLS = /* @__PURE__ */ new Set(["USDC", "USD", "USDT", "USDE", "USDH", "USDT0"]);
 function useSymmChartSelection(input) {
   const {