@orderly.network/hooks 1.0.13 → 1.0.14

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import useSWR, { SWRConfiguration, SWRResponse } from 'swr';
 export { SWRConfig, SWRConfiguration, default as useSWR } from 'swr';
-import * as swr__internal from 'swr/_internal';
 import { SWRMutationConfiguration, SWRMutationResponse } from 'swr/mutation';
 import * as swr_infinite from 'swr/infinite';
 import { SWRInfiniteKeyLoader, SWRInfiniteConfiguration } from 'swr/infinite';
+import * as swr__internal from 'swr/_internal';
 import * as _orderly_network_core from '@orderly.network/core';
 import { AccountState, Account, EventEmitter, ConfigKey, ConfigStore, OrderlyKeyStore, getWalletAdapterFunc } from '@orderly.network/core';
 export { default as useConstant } from 'use-constant';
@@ -15,7 +15,7 @@ import * as swr_subscription from 'swr/subscription';
 import { Decimal } from '@orderly.network/utils';
 export * from 'use-debounce';
 
-declare type useQueryOptions<T> = SWRConfiguration & {
+type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
 };
 
@@ -33,13 +33,13 @@ declare const useQuery: <T>(query: Parameters<typeof useSWR>["0"], options?: use
  * @param query
  * @param options
  */
-declare const useLazyQuery: <T, R = any>(query: Parameters<typeof useSWR>["0"], options?: (SWRMutationConfiguration<any, any, swr__internal.Key, any, any> & {
+declare const useLazyQuery: <T, R = any>(query: Parameters<typeof useSWR>["0"], options?: (SWRMutationConfiguration<any, any> & {
     formatter?: ((data: any) => R) | undefined;
     init?: RequestInit | undefined;
 }) | undefined) => SWRMutationResponse;
 
-declare type HTTP_METHOD = "POST" | "PUT" | "DELETE";
-declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E, swr__internal.Key, any, any> | undefined) => readonly [(data: any, params?: any) => Promise<any>, {
+type HTTP_METHOD = "POST" | "PUT" | "DELETE";
+declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: any, params?: any) => Promise<any>, {
     readonly data: any;
     readonly error: E | undefined;
     readonly reset: () => void;
@@ -86,7 +86,7 @@ declare function useLocalStorage<T>(key: string, initialValue: T): [any, (value:
 
 declare const useWS: () => WS;
 
-declare const useConfig: <T>(key?: ConfigKey | undefined, defaultValue?: T | undefined) => ConfigStore | T;
+declare const useConfig: <T>(key?: ConfigKey, defaultValue?: T | undefined) => ConfigStore | T;
 
 interface OrderlyConfigContextState {
     fetcher?: (url: string, init: RequestInit) => Promise<any>;
@@ -94,13 +94,19 @@ interface OrderlyConfigContextState {
     keyStore: OrderlyKeyStore;
     getWalletAdapter: getWalletAdapterFunc;
     networkId: NetworkId;
+    /**
+     * @hidden
+     */
     onlyTestnet?: boolean;
+    /**
+     * @hidden
+     */
     enableSwapDeposit?: boolean;
 }
 declare const OrderlyContext: react.Context<OrderlyConfigContextState>;
 declare const OrderlyProvider: react.Provider<OrderlyConfigContextState>;
 
-declare type RequireAtLeastOne<T, R extends keyof T = keyof T> = Omit<T, R> & {
+type RequireAtLeastOne<T, R extends keyof T = keyof T> = Omit<T, R> & {
     [K in R]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<R, K>>>;
 }[R];
 interface ConfigProviderProps {
@@ -113,7 +119,7 @@ interface ConfigProviderProps {
 }
 declare const OrderlyConfigProvider: (props: PropsWithChildren<RequireAtLeastOne<ConfigProviderProps, "brokerId" | "configStore">>) => react__default.JSX.Element | null;
 
-declare type ConnectedChain = {
+type ConnectedChain = {
     id: string;
 };
 interface WalletConnectorContextState {
@@ -132,19 +138,19 @@ interface WalletConnectorContextState {
 declare const WalletConnectorContext: react.Context<WalletConnectorContextState>;
 declare const useWalletConnector: () => WalletConnectorContextState;
 
-declare type OrderBookItem = number[];
-declare type OrderbookData = {
+type OrderBookItem = number[];
+type OrderbookData = {
     asks: OrderBookItem[];
     bids: OrderBookItem[];
 };
-declare type OrderbookOptions = {
+type OrderbookOptions = {
     level?: number;
 };
 /**
  * @name useOrderbookStream
  * @description React hook that returns the current orderbook for a given market
  */
-declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, options?: OrderbookOptions | undefined) => ({
+declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, options?: OrderbookOptions) => ({
     asks: OrderBookItem[];
     bids: OrderBookItem[];
     markPrice: any;
@@ -166,7 +172,7 @@ declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, opti
     middlePrice?: undefined;
 })[];
 
-declare type UseOrderEntryOptions = {
+type UseOrderEntryOptions = {
     commify?: boolean;
     validate?: (data: OrderEntity) => {
         [P in keyof OrderEntity]?: string;
@@ -177,7 +183,7 @@ declare type UseOrderEntryOptions = {
  * @param symbol
  * @returns
  */
-declare const useOrderEntry: (symbol: string, side: OrderSide, reduceOnly?: boolean, options?: UseOrderEntryOptions | undefined) => {
+declare const useOrderEntry: (symbol: string, side: OrderSide, reduceOnly?: boolean, options?: UseOrderEntryOptions) => {
     maxQty: number;
     freeCollateral: number;
     markPrice: any;
@@ -221,7 +227,7 @@ declare const useFundingRate: (symbol: string) => {
     sum_unitary_funding?: number | undefined;
 };
 
-declare const usePositionStream: (symbol?: string | undefined, options?: Partial<swr__internal.PublicConfiguration<any, any, swr__internal.BareFetcher<any>>> | undefined) => readonly [{
+declare const usePositionStream: (symbol?: string, options?: SWRConfiguration) => readonly [{
     readonly rows: API.PositionExt[] | null;
     readonly aggregated: any;
     readonly totalCollateral: Decimal;
@@ -234,7 +240,7 @@ declare const usePositionStream: (symbol?: string | undefined, options?: Partial
     readonly refresh: () => void;
 }];
 
-declare type Params = {
+type Params = {
     symbol?: string;
     status?: OrderStatus;
     size?: number;
@@ -246,7 +252,7 @@ declare const useOrderStream: (params: Params) => readonly [any[] | null, {
     readonly loadMore: () => void;
     readonly cancelAllOrders: () => void;
     readonly updateOrder: (orderId: string, order: OrderEntity) => Promise<any>;
-    readonly cancelOrder: (orderId: string, symbol?: string | undefined) => Promise<void>;
+    readonly cancelOrder: (orderId: string, symbol?: string) => Promise<void>;
 }];
 
 interface MarketTradeStreamOptions {
@@ -257,14 +263,14 @@ declare const useMarketTradeStream: (symbol: string, options?: MarketTradeStream
     isLoading: boolean;
 };
 
-declare type CollateralOutputs = {
+type CollateralOutputs = {
     totalCollateral: number;
     freeCollateral: number;
     totalValue: number;
     availableBalance: number;
     unsettledPnL: number;
 };
-declare type Options = {
+type Options = {
     dp: number;
 };
 declare const useCollateral: (options?: Options) => CollateralOutputs;
@@ -276,18 +282,18 @@ declare const useMarginRatio: () => {
     currentLeverage: number;
 };
 
-declare type inputOptions = {
+type inputOptions = {
     filter?: (item: API.Chain) => boolean;
     pick?: "dexs" | "network_infos" | "token_infos";
     crossEnabled?: boolean;
     /** if true, use wooSwap api, else use orderly api only  */
     wooSwapEnabled?: boolean;
 };
-declare const useChains: (networkId?: NetworkId | undefined, options?: inputOptions & SWRConfiguration) => readonly [API.Chain[] | {
+declare const useChains: (networkId?: NetworkId, options?: inputOptions & SWRConfiguration) => readonly [API.Chain[] | {
     testnet: API.Chain[];
     mainnet: API.Chain[];
 }, {
-    readonly findByChainId: (chainId: number, field?: string | undefined) => (API.Chain & {
+    readonly findByChainId: (chainId: number, field?: string) => (API.Chain & {
         nativeToken?: API.TokenInfo | undefined;
     }) | undefined;
     readonly error: any;
@@ -310,7 +316,7 @@ declare const useWithdraw: () => {
     unsettledPnL: number;
 };
 
-declare type useDepositOptions = {
+type useDepositOptions = {
     address?: string;
     decimals?: number;
     crossChainRouteAddress?: string;
@@ -323,7 +329,7 @@ declare type useDepositOptions = {
      */
     wooSwapEnabled?: boolean;
 };
-declare const useDeposit: (options?: useDepositOptions | undefined) => {
+declare const useDeposit: (options?: useDepositOptions) => {
     dst: {
         symbol: string;
         address: string | undefined;
@@ -339,7 +345,7 @@ declare const useDeposit: (options?: useDepositOptions | undefined) => {
     approve: (amount: string | undefined) => Promise<any>;
     deposit: (amount: string) => Promise<any>;
     fetchBalances: (tokens: API.TokenInfo[]) => Promise<void>;
-    fetchBalance: (address: string, decimals?: number | undefined) => Promise<string>;
+    fetchBalance: (address: string, decimals?: number) => Promise<string>;
 };
 
 declare const useHoldingStream: () => {

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import useSWR, { SWRConfiguration, SWRResponse } from 'swr';
 export { SWRConfig, SWRConfiguration, default as useSWR } from 'swr';
-import * as swr__internal from 'swr/_internal';
 import { SWRMutationConfiguration, SWRMutationResponse } from 'swr/mutation';
 import * as swr_infinite from 'swr/infinite';
 import { SWRInfiniteKeyLoader, SWRInfiniteConfiguration } from 'swr/infinite';
+import * as swr__internal from 'swr/_internal';
 import * as _orderly_network_core from '@orderly.network/core';
 import { AccountState, Account, EventEmitter, ConfigKey, ConfigStore, OrderlyKeyStore, getWalletAdapterFunc } from '@orderly.network/core';
 export { default as useConstant } from 'use-constant';
@@ -15,7 +15,7 @@ import * as swr_subscription from 'swr/subscription';
 import { Decimal } from '@orderly.network/utils';
 export * from 'use-debounce';
 
-declare type useQueryOptions<T> = SWRConfiguration & {
+type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
 };
 
@@ -33,13 +33,13 @@ declare const useQuery: <T>(query: Parameters<typeof useSWR>["0"], options?: use
  * @param query
  * @param options
  */
-declare const useLazyQuery: <T, R = any>(query: Parameters<typeof useSWR>["0"], options?: (SWRMutationConfiguration<any, any, swr__internal.Key, any, any> & {
+declare const useLazyQuery: <T, R = any>(query: Parameters<typeof useSWR>["0"], options?: (SWRMutationConfiguration<any, any> & {
     formatter?: ((data: any) => R) | undefined;
     init?: RequestInit | undefined;
 }) | undefined) => SWRMutationResponse;
 
-declare type HTTP_METHOD = "POST" | "PUT" | "DELETE";
-declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E, swr__internal.Key, any, any> | undefined) => readonly [(data: any, params?: any) => Promise<any>, {
+type HTTP_METHOD = "POST" | "PUT" | "DELETE";
+declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: any, params?: any) => Promise<any>, {
     readonly data: any;
     readonly error: E | undefined;
     readonly reset: () => void;
@@ -86,7 +86,7 @@ declare function useLocalStorage<T>(key: string, initialValue: T): [any, (value:
 
 declare const useWS: () => WS;
 
-declare const useConfig: <T>(key?: ConfigKey | undefined, defaultValue?: T | undefined) => ConfigStore | T;
+declare const useConfig: <T>(key?: ConfigKey, defaultValue?: T | undefined) => ConfigStore | T;
 
 interface OrderlyConfigContextState {
     fetcher?: (url: string, init: RequestInit) => Promise<any>;
@@ -94,13 +94,19 @@ interface OrderlyConfigContextState {
     keyStore: OrderlyKeyStore;
     getWalletAdapter: getWalletAdapterFunc;
     networkId: NetworkId;
+    /**
+     * @hidden
+     */
     onlyTestnet?: boolean;
+    /**
+     * @hidden
+     */
     enableSwapDeposit?: boolean;
 }
 declare const OrderlyContext: react.Context<OrderlyConfigContextState>;
 declare const OrderlyProvider: react.Provider<OrderlyConfigContextState>;
 
-declare type RequireAtLeastOne<T, R extends keyof T = keyof T> = Omit<T, R> & {
+type RequireAtLeastOne<T, R extends keyof T = keyof T> = Omit<T, R> & {
     [K in R]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<R, K>>>;
 }[R];
 interface ConfigProviderProps {
@@ -113,7 +119,7 @@ interface ConfigProviderProps {
 }
 declare const OrderlyConfigProvider: (props: PropsWithChildren<RequireAtLeastOne<ConfigProviderProps, "brokerId" | "configStore">>) => react__default.JSX.Element | null;
 
-declare type ConnectedChain = {
+type ConnectedChain = {
     id: string;
 };
 interface WalletConnectorContextState {
@@ -132,19 +138,19 @@ interface WalletConnectorContextState {
 declare const WalletConnectorContext: react.Context<WalletConnectorContextState>;
 declare const useWalletConnector: () => WalletConnectorContextState;
 
-declare type OrderBookItem = number[];
-declare type OrderbookData = {
+type OrderBookItem = number[];
+type OrderbookData = {
     asks: OrderBookItem[];
     bids: OrderBookItem[];
 };
-declare type OrderbookOptions = {
+type OrderbookOptions = {
     level?: number;
 };
 /**
  * @name useOrderbookStream
  * @description React hook that returns the current orderbook for a given market
  */
-declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, options?: OrderbookOptions | undefined) => ({
+declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, options?: OrderbookOptions) => ({
     asks: OrderBookItem[];
     bids: OrderBookItem[];
     markPrice: any;
@@ -166,7 +172,7 @@ declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, opti
     middlePrice?: undefined;
 })[];
 
-declare type UseOrderEntryOptions = {
+type UseOrderEntryOptions = {
     commify?: boolean;
     validate?: (data: OrderEntity) => {
         [P in keyof OrderEntity]?: string;
@@ -177,7 +183,7 @@ declare type UseOrderEntryOptions = {
  * @param symbol
  * @returns
  */
-declare const useOrderEntry: (symbol: string, side: OrderSide, reduceOnly?: boolean, options?: UseOrderEntryOptions | undefined) => {
+declare const useOrderEntry: (symbol: string, side: OrderSide, reduceOnly?: boolean, options?: UseOrderEntryOptions) => {
     maxQty: number;
     freeCollateral: number;
     markPrice: any;
@@ -221,7 +227,7 @@ declare const useFundingRate: (symbol: string) => {
     sum_unitary_funding?: number | undefined;
 };
 
-declare const usePositionStream: (symbol?: string | undefined, options?: Partial<swr__internal.PublicConfiguration<any, any, swr__internal.BareFetcher<any>>> | undefined) => readonly [{
+declare const usePositionStream: (symbol?: string, options?: SWRConfiguration) => readonly [{
     readonly rows: API.PositionExt[] | null;
     readonly aggregated: any;
     readonly totalCollateral: Decimal;
@@ -234,7 +240,7 @@ declare const usePositionStream: (symbol?: string | undefined, options?: Partial
     readonly refresh: () => void;
 }];
 
-declare type Params = {
+type Params = {
     symbol?: string;
     status?: OrderStatus;
     size?: number;
@@ -246,7 +252,7 @@ declare const useOrderStream: (params: Params) => readonly [any[] | null, {
     readonly loadMore: () => void;
     readonly cancelAllOrders: () => void;
     readonly updateOrder: (orderId: string, order: OrderEntity) => Promise<any>;
-    readonly cancelOrder: (orderId: string, symbol?: string | undefined) => Promise<void>;
+    readonly cancelOrder: (orderId: string, symbol?: string) => Promise<void>;
 }];
 
 interface MarketTradeStreamOptions {
@@ -257,14 +263,14 @@ declare const useMarketTradeStream: (symbol: string, options?: MarketTradeStream
     isLoading: boolean;
 };
 
-declare type CollateralOutputs = {
+type CollateralOutputs = {
     totalCollateral: number;
     freeCollateral: number;
     totalValue: number;
     availableBalance: number;
     unsettledPnL: number;
 };
-declare type Options = {
+type Options = {
     dp: number;
 };
 declare const useCollateral: (options?: Options) => CollateralOutputs;
@@ -276,18 +282,18 @@ declare const useMarginRatio: () => {
     currentLeverage: number;
 };
 
-declare type inputOptions = {
+type inputOptions = {
     filter?: (item: API.Chain) => boolean;
     pick?: "dexs" | "network_infos" | "token_infos";
     crossEnabled?: boolean;
     /** if true, use wooSwap api, else use orderly api only  */
     wooSwapEnabled?: boolean;
 };
-declare const useChains: (networkId?: NetworkId | undefined, options?: inputOptions & SWRConfiguration) => readonly [API.Chain[] | {
+declare const useChains: (networkId?: NetworkId, options?: inputOptions & SWRConfiguration) => readonly [API.Chain[] | {
     testnet: API.Chain[];
     mainnet: API.Chain[];
 }, {
-    readonly findByChainId: (chainId: number, field?: string | undefined) => (API.Chain & {
+    readonly findByChainId: (chainId: number, field?: string) => (API.Chain & {
         nativeToken?: API.TokenInfo | undefined;
     }) | undefined;
     readonly error: any;
@@ -310,7 +316,7 @@ declare const useWithdraw: () => {
     unsettledPnL: number;
 };
 
-declare type useDepositOptions = {
+type useDepositOptions = {
     address?: string;
     decimals?: number;
     crossChainRouteAddress?: string;
@@ -323,7 +329,7 @@ declare type useDepositOptions = {
      */
     wooSwapEnabled?: boolean;
 };
-declare const useDeposit: (options?: useDepositOptions | undefined) => {
+declare const useDeposit: (options?: useDepositOptions) => {
     dst: {
         symbol: string;
         address: string | undefined;
@@ -339,7 +345,7 @@ declare const useDeposit: (options?: useDepositOptions | undefined) => {
     approve: (amount: string | undefined) => Promise<any>;
     deposit: (amount: string) => Promise<any>;
     fetchBalances: (tokens: API.TokenInfo[]) => Promise<void>;
-    fetchBalance: (address: string, decimals?: number | undefined) => Promise<string>;
+    fetchBalance: (address: string, decimals?: number) => Promise<string>;
 };
 
 declare const useHoldingStream: () => {

package/dist/index.js

@@ -286,9 +286,12 @@ var useBoolean = (initialValue = false) => {
 };
 var usePreLoadData = () => {
   React.useContext(OrderlyContext);
-  const { error: tokenError, data: tokenData } = useQuery("/v1/public/token", {
-    revalidateOnFocus: false
-  });
+  const { error: tokenError, data: tokenData } = useQuery(
+    "https://api-evm.orderly.org/v1/public/token",
+    {
+      revalidateOnFocus: false
+    }
+  );
   const isDone = React.useMemo(() => {
     return !!tokenData;
   }, [tokenData]);
@@ -437,7 +440,14 @@ var useWS = () => {
 };
 var OrderlyConfigProvider = (props) => {
   const [account5, setAccount] = React__default.default.useState(null);
-  const { configStore, keyStore, getWalletAdapter, brokerId, networkId, enableSwapDeposit } = props;
+  const {
+    configStore,
+    keyStore,
+    getWalletAdapter,
+    brokerId,
+    networkId,
+    enableSwapDeposit
+  } = props;
   if (!brokerId && typeof configStore === "undefined") {
     console.error("[OrderlyConfigProvider]: brokerId is required");
   }
@@ -1974,7 +1984,6 @@ var useLeverage = () => {
   const { data: config } = useQuery("/v1/public/config");
   const updateLeverage = React.useCallback((data2) => {
     return update(data2).then((res) => {
-      console.log(res);
       if (res.success) {
         return mutate2();
       } else {
@@ -3156,7 +3165,7 @@ var useChains = (networkId, options = {}) => {
     }
   );
   const { data: orderlyChains, error: tokenError } = useQuery(
-    // wooSwapEnabled ? "/v1/public/token" : 
+    // wooSwapEnabled ? "/v1/public/token" :
     "https://api-evm.orderly.org/v1/public/token",
     {
       revalidateIfStale: false,
@@ -3167,11 +3176,9 @@ var useChains = (networkId, options = {}) => {
     }
   );
   const chains = React.useMemo(() => {
-    if (!orderlyChains)
-      return void 0;
     let orderlyChainsArr = [];
     const orderlyChainIds = /* @__PURE__ */ new Set();
-    orderlyChains.forEach((item) => {
+    orderlyChains?.forEach((item) => {
       item.chain_details.forEach((chain) => {
         const chainId = Number(chain.chain_id);
         orderlyChainIds.add(chainId);
@@ -3197,7 +3204,9 @@ var useChains = (networkId, options = {}) => {
             return;
         }
         if (_chain.chain_id === 421613) {
-          const index = testnetArr.findIndex((item2) => item2.network_infos.chain_id === 421613);
+          const index = testnetArr.findIndex(
+            (item2) => item2.network_infos.chain_id === 421613
+          );
           if (index > -1) {
             testnetArr[index] = _chain;
           }
@@ -3264,16 +3273,19 @@ var useChains = (networkId, options = {}) => {
         }
       });
     } else {
-      if (!chainInfos)
-        return void 0;
       orderlyChainsArr.forEach((chain) => {
         let _chain = chain;
-        const networkInfo = chainInfos.find((item) => {
-          console.log(item.chain_id, chain.network_infos.chain_id);
+        const networkInfo = chainInfos?.find((item) => {
           return item.chain_id == chain.network_infos.chain_id;
         });
         if (networkInfo) {
-          const { name, public_rpc_url, chain_id, currency_symbol, explorer_base_url } = networkInfo;
+          const {
+            name,
+            public_rpc_url,
+            chain_id,
+            currency_symbol,
+            explorer_base_url
+          } = networkInfo;
           _chain.network_infos = {
             ..._chain.network_infos,
             name,
@@ -3290,7 +3302,9 @@ var useChains = (networkId, options = {}) => {
         }
         map.current.set(_chain.network_infos.chain_id, _chain);
         if (_chain.network_infos.chain_id === 421613) {
-          const index = testnetArr.findIndex((item) => item.network_infos.chain_id === 421613);
+          const index = testnetArr.findIndex(
+            (item) => item.network_infos.chain_id === 421613
+          );
           if (index > -1) {
             testnetArr[index] = _chain;
           }
@@ -3322,7 +3336,15 @@ var useChains = (networkId, options = {}) => {
       testnet: testnetArr,
       mainnet: mainnetArr
     };
-  }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
+  }, [
+    data,
+    networkId,
+    field,
+    options,
+    orderlyChains,
+    wooSwapEnabled,
+    chainInfos
+  ]);
   const findByChainId = React.useCallback(
     (chainId, field2) => {
       const chain = map.current.get(chainId);
@@ -3418,7 +3440,7 @@ var useDeposit = (options) => {
       network: chain.network_infos.shortName
       // chainId: 42161,
     };
-  }, [networkId]);
+  }, [networkId, findByChainId]);
   const isNativeToken = React.useMemo(
     () => isNativeTokenChecker(options?.address || ""),
     [options?.address]