@orderly.network/hooks 2.10.1-alpha.0 → 2.10.2-alpha.0

package/dist/index.js

@@ -3,7 +3,7 @@
 var net = require('@orderly.network/net');
 var useSWR5 = require('swr');
 var types = require('@orderly.network/types');
-var React2 = require('react');
+var React = require('react');
 var utils = require('@orderly.network/utils');
 var useSWRMutation = require('swr/mutation');
 var useConstant = require('use-constant');
@@ -47,7 +47,7 @@ function _interopNamespace(e) {
 }
 
 var useSWR5__namespace = /*#__PURE__*/_interopNamespace(useSWR5);
-var React2__default = /*#__PURE__*/_interopDefault(React2);
+var React__default = /*#__PURE__*/_interopDefault(React);
 var useSWRMutation__default = /*#__PURE__*/_interopDefault(useSWRMutation);
 var useConstant__default = /*#__PURE__*/_interopDefault(useConstant);
 var useSWRInfinite__default = /*#__PURE__*/_interopDefault(useSWRInfinite);
@@ -64,26 +64,26 @@ var __export = (target, all) => {
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.10.1-alpha.0";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.10.2-alpha.0";
 }
-var version_default = "2.10.1-alpha.0";
+var version_default = "2.10.2-alpha.0";
 var fetcher = (url, init2 = {}, queryOptions) => net.get(url, init2, queryOptions?.formatter);
 var noCacheConfig = {
   dedupingInterval: 0,
   revalidateOnMount: true,
   revalidateIfStale: true
 };
-var OrderlyContext = React2.createContext({
+var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
 });
 var useOrderlyContext = () => {
-  return React2.useContext(OrderlyContext);
+  return React.useContext(OrderlyContext);
 };
 var OrderlyProvider = OrderlyContext.Provider;
 
 // src/useConfig.ts
 function useConfig(key, defaultValue) {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   if (!configStore) {
     throw new types.SDKError(
       "useConfig must be used within OrderlyConfigProvider or OrderlyAppProvider"
@@ -196,7 +196,7 @@ var useLazyQuery = (query, options) => {
   );
 };
 var useAccountInstance = () => {
-  const { configStore, keyStore, walletAdapters } = React2.useContext(OrderlyContext);
+  const { configStore, keyStore, walletAdapters } = React.useContext(OrderlyContext);
   if (!configStore)
     throw new types.SDKError(
       "configStore is not defined, please use OrderlyProvider"
@@ -317,16 +317,16 @@ var useEventEmitter = () => {
     return ee;
   });
 };
-var WalletConnectorContext = React2.createContext({});
+var WalletConnectorContext = React.createContext({});
 var useWalletConnector = () => {
-  return React2.useContext(WalletConnectorContext);
+  return React.useContext(WalletConnectorContext);
 };
 
 // src/useTrack.ts
 var useTrack = () => {
   const ee = useEventEmitter();
   const { wallet } = useWalletConnector();
-  const tracking = React2.useCallback(
+  const tracking = React.useCallback(
     (eventName, params = {}) => {
       utils.windowGuard(() => {
         const location = window.location;
@@ -351,11 +351,11 @@ var useTrack = () => {
     },
     [wallet]
   );
-  const track2 = React2.useCallback(lodash.debounce(tracking, 500), [tracking]);
-  const setTrackUserId = React2.useCallback((userId) => {
+  const track2 = React.useCallback(lodash.debounce(tracking, 500), [tracking]);
+  const setTrackUserId = React.useCallback((userId) => {
     ee.emit(types.TrackerEventName.trackIdentifyUserId, userId);
   }, []);
-  const setIdentify = React2.useCallback((params) => {
+  const setIdentify = React.useCallback((params) => {
     ee.emit(types.TrackerEventName.trackIdentify, params);
   }, []);
   return {
@@ -367,7 +367,7 @@ var useTrack = () => {
 };
 var WS_NAME = "nativeWebsocketClient";
 var useWS = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const ws = useConstant__default.default(() => {
     let websocketClient = core.SimpleDI.get(WS_NAME);
     const account9 = core.SimpleDI.get(core.Account.instanceName);
@@ -405,7 +405,7 @@ var useWS = () => {
 
 // src/useAccount.ts
 var useAccount = () => {
-  const { configStore, keyStore } = React2.useContext(OrderlyContext);
+  const { configStore, keyStore } = React.useContext(OrderlyContext);
   if (!configStore)
     throw new types.SDKError(
       "configStore is not defined, please use OrderlyProvider"
@@ -416,18 +416,18 @@ var useAccount = () => {
     );
   }
   const account9 = useAccountInstance();
-  const [state, setState] = React2.useState(account9.stateValue);
+  const [state, setState] = React.useState(account9.stateValue);
   const { track: track2 } = useTrack();
   const statusChangeHandler = (nextState) => {
     setState(() => nextState);
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     account9.on("change:status", statusChangeHandler);
     return () => {
       account9.off("change:status", statusChangeHandler);
     };
   }, [account9]);
-  const createOrderlyKey = React2.useCallback(
+  const createOrderlyKey = React.useCallback(
     async (remember) => {
       track2(types.TrackerEventName.signinSuccess, {
         network: account9.chainId,
@@ -442,32 +442,32 @@ var useAccount = () => {
     [account9, state]
   );
   const ws = useWS();
-  const switchAccount = React2.useCallback(
+  const switchAccount = React.useCallback(
     async (accountId) => {
       ws.closePrivate(3887, "switch account");
       return account9.switchAccount(accountId);
     },
     [account9]
   );
-  const createAccount = React2.useCallback(async () => {
+  const createAccount = React.useCallback(async () => {
     return account9.createAccount();
   }, [account9]);
-  const createSubAccount = React2.useCallback(
+  const createSubAccount = React.useCallback(
     async (description) => {
       return account9.createSubAccount(description);
     },
     [account9]
   );
-  const updateSubAccount = React2.useCallback(
+  const updateSubAccount = React.useCallback(
     async (value) => {
       return account9.updateSubAccount(value);
     },
     [account9]
   );
-  const refreshSubAccountBalances = React2.useCallback(() => {
+  const refreshSubAccountBalances = React.useCallback(() => {
     return account9.refreshSubAccountBalances();
   }, [account9]);
-  const isSubAccount = React2.useMemo(() => {
+  const isSubAccount = React.useMemo(() => {
     return state.accountId !== state.mainAccountId;
   }, [state]);
   return {
@@ -543,23 +543,23 @@ var useInfiniteQuery = (getKey, options) => {
   return result;
 };
 var useBoolean = (initialValue = false) => {
-  const [value, setValue] = React2.useState(initialValue);
-  const setTrue = React2.useCallback(() => setValue(true), []);
-  const setFalse = React2.useCallback(() => setValue(false), []);
-  const toggle = React2.useCallback(() => setValue((v) => !v), []);
+  const [value, setValue] = React.useState(initialValue);
+  const setTrue = React.useCallback(() => setValue(true), []);
+  const setFalse = React.useCallback(() => setValue(false), []);
+  const toggle = React.useCallback(() => setValue((v) => !v), []);
   return [value, { setTrue, setFalse, toggle }];
 };
 var useUpdatedRef = (val) => {
-  const latestRef = React2.useRef(val);
+  const latestRef = React.useRef(val);
   latestRef.current = val;
   return latestRef;
 };
 var useMemoizedFn = (fn) => {
   const safeFn = typeof fn === "function" ? fn : (() => {
   });
-  const fnRef = React2.useRef(safeFn);
-  fnRef.current = React2.useMemo(() => safeFn, [safeFn]);
-  const wrapperRef = React2.useRef(null);
+  const fnRef = React.useRef(safeFn);
+  fnRef.current = React.useMemo(() => safeFn, [safeFn]);
+  const wrapperRef = React.useRef(null);
   if (!wrapperRef.current) {
     wrapperRef.current = function(...args) {
       return fnRef.current.apply(this, args);
@@ -567,52 +567,39 @@ var useMemoizedFn = (fn) => {
   }
   return wrapperRef.current;
 };
+var orderFilledAudio = null;
+function getOrderFilledAudio() {
+  if (!orderFilledAudio) {
+    orderFilledAudio = new Audio();
+  }
+  return orderFilledAudio;
+}
 var useAudioPlayer = (src, options = {}) => {
-  const { volume = 1, loop, autoPlay } = options;
-  const audioRef = React2.useRef(null);
-  const [status, setStatus] = React2.useState("idle");
-  const onPlay = () => {
-    setStatus("play");
-  };
-  const onPlaying = () => {
-    setStatus("playing");
-  };
-  const onPause = () => {
-    setStatus("paused");
-  };
-  const onEnded = () => {
-    setStatus("ended");
-  };
-  const onError = () => {
-    setStatus("error");
-  };
-  const element = React2.useMemo(() => {
-    return React2__default.default.createElement("audio", {
-      controls: false,
-      ref: audioRef,
-      autoPlay,
-      src,
-      style: { display: "none" },
-      onPlay,
-      onPlaying,
-      onPause,
-      onEnded,
-      onError
-    });
-  }, [autoPlay, src, onPlay, onPlaying, onPause, onEnded, onError]);
-  React2.useEffect(() => {
-    const el = audioRef.current;
-    if (!el) {
-      return;
-    }
-    el.loop = loop ?? false;
+  const { volume = 1, enabled = true } = options;
+  const srcRef = React.useRef(src);
+  const enabledRef = React.useRef(enabled);
+  const volumeRef = React.useRef(volume);
+  React.useEffect(() => {
+    srcRef.current = src;
+    enabledRef.current = enabled;
+    volumeRef.current = volume;
+  }, [src, enabled, volume]);
+  React.useEffect(() => {
+    const el = getOrderFilledAudio();
     el.volume = Math.max(0, Math.min(1, volume));
-    return () => {
-      audioRef.current?.pause();
-      audioRef.current = null;
-    };
-  }, [loop, volume]);
-  return [element, audioRef, status];
+  }, [volume]);
+  const play = React.useCallback(() => {
+    const currentSrc = srcRef.current;
+    const currentEnabled = enabledRef.current;
+    if (!currentEnabled || !currentSrc) return;
+    const el = getOrderFilledAudio();
+    el.pause();
+    el.src = currentSrc;
+    el.volume = Math.max(0, Math.min(1, volumeRef.current));
+    el.play()?.catch(() => {
+    });
+  }, []);
+  return { play };
 };
 
 // src/referral/swr.ts
@@ -658,10 +645,10 @@ var useDistribution = (params) => {
   const loadMore = () => {
     ordersResponse.setSize(ordersResponse.size + 1);
   };
-  const total = React2.useMemo(() => {
+  const total = React.useMemo(() => {
     return ordersResponse.data?.[0]?.meta?.total || 0;
   }, [ordersResponse.data?.[0]?.meta?.total]);
-  const flattenOrders = React2.useMemo(() => {
+  const flattenOrders = React.useMemo(() => {
     if (!ordersResponse.data) {
       return null;
     }
@@ -705,10 +692,10 @@ var useRefereeHistory = (params) => {
   const loadMore = () => {
     response.setSize(response.size + 1);
   };
-  const total = React2.useMemo(() => {
+  const total = React.useMemo(() => {
     return response.data?.[0]?.meta?.total || 0;
   }, [response.data?.[0]?.meta?.total]);
-  const flattenOrders = React2.useMemo(() => {
+  const flattenOrders = React.useMemo(() => {
     if (!response.data) {
       return null;
     }
@@ -729,7 +716,7 @@ var useRefereeHistory = (params) => {
 var useCommission = (options) => {
   const [referee, { refresh: refreshReferee, loadMore: loadMoreReferee }] = useRefereeHistory({ size: options?.size });
   const [distribution, { refresh: refreshDistribution, loadMore: loadMoreDistribution, isLoading }] = useDistribution({ size: options?.size });
-  const commissionData = React2.useMemo(() => {
+  const commissionData = React.useMemo(() => {
     return distribution?.map((item) => {
       if ("updated_time" in item) {
         const updateTime = new Date(item.updated_time);
@@ -815,13 +802,13 @@ var useReferralRebateSummary = (params) => {
   const loadMore = () => {
     response.setSize(response.size + 1);
   };
-  const meta = React2.useMemo(() => {
+  const meta = React.useMemo(() => {
     return response.data?.[0]?.meta;
   }, [response.data]);
-  const total = React2.useMemo(() => {
+  const total = React.useMemo(() => {
     return meta?.total || 0;
   }, [meta]);
-  const flattenOrders = React2.useMemo(() => {
+  const flattenOrders = React.useMemo(() => {
     if (!response.data) {
       return null;
     }
@@ -862,13 +849,13 @@ var useRefereeInfo = (params) => {
   const loadMore = () => {
     response.setSize(response.size + 1);
   };
-  const meta = React2.useMemo(() => {
+  const meta = React.useMemo(() => {
     return response.data?.[0]?.meta;
   }, [response.data]);
-  const total = React2.useMemo(() => {
+  const total = React.useMemo(() => {
     return meta?.total || 0;
   }, [meta]);
-  const flattenOrders = React2.useMemo(() => {
+  const flattenOrders = React.useMemo(() => {
     if (!response.data) {
       return null;
     }
@@ -1015,7 +1002,7 @@ function parseJSON(value) {
 function useLocalStorage(key, initialValue, options = {
   parseJSON
 }) {
-  const readValue = React2.useCallback(() => {
+  const readValue = React.useCallback(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -1026,8 +1013,8 @@ function useLocalStorage(key, initialValue, options = {
       return initialValue;
     }
   }, [initialValue, key]);
-  const [storedValue, setStoredValue] = React2.useState(readValue);
-  const setValue = React2.useCallback(
+  const [storedValue, setStoredValue] = React.useState(readValue);
+  const setValue = React.useCallback(
     (value) => {
       try {
         const newValue = value instanceof Function ? value(storedValue) : value;
@@ -1039,10 +1026,10 @@ function useLocalStorage(key, initialValue, options = {
     },
     [storedValue]
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setStoredValue(readValue());
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const handleStorageChange = (event) => {
       if (event?.key && event.key !== key) {
         return;
@@ -2107,20 +2094,20 @@ var useReferralInfo = () => {
     errorRetryCount: 3,
     ...noCacheConfig
   });
-  const isTrader = React2.useMemo(() => {
+  const isTrader = React.useMemo(() => {
     if (typeof data?.referee_info?.referer_code === "undefined") {
       return void 0;
     }
     return (data?.referee_info?.referer_code?.length || 0) > 0;
   }, [data?.referee_info]);
-  const isAffiliate = React2.useMemo(() => {
+  const isAffiliate = React.useMemo(() => {
     if (typeof data?.referrer_info?.referral_codes === "undefined") {
       return void 0;
     }
     return (data?.referrer_info?.referral_codes?.length || 0) > 0;
   }, [data?.referrer_info]);
   const [pinCodes] = useLocalStorage("orderly_referral_codes", []);
-  const getFirstRefCode = React2.useCallback(() => {
+  const getFirstRefCode = React.useCallback(() => {
     if (!data?.referrer_info?.referral_codes) {
       return void 0;
     }
@@ -2750,8 +2737,8 @@ var useTestTokenStore = createDataStore({
 
 // src/usePreloadData.ts
 var usePreLoadData = () => {
-  const [timestampOffsetInitialized, setTimestampOffsetInitialized] = React2.useState(false);
-  const { configStore, enableSwapDeposit } = React2.useContext(OrderlyContext);
+  const [timestampOffsetInitialized, setTimestampOffsetInitialized] = React.useState(false);
+  const { configStore, enableSwapDeposit } = React.useContext(OrderlyContext);
   const env = configStore.get("env");
   const apiBaseUrl = configStore.get("apiBaseUrl");
   const urlPrefix = env === "prod" ? "https://testnet-api.orderly.org" : configStore.get("apiBaseUrl");
@@ -2765,7 +2752,7 @@ var usePreLoadData = () => {
   const mainTokenInfo = useMainTokenStore((state) => state.data);
   const testTokenInfo = useTestTokenStore((state) => state.data);
   const swapSupportInfo = useSwapSupportStore((state) => state.data);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     fetchMainTokens();
     fetchSymbols(apiBaseUrl).then((symbols) => {
     });
@@ -2773,18 +2760,18 @@ var usePreLoadData = () => {
       brokerId: configStore.get("brokerId")
     });
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!urlPrefix) return;
     fetchTestTokens(urlPrefix);
     fetchTestChains(urlPrefix, {
       brokerId: configStore.get("brokerId")
     });
   }, [urlPrefix]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!mainTokenInfo || !testTokenInfo) return;
     setTokensInfo(env === "prod" ? mainTokenInfo : testTokenInfo);
   }, [mainTokenInfo, testTokenInfo]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (swapSupportInfo || !enableSwapDeposit) return;
     fetchSwapSupport();
   }, [swapSupportInfo, enableSwapDeposit]);
@@ -2802,7 +2789,7 @@ var usePreLoadData = () => {
       errorRetryInterval: 500
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (timestampOffsetInitialized) return;
     if (typeof systemInfo !== "undefined") {
       const serverTimestamp = systemInfo.timestamp;
@@ -2815,7 +2802,7 @@ var usePreLoadData = () => {
       setTimestampOffsetInitialized(true);
     }
   }, [systemInfo, timestampOffsetInitialized]);
-  const isDone = React2.useMemo(() => {
+  const isDone = React.useMemo(() => {
     return timestampOffsetInitialized;
   }, [timestampOffsetInitialized]);
   return {
@@ -2824,7 +2811,7 @@ var usePreLoadData = () => {
   };
 };
 function useSessionStorage(key, initialValue) {
-  const readValue = React2.useCallback(() => {
+  const readValue = React.useCallback(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -2835,7 +2822,7 @@ function useSessionStorage(key, initialValue) {
       return initialValue;
     }
   }, [initialValue, key]);
-  const [storedValue, setStoredValue] = React2.useState(readValue);
+  const [storedValue, setStoredValue] = React.useState(readValue);
   const setValue = (value) => {
     try {
       const newValue = value instanceof Function ? value(storedValue) : value;
@@ -2844,10 +2831,10 @@ function useSessionStorage(key, initialValue) {
     } catch (error) {
     }
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setStoredValue(readValue());
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (typeof window == "undefined") {
       return;
     }
@@ -2856,7 +2843,7 @@ function useSessionStorage(key, initialValue) {
       window.removeEventListener?.("storage", handleStorageChange);
     };
   });
-  const handleStorageChange = React2.useCallback(
+  const handleStorageChange = React.useCallback(
     (event) => {
       if (event?.key && event.key !== key) {
         return;
@@ -2918,7 +2905,7 @@ var useFeeState = () => {
       };
     }
   );
-  const takerFeeBps = React2.useMemo(() => {
+  const takerFeeBps = React.useMemo(() => {
     if (wsAccountData?.accountDetail?.futuresTakerFeeRate) {
       return wsAccountData?.accountDetail?.futuresTakerFeeRate;
     }
@@ -2927,7 +2914,7 @@ var useFeeState = () => {
     accountInfo?.futures_taker_fee_rate,
     wsAccountData?.accountDetail?.futuresTakerFeeRate
   ]);
-  const makerFeeBps = React2.useMemo(() => {
+  const makerFeeBps = React.useMemo(() => {
     if (wsAccountData?.accountDetail?.futuresMakerFeeRate) {
       return wsAccountData?.accountDetail?.futuresMakerFeeRate;
     }
@@ -2936,7 +2923,7 @@ var useFeeState = () => {
     accountInfo?.futures_maker_fee_rate,
     wsAccountData?.accountDetail?.futuresMakerFeeRate
   ]);
-  const rwaTakerFeeBps = React2.useMemo(() => {
+  const rwaTakerFeeBps = React.useMemo(() => {
     if (wsAccountData?.accountDetail?.rwaFuturesTakerFeeRate) {
       return wsAccountData?.accountDetail?.rwaFuturesTakerFeeRate;
     }
@@ -2945,7 +2932,7 @@ var useFeeState = () => {
     accountInfo?.rwa_taker_fee_rate,
     wsAccountData?.accountDetail?.rwaFuturesTakerFeeRate
   ]);
-  const rwaMakerFeeBps = React2.useMemo(() => {
+  const rwaMakerFeeBps = React.useMemo(() => {
     if (wsAccountData?.accountDetail?.rwaFuturesMakerFeeRate) {
       return wsAccountData?.accountDetail?.rwaFuturesMakerFeeRate;
     }
@@ -2955,25 +2942,25 @@ var useFeeState = () => {
     wsAccountData?.accountDetail?.rwaFuturesMakerFeeRate
   ]);
   const refereeRebate = referralData?.referee_info?.referee_rebate_rate;
-  const takerFee = React2.useMemo(() => {
+  const takerFee = React.useMemo(() => {
     if (isAccountLoading || takerFeeBps === null || takerFeeBps === void 0) {
       return "-";
     }
     return formatFractionAsPercent(bpsToFraction(takerFeeBps));
   }, [isAccountLoading, takerFeeBps]);
-  const makerFee = React2.useMemo(() => {
+  const makerFee = React.useMemo(() => {
     if (isAccountLoading || makerFeeBps === null || makerFeeBps === void 0) {
       return "-";
     }
     return formatFractionAsPercent(bpsToFraction(makerFeeBps));
   }, [isAccountLoading, makerFeeBps]);
-  const rwaTakerFee = React2.useMemo(() => {
+  const rwaTakerFee = React.useMemo(() => {
     if (isAccountLoading || rwaTakerFeeBps === null || rwaTakerFeeBps === void 0) {
       return "-";
     }
     return formatFractionAsPercent(bpsToFraction(rwaTakerFeeBps));
   }, [isAccountLoading, rwaTakerFeeBps]);
-  const rwaMakerFee = React2.useMemo(() => {
+  const rwaMakerFee = React.useMemo(() => {
     if (isAccountLoading || rwaMakerFeeBps === null || rwaMakerFeeBps === void 0) {
       return "-";
     }
@@ -3065,7 +3052,7 @@ AmplitudeTracker.instanceName = "amplitudeTracker";
 
 // src/useTrackInstance.ts
 var useTrackingInstance = () => {
-  const { configStore, amplitudeConfig } = React2.useContext(OrderlyContext);
+  const { configStore, amplitudeConfig } = React.useContext(OrderlyContext);
   if (!configStore) {
     throw new Error("configStore is not defined, please use OrderlyProvider");
   }
@@ -3085,7 +3072,7 @@ var useTrackingInstance = () => {
   return trackInstace;
 };
 var useKeyStore = () => {
-  const ctx = React2.useContext(OrderlyContext);
+  const ctx = React.useContext(OrderlyContext);
   return ctx.keyStore;
 };
 var useSimpleDI = () => {
@@ -3103,11 +3090,11 @@ var WsNetworkStatus = /* @__PURE__ */ ((WsNetworkStatus2) => {
 })(WsNetworkStatus || {});
 function useWsStatus() {
   const ws = useWS();
-  const [wsStatus, setWsStatus] = React2.useState(
+  const [wsStatus, setWsStatus] = React.useState(
     ws.client.public.readyState ? "connected" /* Connected */ : "disconnected" /* Disconnected */
   );
-  const connectCount = React2.useRef(0);
-  React2.useEffect(() => {
+  const connectCount = React.useRef(0);
+  React.useEffect(() => {
     ws.on("status:change", (status) => {
       const { type, isPrivate } = status;
       if (!isPrivate) {
@@ -3136,10 +3123,10 @@ function useWsStatus() {
   }, []);
   return wsStatus;
 }
-var StatusContext = React2.createContext({});
+var StatusContext = React.createContext({});
 var StatusProvider = (props) => {
   const wsStatus = useWsStatus();
-  const memoizedValue = React2.useMemo(() => {
+  const memoizedValue = React.useMemo(() => {
     return { ws: wsStatus };
   }, [wsStatus]);
   return /* @__PURE__ */ jsxRuntime.jsx(StatusContext.Provider, { value: memoizedValue, children: props.children });
@@ -3237,7 +3224,7 @@ var useMarketsStream = () => {
       unsubscribe?.();
     };
   });
-  const value = React2.useMemo(() => {
+  const value = React.useMemo(() => {
     if (!futures) return null;
     if (!tickers) return futures;
     return futures.map((item) => {
@@ -3306,7 +3293,7 @@ var isCurrentlyClosed = (nextOpen, status, currentTime = Date.now()) => {
 };
 var useRwaSymbolsInfo = () => {
   const symbolsInfo = useAppStore((state) => state.rwaSymbolsInfo);
-  return React2.useMemo(() => createGetter({ ...symbolsInfo }), [symbolsInfo]);
+  return React.useMemo(() => createGetter({ ...symbolsInfo }), [symbolsInfo]);
 };
 var useRwaSymbolsInfoStore = () => {
   return useAppStore((state) => state.rwaSymbolsInfo);
@@ -3382,7 +3369,7 @@ var useRwaSymbolsRuntimeStore = zustand.create(
 var useInitRwaSymbolsRuntime = () => {
   const rwaSymbolsInfo = useRwaSymbolsInfoStore();
   const { startTimer, stopTimer, updateComputedStates } = useRwaSymbolsRuntimeStore();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (rwaSymbolsInfo && Object.keys(rwaSymbolsInfo).length > 0) {
       updateComputedStates(rwaSymbolsInfo);
       startTimer();
@@ -3396,7 +3383,7 @@ var useGetRwaSymbolInfo = (symbol) => {
   const computedState = useRwaSymbolsRuntimeStore(
     (state) => state.computedStates[symbol]
   );
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     if (!computedState) {
       return { isRwa: false };
     }
@@ -3405,7 +3392,7 @@ var useGetRwaSymbolInfo = (symbol) => {
 };
 var useGetRwaSymbolOpenStatus = (symbol) => {
   const { isRwa, open } = useGetRwaSymbolInfo(symbol);
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     return { isRwa, open };
   }, [isRwa, open]);
 };
@@ -3417,7 +3404,7 @@ var filterTimeInterval = (timeInterval, isRwa, thresholdMinutes) => {
 };
 var useGetRwaSymbolCloseTimeInterval = (symbol, thresholdMinutes = 30) => {
   const { isRwa, open, closeTimeInterval, nextClose } = useGetRwaSymbolInfo(symbol);
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     const filteredInterval = filterTimeInterval(
       closeTimeInterval,
       isRwa,
@@ -3428,7 +3415,7 @@ var useGetRwaSymbolCloseTimeInterval = (symbol, thresholdMinutes = 30) => {
 };
 var useGetRwaSymbolOpenTimeInterval = (symbol, thresholdMinutes = 30) => {
   const { isRwa, open, openTimeInterval, nextOpen } = useGetRwaSymbolInfo(symbol);
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     const filteredInterval = filterTimeInterval(
       openTimeInterval,
       isRwa,
@@ -3439,7 +3426,7 @@ var useGetRwaSymbolOpenTimeInterval = (symbol, thresholdMinutes = 30) => {
 };
 var useSymbolsInfo = () => {
   const symbolsInfo = useAppStore((state) => state.symbolsInfo);
-  return React2.useMemo(() => createGetter({ ...symbolsInfo }), [symbolsInfo]);
+  return React.useMemo(() => createGetter({ ...symbolsInfo }), [symbolsInfo]);
 };
 var useSymbolsInfoStore = () => {
   return useAppStore((state) => state.symbolsInfo);
@@ -3457,9 +3444,9 @@ var MarketsType = /* @__PURE__ */ ((MarketsType2) => {
 var MarketsStorageKey = "orderly_markets";
 var DefaultFavoriteTab = { name: "Popular", id: 1 };
 var useMarketsStore = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const ee = useEventEmitter();
-  const id = React2.useId();
+  const id = React.useId();
   const getStore = () => {
     const store = configStore.get(MarketsStorageKey);
     return store || getDefaultStoreData();
@@ -3494,14 +3481,14 @@ var useMarketsStore = () => {
   const getTabSort = () => {
     return getStoreByKey("tabSort", {});
   };
-  const [favoriteTabs, setFavoriteTabs] = React2.useState(getFavoriteTabs);
-  const [selectedFavoriteTab, setSelectedFavoriteTab] = React2.useState(
+  const [favoriteTabs, setFavoriteTabs] = React.useState(getFavoriteTabs);
+  const [selectedFavoriteTab, setSelectedFavoriteTab] = React.useState(
     getSelectedFavoriteTab
   );
-  const [favorites, setFavorites] = React2.useState(getFavorites);
-  const [recent, setRecent] = React2.useState(getRecent);
-  const [newListing, setNewListing] = React2.useState(getNewListing);
-  const [tabSort, setTabSort] = React2.useState(getTabSort);
+  const [favorites, setFavorites] = React.useState(getFavorites);
+  const [recent, setRecent] = React.useState(getRecent);
+  const [newListing, setNewListing] = React.useState(getNewListing);
+  const [tabSort, setTabSort] = React.useState(getTabSort);
   const updateFavoriteTabs = (tab, operator) => {
     const tabs = updateTabs(favoriteTabs, tab, operator);
     setFavoriteTabs(tabs);
@@ -3540,7 +3527,7 @@ var useMarketsStore = () => {
     };
     setTabSort(map);
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     updateStore({
       favoriteTabs,
       favorites,
@@ -3557,7 +3544,7 @@ var useMarketsStore = () => {
     tabSort,
     selectedFavoriteTab
   ]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const event = ({ id: srcId, key, data }) => {
       if (srcId === id) {
         return;
@@ -3599,10 +3586,10 @@ var useMarkets = (type = 2 /* ALL */) => {
   const { data: futures } = useMarketsStream();
   const symbolsInfo = useSymbolsInfo();
   const rwaSymbolsInfo = useRwaSymbolsInfo();
-  const [markets, setMarkets] = React2.useState([]);
+  const [markets, setMarkets] = React.useState([]);
   const store = useMarketsStore();
   const { favorites, recent, newListing } = store;
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const markets2 = addFieldToMarkets(futures, symbolsInfo, rwaSymbolsInfo);
     const filterList = filterMarkets({
       markets: markets2,
@@ -3820,7 +3807,7 @@ var ExtendedConfigStore = class extends core.DefaultConfigStore {
 };
 var useWSObserver = (calculatorService) => {
   const ws = useWS();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const markPriceSubscription = ws.subscribe("markprices", {
       onMessage: (message) => {
         const data = /* @__PURE__ */ Object.create(null);
@@ -3976,10 +3963,10 @@ var orderBookService = OrderbookService.getInstance();
 var orderbook_service_default = orderBookService;
 var useMarkPrice = (symbol) => {
   const ws = useWS();
-  const [price, setPrice] = React2.useState(0);
-  const symbolRef = React2.useRef(symbol);
+  const [price, setPrice] = React.useState(0);
+  const symbolRef = React.useRef(symbol);
   symbolRef.current = symbol;
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribe = ws.subscribe(`${symbol}@markprice`, {
       onMessage: (message) => {
         if (message.symbol !== symbolRef.current) {
@@ -3997,7 +3984,7 @@ var useMarkPrice = (symbol) => {
 };
 var useIndexPrice = (symbol) => {
   symbol = symbol.replace("PERP", "SPOT");
-  const symbolRef = React2.useRef(symbol);
+  const symbolRef = React.useRef(symbol);
   symbolRef.current = symbol;
   const ws = useWS();
   return useSWRSubscription__default.default(`${symbol}@indexprice`, (key, { next }) => {
@@ -4017,7 +4004,7 @@ var useIndexPrice = (symbol) => {
 };
 var useOpenInterest = (symbol) => {
   const ws = useWS();
-  const symbolRef = React2.useRef(symbol);
+  const symbolRef = React.useRef(symbol);
   symbolRef.current = symbol;
   return useSWRSubscription__default.default(`${symbol}@openinterest`, (key, { next }) => {
     const unsubscribe = ws.subscribe(`${symbol}@openinterest`, {
@@ -4069,11 +4056,11 @@ var useTickerStream = (symbol) => {
       revalidateOnFocus: false
     }
   );
-  const [ticker, setTicker] = React2.useState();
-  const symbolRef = React2.useRef(symbol);
+  const [ticker, setTicker] = React.useState();
+  const symbolRef = React.useRef(symbol);
   symbolRef.current = symbol;
   const ws = useWS();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribe = ws.subscribe(
       // { event: "subscribe", topic: "markprices" },
       `${symbol}@ticker`,
@@ -4096,10 +4083,10 @@ var useTickerStream = (symbol) => {
   const { data: indexPrice } = useIndexPrice(symbol);
   const { data: openInterest } = useOpenInterest(symbol);
   const marketMap = useMarketMap();
-  const markPrice = React2.useMemo(() => {
+  const markPrice = React.useMemo(() => {
     return markPrices?.[symbol];
   }, [markPrices, symbol]);
-  const value = React2.useMemo(() => {
+  const value = React.useMemo(() => {
     if (!info) return null;
     if (!ticker || ticker.symbol !== symbol) return info;
     const config = {
@@ -4237,22 +4224,22 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   }
   const level = options?.level ?? 10;
   const padding = options?.padding ?? true;
-  const symbolRef = React2.useRef(symbol);
+  const symbolRef = React.useRef(symbol);
   symbolRef.current = symbol;
   const {
     defaultOrderbookTickSizes: DEFAULT_TICK_SIZES2 = {},
     defaultOrderbookSymbolDepths: DEFAULT_SYMBOL_DEPTHS2 = {}
-  } = React2.useContext(OrderlyContext);
-  const [data, setData] = React2.useState(initial);
-  const [isLoading, setIsLoading] = React2.useState(true);
+  } = React.useContext(OrderlyContext);
+  const [data, setData] = React.useState(initial);
+  const [isLoading, setIsLoading] = React.useState(true);
   const config = useSymbolsInfo()[symbol];
   const [depthObject, setDepthObject] = useLocalStorage(
     ORDERLY_ORDERBOOK_DEPTH_KEY,
     {}
   );
-  const prevMiddlePrice = React2.useRef(0);
+  const prevMiddlePrice = React.useRef(0);
   const tick = config("quote_tick");
-  const depths = React2.useMemo(() => {
+  const depths = React.useMemo(() => {
     if (DEFAULT_SYMBOL_DEPTHS2[symbol]) {
       return DEFAULT_SYMBOL_DEPTHS2[symbol];
     }
@@ -4271,7 +4258,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     }
     return [tick];
   }, [symbol, tick]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (depthObject[symbol]) {
       return;
     }
@@ -4287,7 +4274,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
       }));
     }
   }, [depthObject, tick, symbol, DEFAULT_TICK_SIZES2]);
-  const onDepthChange = React2.useCallback(
+  const onDepthChange = React.useCallback(
     (val) => {
       setDepthObject((prev) => ({ ...prev, [symbol]: val }));
     },
@@ -4296,7 +4283,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   const ws = useWS();
   const ticker = useTickerStream(symbol);
   const eventEmitter = useEventEmitter();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     let needRequestFullOrderbook = true;
     setIsLoading(true);
     let fullOrderBookUpdateSub;
@@ -4361,17 +4348,17 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     };
   }, [symbol]);
   const { data: markPrice } = useMarkPrice(symbol);
-  const onItemClick = React2.useCallback((item) => {
+  const onItemClick = React.useCallback((item) => {
     eventEmitter.emit("orderbook:item:click", item);
   }, []);
   const reducedData = reduceOrderbook(depthObject[symbol], level, padding, {
     asks: data.asks,
     bids: data.bids
   });
-  React2.useEffect(() => {
+  React.useEffect(() => {
     eventEmitter.emit("orderbook:update", reducedData);
   }, [reducedData]);
-  const middlePrice = React2.useMemo(() => {
+  const middlePrice = React.useMemo(() => {
     let asksFrist = 0;
     let bidsFirst = 0;
     if (data.asks.length > 0) {
@@ -4385,7 +4372,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     }
     return [asksFrist, bidsFirst, ticker["24h_close"]].sort()[1];
   }, [ticker?.["24h_close"], data]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     prevMiddlePrice.current = middlePrice;
   }, [middlePrice]);
   return [
@@ -4406,7 +4393,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
 };
 var useSymbolInfo = (symbol) => {
   const infos = useSymbolsInfo();
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     return !symbol || infos.isNil ? null : infos[symbol];
   }, [infos, symbol]);
 };
@@ -4423,7 +4410,7 @@ var useFundingRatesStore = () => {
 var DefaultTab = { name: "Popular", id: 1 };
 var marketsKey = "markets";
 var useMarket = (type) => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const symbolsInfo = useSymbolsInfo();
   const fundingRates = useFundingRates();
   const { data: futures } = useMarketsStream();
@@ -4452,10 +4439,10 @@ var useMarket = (type) => {
       });
     }
   }
-  const getFavoriteTabs = React2.useMemo(() => {
+  const getFavoriteTabs = React.useMemo(() => {
     return getStore("favoriteTabs", [{ ...DefaultTab }]);
   }, []);
-  const getFavorites = React2.useMemo(() => {
+  const getFavorites = React.useMemo(() => {
     const curData = getStore("favorites", []);
     const tabs = getFavoriteTabs;
     const result = [];
@@ -4472,12 +4459,12 @@ var useMarket = (type) => {
     updateStore("favorites", result);
     return result;
   }, [configStore]);
-  const [favoriteTabs, setFavoriteTabs] = React2.useState(getFavoriteTabs);
-  const [favorites, setFavorites] = React2.useState(getFavorites);
-  const [recent, setRecent] = React2.useState(
+  const [favoriteTabs, setFavoriteTabs] = React.useState(getFavoriteTabs);
+  const [favorites, setFavorites] = React.useState(getFavorites);
+  const [recent, setRecent] = React.useState(
     getStore("recent", []).filter((e) => e)
   );
-  const [tabSort, setTabSort] = React2.useState(
+  const [tabSort, setTabSort] = React.useState(
     getStore("tabSort", {})
   );
   const updateFavoriteTabs = (tab, operator) => {
@@ -4557,7 +4544,7 @@ var useMarket = (type) => {
     updateStore("favorites", curData);
     setFavorites(() => curData);
   };
-  const marketsList = React2.useMemo(() => {
+  const marketsList = React.useMemo(() => {
     const list = futures?.map((item) => {
       const { open_interest = 0, index_price = 0 } = item;
       const info = symbolsInfo[item.symbol];
@@ -4715,7 +4702,7 @@ var useLeverage = () => {
     errorRetryCount: 3
     // formatter: (data) => data,
   });
-  const updateLeverage = React2.useCallback(
+  const updateLeverage = React.useCallback(
     async (data2) => {
       const res = await update(data2);
       if (res.success) {
@@ -4726,19 +4713,19 @@ var useLeverage = () => {
     },
     [update, mutate6]
   );
-  const memoizedCurLeverage = React2.useMemo(() => {
+  const memoizedCurLeverage = React.useMemo(() => {
     if (data?.max_leverage !== void 0) {
       return Number(data.max_leverage);
     }
     return 1;
   }, [data?.max_leverage]);
-  const memoizedMaxLeverage = React2.useMemo(() => {
+  const memoizedMaxLeverage = React.useMemo(() => {
     if (leverageConfig?.max_futures_leverage !== void 0) {
       return Number(leverageConfig.max_futures_leverage);
     }
     return 1;
   }, [leverageConfig?.max_futures_leverage]);
-  const memoizedLeverageLevers = React2.useMemo(() => {
+  const memoizedLeverageLevers = React.useMemo(() => {
     return generateLeverageLevers(memoizedMaxLeverage);
   }, [memoizedMaxLeverage]);
   return {
@@ -4762,13 +4749,13 @@ var useComputedLTV = (options = {}) => {
   const { usdc, data: holdingList = [] } = useHoldingStream();
   const { getIndexPrice } = useIndexPricesStream();
   const { unsettledPnL } = useCollateral();
-  const usdcBalance = React2.useMemo(() => {
+  const usdcBalance = React.useMemo(() => {
     if (isUSDC && input) {
       return new utils.Decimal(usdc?.holding ?? 0).add(input).toNumber();
     }
     return usdc?.holding ?? 0;
   }, [usdc?.holding, input, isUSDC]);
-  const getAdjustedQty = React2.useCallback(
+  const getAdjustedQty = React.useCallback(
     (item) => {
       if (input && item.token === token) {
         return new utils.Decimal(item?.holding ?? 0).add(input).toNumber();
@@ -4777,7 +4764,7 @@ var useComputedLTV = (options = {}) => {
     },
     [input, token]
   );
-  const memoizedLTV = React2.useMemo(() => {
+  const memoizedLTV = React.useMemo(() => {
     return LTV({
       usdcBalance,
       upnl: unsettledPnL,
@@ -4816,8 +4803,8 @@ var useFundingRate = (symbol) => {
   if (!symbol) {
     throw new types.SDKError("Symbol is required");
   }
-  const [countDown, setCountDown] = React2.useState("00:00:00");
-  const timerRef = React2.useRef(null);
+  const [countDown, setCountDown] = React.useState("00:00:00");
+  const timerRef = React.useRef(null);
   const { data, isLoading } = useQuery(
     `/v1/public/funding_rate/${symbol}`,
     {
@@ -4827,7 +4814,7 @@ var useFundingRate = (symbol) => {
       }
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!data || isLoading) {
       return;
     }
@@ -4857,7 +4844,7 @@ var useFundingRate = (symbol) => {
       }
     };
   }, [data, isLoading]);
-  const est_funding_rate = React2.useMemo(() => {
+  const est_funding_rate = React.useMemo(() => {
     if (!data) {
       return;
     }
@@ -4904,7 +4891,7 @@ var useFundingRateHistory = () => {
   const { data: historyData, isLoading } = useQuery(
     "/v1/public/market_info/funding_history"
   );
-  const getPositiveRates = React2.useCallback(
+  const getPositiveRates = React.useCallback(
     (data, period) => {
       if (!data?.length) {
         return {};
@@ -4922,7 +4909,7 @@ var useFundingRateHistory = () => {
     },
     []
   );
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     return {
       data: historyData ?? types.EMPTY_LIST,
       isLoading,
@@ -5735,7 +5722,7 @@ var scopes = [
 var usePositionStream = (symbol = "all", options) => {
   const { calcMode } = options || {};
   const { includedPendingOrder = false } = options || {};
-  const positionCalculator = React2.useRef(null);
+  const positionCalculator = React.useRef(null);
   const calculatorService = useCalculatorService();
   const [tpslOrders] = useOrderStream(
     {
@@ -5751,7 +5738,7 @@ var usePositionStream = (symbol = "all", options) => {
   const { positions: positionStatus } = useApiStatusStore(
     (state) => state.apis
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (symbol === "all") {
       return;
     }
@@ -5772,7 +5759,7 @@ var usePositionStream = (symbol = "all", options) => {
   const { totalCollateral, totalValue, totalUnrealizedROI } = useAppStore(
     (state) => state.portfolio
   );
-  const aggregated = React2.useMemo(() => {
+  const aggregated = React.useMemo(() => {
     const data = formattedPositions[1];
     if (!data) {
       return {};
@@ -5868,9 +5855,9 @@ ramda.pathOr(0, [
   "aggregated",
   "unsettledPnL"
 ]);
-var DataCenterContext = React2.createContext({});
+var DataCenterContext = React.createContext({});
 var useDataCenterContext = () => {
-  return React2.useContext(DataCenterContext);
+  return React.useContext(DataCenterContext);
 };
 
 // src/orderly/useOrderStream/useOrderStream.ts
@@ -5884,10 +5871,10 @@ var useOrderStream = (params, options) => {
     dateRange,
     sourceTypeAll
   } = params;
-  const [includes2, setIncludes] = React2.useState(
+  const [includes2, setIncludes] = React.useState(
     params.includes ?? ["ALL"]
   );
-  const [excludes, setExcludes] = React2.useState(
+  const [excludes, setExcludes] = React.useState(
     params.excludes ?? []
   );
   const { data: markPrices } = useMarkPricesStream();
@@ -5910,7 +5897,7 @@ var useOrderStream = (params, options) => {
     doUpdateAlgoOrder,
     { error: updateAlgoOrderError, isMutating: updateAlgoMutating }
   ] = useMutation("/v1/algo/order", "PUT");
-  const normalOrderKeyFn = React2.useMemo(() => {
+  const normalOrderKeyFn = React.useMemo(() => {
     return generateKeyFun2("/v1/orders", {
       status,
       symbol,
@@ -5921,7 +5908,7 @@ var useOrderStream = (params, options) => {
       sourceTypeAll
     });
   }, [status, symbol, side, size, page, dateRange]);
-  const algoOrderKeyFn = React2.useMemo(() => {
+  const algoOrderKeyFn = React.useMemo(() => {
     return sourceTypeAll ? null : generateKeyFun2("/v1/algo/orders", {
       status,
       symbol,
@@ -5931,7 +5918,7 @@ var useOrderStream = (params, options) => {
       dateRange
     });
   }, [status, symbol, side, dateRange, size]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const formatKey = (value) => value ? `:${value}` : "";
     const key = `orders${formatKey(status)}${formatKey(symbol)}${formatKey(
       side
@@ -5957,7 +5944,7 @@ var useOrderStream = (params, options) => {
     formatter: (data) => data,
     revalidateOnFocus: false
   });
-  const flattenOrders = React2.useMemo(() => {
+  const flattenOrders = React.useMemo(() => {
     if (!normalOrdersResponse.data || !algoOrdersResponse.data && !sourceTypeAll) {
       return null;
     }
@@ -5982,7 +5969,7 @@ var useOrderStream = (params, options) => {
     }
     return orders2;
   }, [normalOrdersResponse.data, algoOrdersResponse.data, includes2, excludes]);
-  const orders = React2.useMemo(() => {
+  const orders = React.useMemo(() => {
     if (!flattenOrders) {
       return null;
     }
@@ -6000,7 +5987,7 @@ var useOrderStream = (params, options) => {
       return order;
     });
   }, [flattenOrders, markPrices, status]);
-  const total = React2.useMemo(() => {
+  const total = React.useMemo(() => {
     return orders?.length || 0;
   }, [orders?.length]);
   const cancelAlgoOrdersByTypes = (types$1, symbol2) => {
@@ -6019,7 +6006,7 @@ var useOrderStream = (params, options) => {
       })
     );
   };
-  const cancelAllOrders = React2.useCallback(() => {
+  const cancelAllOrders = React.useCallback(() => {
     return Promise.all([
       doCancelAllOrders(null),
       doCancelAllAlgoOrders(null, { algo_type: types.AlgoOrderRootType.STOP }),
@@ -6028,7 +6015,7 @@ var useOrderStream = (params, options) => {
       })
     ]);
   }, [normalOrdersResponse.data, algoOrdersResponse.data]);
-  const cancelAllPendingOrders = React2.useCallback(
+  const cancelAllPendingOrders = React.useCallback(
     (symbol2) => {
       return Promise.all([
         doCancelAllOrders(null, { ...symbol2 && { symbol: symbol2 } }),
@@ -6044,7 +6031,7 @@ var useOrderStream = (params, options) => {
     },
     [symbol]
   );
-  const cancelPostionOrdersByTypes = React2.useCallback(
+  const cancelPostionOrdersByTypes = React.useCallback(
     (symbol2, types) => {
       return doCancelAllAlgoOrders(null, {
         symbol: symbol2,
@@ -6053,7 +6040,7 @@ var useOrderStream = (params, options) => {
     },
     [algoOrdersResponse.data]
   );
-  const cancelAllTPSLOrders = React2.useCallback(
+  const cancelAllTPSLOrders = React.useCallback(
     (symbol2) => {
       return cancelAlgoOrdersByTypes(
         [types.AlgoOrderRootType.POSITIONAL_TP_SL, types.AlgoOrderRootType.TP_SL],
@@ -6062,7 +6049,7 @@ var useOrderStream = (params, options) => {
     },
     [algoOrdersResponse.data]
   );
-  const _updateOrder = React2.useCallback(
+  const _updateOrder = React.useCallback(
     (orderId, order, type) => {
       switch (type) {
         case "algoOrder":
@@ -6082,13 +6069,13 @@ var useOrderStream = (params, options) => {
     },
     []
   );
-  const updateOrder = React2.useCallback((orderId, order) => {
+  const updateOrder = React.useCallback((orderId, order) => {
     return _updateOrder(orderId, order, "normalOrder");
   }, []);
-  const updateAlgoOrder = React2.useCallback((orderId, order) => {
+  const updateAlgoOrder = React.useCallback((orderId, order) => {
     return _updateOrder(orderId, order, "algoOrder");
   }, []);
-  const _cancelOrder = React2.useCallback(
+  const _cancelOrder = React.useCallback(
     (orderId, type, symbol2) => {
       switch (type) {
         case "algoOrder":
@@ -6122,15 +6109,15 @@ var useOrderStream = (params, options) => {
     },
     []
   );
-  const cancelOrder = React2.useCallback((orderId, symbol2) => {
+  const cancelOrder = React.useCallback((orderId, symbol2) => {
     return _cancelOrder(orderId, "normalOrder", symbol2);
   }, []);
-  const cancelAlgoOrder = React2.useCallback((orderId, symbol2) => {
+  const cancelAlgoOrder = React.useCallback((orderId, symbol2) => {
     return _cancelOrder(orderId, "algoOrder", symbol2);
   }, []);
   const loadMore = () => {
   };
-  const cancelTPSLChildOrder = React2.useCallback(
+  const cancelTPSLChildOrder = React.useCallback(
     (orderId, rootAlgoOrderId) => {
       return doUpdateAlgoOrder({
         order_id: rootAlgoOrderId,
@@ -6144,7 +6131,7 @@ var useOrderStream = (params, options) => {
     },
     []
   );
-  const updateTPSLOrder = React2.useCallback(
+  const updateTPSLOrder = React.useCallback(
     (orderId, childOrders) => {
       if (!Array.isArray(childOrders)) {
         throw new types.SDKError("Children orders is required");
@@ -6156,10 +6143,10 @@ var useOrderStream = (params, options) => {
     },
     []
   );
-  const meta = React2.useMemo(() => {
+  const meta = React.useMemo(() => {
     return normalOrdersResponse.data?.[0]?.meta;
   }, [normalOrdersResponse.data?.[0]]);
-  const refresh = React2.useCallback(() => {
+  const refresh = React.useCallback(() => {
     normalOrdersResponse.mutate();
     algoOrdersResponse.mutate();
   }, []);
@@ -6428,9 +6415,9 @@ function calcByPrice(positions3, markPrice, indexPrice) {
 }
 var useSubAccountWS = (options) => {
   const { accountId } = options;
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const { state, account: account9 } = useAccount();
-  const websocketClient = React2.useRef(
+  const websocketClient = React.useRef(
     new net.WS({
       networkId: configStore.get("networkId"),
       // not need to subscribe public socket
@@ -6444,7 +6431,7 @@ var useSubAccountWS = (options) => {
       }
     })
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (accountId && (state.status === types.AccountStatusEnum.EnableTrading || state.status === types.AccountStatusEnum.EnableTradingWithoutConnected)) {
       websocketClient.current.openPrivate(accountId);
     }
@@ -6463,11 +6450,11 @@ var useSubAccountDataObserver = (accountId) => {
   const symbolsInfo = useSymbolsInfo();
   const fundingRates = useFundingRatesStore();
   const tokensInfo = useAppStore((state) => state.tokensInfo);
-  const [holding, setHolding] = React2.useState([]);
-  const [positions3, setPositions] = React2.useState(
+  const [holding, setHolding] = React.useState([]);
+  const [positions3, setPositions] = React.useState(
     POSITION_EMPTY
   );
-  const [portfolio, setPortfolio] = React2.useState();
+  const [portfolio, setPortfolio] = React.useState();
   const { data: accountInfo } = useSubAccountQuery(
     "/v1/client/info",
     { accountId, revalidateOnFocus: false }
@@ -6486,7 +6473,7 @@ var useSubAccountDataObserver = (accountId) => {
       formatter: (data) => data.holding
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const portfolio2 = formatPortfolio({
       holding,
       positions: positions3,
@@ -6506,7 +6493,7 @@ var useSubAccountDataObserver = (accountId) => {
     symbolsInfo,
     tokensInfo
   ]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!positionsInfo) return;
     if (positionsInfo.rows?.length === 0) {
       setPositions(positionsInfo);
@@ -6533,12 +6520,12 @@ var useSubAccountDataObserver = (accountId) => {
     markPrices,
     indexPrices
   ]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (holdingRes) {
       setHolding(holdingRes);
     }
   }, [holdingRes]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!accountId) return;
     const unsubscribe = ws.privateSubscribe(
       {
@@ -6563,7 +6550,7 @@ var useSubAccountDataObserver = (accountId) => {
     );
     return () => unsubscribe?.();
   }, [accountId]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!accountId) return;
     const key = ["/v1/positions", accountId];
     const unsubscribe = ws.privateSubscribe("position", {
@@ -6618,22 +6605,22 @@ function useSubAccountMaxWithdrawal(options) {
     (state) => state.tokensInfo?.find((item) => item.token === token)
   );
   const { data: indexPrices } = useIndexPricesStream();
-  const usdc = React2.useMemo(() => {
+  const usdc = React.useMemo(() => {
     const usdc2 = holdings?.find((item) => item.token === "USDC");
     return usdc2;
   }, [holdings]);
-  const holding = React2.useMemo(() => {
+  const holding = React.useMemo(() => {
     return holdings?.find((item) => item?.token === token);
   }, [holdings, token]);
   const usdcBalance = usdc?.holding ?? 0;
-  const indexPrice = React2.useMemo(() => {
+  const indexPrice = React.useMemo(() => {
     if (token === "USDC") {
       return 1;
     }
     const symbol = `PERP_${token}_USDC`;
     return indexPrices[symbol] ?? 0;
   }, [token, indexPrices]);
-  const memoizedCollateralRatio = React2.useMemo(() => {
+  const memoizedCollateralRatio = React.useMemo(() => {
     const { base_weight = 0, discount_factor = 0 } = tokenInfo || {};
     const holdingQty = holding?.holding ?? 0;
     return collateralRatio2({
@@ -6644,7 +6631,7 @@ function useSubAccountMaxWithdrawal(options) {
       indexPrice
     });
   }, [holdings, tokenInfo, indexPrice, token, holding]);
-  const maxAmount = React2.useMemo(() => {
+  const maxAmount = React.useMemo(() => {
     if (token === "USDC") {
       return maxWithdrawalUSDC({
         USDCBalance: usdcBalance,
@@ -6676,10 +6663,10 @@ var useSubAccountAlgoOrderStream = (params, options) => {
   const { status } = params;
   const accountId = options.accountId;
   const ee = useEventEmitter();
-  const [includes2, setIncludes] = React2.useState(
+  const [includes2, setIncludes] = React.useState(
     params.includes ?? ["ALL"]
   );
-  const [excludes, setExcludes] = React2.useState(
+  const [excludes, setExcludes] = React.useState(
     params.excludes ?? []
   );
   const { data: markPrices } = useMarkPricesStream();
@@ -6705,7 +6692,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
     }
   );
   const [doUpdateAlgoOrder, { isMutating: updateAlgoMutating }] = useSubAccountMutation("/v1/algo/order", "PUT", { accountId });
-  const algoOrderKey = React2.useMemo(() => {
+  const algoOrderKey = React.useMemo(() => {
     const { status: status2, symbol, side, size = 50, page = 1, dateRange } = params;
     const search = new URLSearchParams([
       ["size", size.toString()],
@@ -6741,7 +6728,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
       revalidateOnFocus: false
     }
   );
-  const flattenOrders = React2.useMemo(() => {
+  const flattenOrders = React.useMemo(() => {
     const orders2 = data?.rows || [];
     if (includes2.includes("ALL") && excludes.length === 0) {
       return orders2;
@@ -6759,7 +6746,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
     }
     return orders2;
   }, [data, includes2, excludes]);
-  const orders = React2.useMemo(() => {
+  const orders = React.useMemo(() => {
     if (!flattenOrders) {
       return null;
     }
@@ -6793,7 +6780,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
       })
     );
   };
-  const cancelAllOrders = React2.useCallback(() => {
+  const cancelAllOrders = React.useCallback(() => {
     return Promise.all([
       doCancelAllAlgoOrders(null, { algo_type: types.AlgoOrderRootType.STOP }),
       doCancelAllAlgoOrders(null, {
@@ -6801,10 +6788,10 @@ var useSubAccountAlgoOrderStream = (params, options) => {
       })
     ]);
   }, [data]);
-  const cancelAllPendingOrders = React2.useCallback((symbol) => {
+  const cancelAllPendingOrders = React.useCallback((symbol) => {
     doCancelAllOrders(null, { ...symbol && { symbol } });
   }, []);
-  const cancelPostionOrdersByTypes = React2.useCallback(
+  const cancelPostionOrdersByTypes = React.useCallback(
     (symbol, types) => {
       return doCancelAllAlgoOrders(null, {
         symbol,
@@ -6813,7 +6800,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
     },
     [data]
   );
-  const cancelAllTPSLOrders = React2.useCallback(
+  const cancelAllTPSLOrders = React.useCallback(
     (symbol) => {
       return cancelAlgoOrdersByTypes(
         [types.AlgoOrderRootType.POSITIONAL_TP_SL, types.AlgoOrderRootType.TP_SL],
@@ -6822,7 +6809,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
     },
     [data]
   );
-  const _updateOrder = React2.useCallback(
+  const _updateOrder = React.useCallback(
     (orderId, order, type) => {
       switch (type) {
         case "algoOrder":
@@ -6842,13 +6829,13 @@ var useSubAccountAlgoOrderStream = (params, options) => {
     },
     []
   );
-  const updateOrder = React2.useCallback((orderId, order) => {
+  const updateOrder = React.useCallback((orderId, order) => {
     return _updateOrder(orderId, order, "normalOrder");
   }, []);
-  const updateAlgoOrder = React2.useCallback((orderId, order) => {
+  const updateAlgoOrder = React.useCallback((orderId, order) => {
     return _updateOrder(orderId, order, "algoOrder");
   }, []);
-  const _cancelOrder = React2.useCallback(
+  const _cancelOrder = React.useCallback(
     (orderId, type, symbol) => {
       switch (type) {
         case "algoOrder":
@@ -6881,13 +6868,13 @@ var useSubAccountAlgoOrderStream = (params, options) => {
     },
     []
   );
-  const cancelOrder = React2.useCallback((orderId, symbol) => {
+  const cancelOrder = React.useCallback((orderId, symbol) => {
     return _cancelOrder(orderId, "normalOrder", symbol);
   }, []);
-  const cancelAlgoOrder = React2.useCallback((orderId, symbol) => {
+  const cancelAlgoOrder = React.useCallback((orderId, symbol) => {
     return _cancelOrder(orderId, "algoOrder", symbol);
   }, []);
-  const cancelTPSLChildOrder = React2.useCallback(
+  const cancelTPSLChildOrder = React.useCallback(
     (orderId, rootAlgoOrderId) => {
       return doUpdateAlgoOrder({
         order_id: rootAlgoOrderId,
@@ -6901,7 +6888,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
     },
     []
   );
-  const updateTPSLOrder = React2.useCallback(
+  const updateTPSLOrder = React.useCallback(
     (orderId, childOrders) => {
       if (!Array.isArray(childOrders)) {
         throw new types.SDKError("Children orders is required");
@@ -6916,7 +6903,7 @@ var useSubAccountAlgoOrderStream = (params, options) => {
   const refresh = useDebounce.useDebouncedCallback(() => {
     mutate6();
   }, 200);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const handler = (position) => {
       if (position.account_id === accountId) {
         refresh();
@@ -6956,13 +6943,13 @@ var useMarketTradeStream = (symbol, options = {}) => {
   if (!symbol) {
     throw new types.SDKError("Symbol is required");
   }
-  const [trades, setTrades] = React2.useState([]);
-  const [isLoading, setIsLoading] = React2.useState(false);
-  const symbolRef = React2.useRef(symbol);
+  const [trades, setTrades] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const symbolRef = React.useRef(symbol);
   symbolRef.current = symbol;
   const { limit = 50 } = options;
   const ws = useWS();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setIsLoading(true);
     setTrades(() => []);
     ws.onceSubscribe(
@@ -6983,7 +6970,7 @@ var useMarketTradeStream = (symbol, options = {}) => {
       }
     );
   }, [symbol]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribe = ws.subscribe(
       {
         id: `${symbol}@trade`,
@@ -7047,7 +7034,7 @@ var useLeverageBySymbol = (symbol) => {
       revalidateOnFocus: false
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId || !symbol) return;
     const unsubscribe = ws.privateSubscribe("account", {
       onMessage: (data2) => {
@@ -7082,7 +7069,7 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
   const { totalCollateral } = useCollateral();
   const { data: markPrices } = useMarkPricesStream();
   const symbolLeverage = useLeverageBySymbol(symbol);
-  const maxQty = React2.useMemo(() => {
+  const maxQty = React.useMemo(() => {
     if (!symbol) return 0;
     const positionQty = perp.account.getQtyFromPositions(
       positions3 === null ? [] : positions3,
@@ -7154,7 +7141,7 @@ var useMarginRatio = () => {
   const { state } = useAccount();
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
-  const marginRatio = React2.useMemo(() => {
+  const marginRatio = React.useMemo(() => {
     if (!rows || !markPrices || !totalCollateral || rows.length === 0) {
       return 0;
     }
@@ -7164,13 +7151,13 @@ var useMarginRatio = () => {
       positions: rows ?? types.EMPTY_LIST
     });
   }, [rows, markPrices, totalCollateral]);
-  const currentLeverage = React2.useMemo(() => {
+  const currentLeverage = React.useMemo(() => {
     if (state.status >= types.AccountStatusEnum.EnableTrading || state.status === types.AccountStatusEnum.EnableTradingWithoutConnected) {
       return perp.account.currentLeverage(marginRatio);
     }
     return null;
   }, [marginRatio, state.status]);
-  const mmr = React2.useMemo(() => {
+  const mmr = React.useMemo(() => {
     if (!rows || rows.length <= 0 || notional == null) {
       return null;
     }
@@ -7186,7 +7173,7 @@ var useMarginRatio = () => {
       positionsNotional: notional
     });
   }, [rows, notional]);
-  const maintenanceMargin = React2.useMemo(() => {
+  const maintenanceMargin = React.useMemo(() => {
     if (!rows || rows.length <= 0 || notional == null) {
       return null;
     }
@@ -7217,16 +7204,16 @@ function useChains(networkId, options = {}) {
     filteredChains: allowedChains,
     customChains,
     dataAdapter
-  } = React2.useContext(OrderlyContext);
-  const filterFun = React2.useRef(options?.filter);
+  } = React.useContext(OrderlyContext);
+  const filterFun = React.useRef(options?.filter);
   filterFun.current = options?.filter;
-  const chainsMap = React2.useRef(/* @__PURE__ */ new Map());
+  const chainsMap = React.useRef(/* @__PURE__ */ new Map());
   const needFetchFromAPI = options.forceAPI || !customChains;
   const { data: tokenChainsRes, error: tokenError } = useMainTokenStore();
   const testTokenChainsRes = useTestTokenStore((state) => state.data);
   const chainInfos = useMainnetChainsStore((state) => state.data);
   const testChainInfos = useTestnetChainsStore((state) => state.data);
-  const chains = React2.useMemo(() => {
+  const chains = React.useMemo(() => {
     if (!tokenChainsRes || !testTokenChainsRes || !chainInfos || !testChainInfos) {
       return [];
     }
@@ -7281,7 +7268,7 @@ function useChains(networkId, options = {}) {
     allowedChains,
     dataAdapter
   ]);
-  const findByChainId = React2.useCallback(
+  const findByChainId = React.useCallback(
     (chainId, field) => {
       const chain = chainsMap.current.get(chainId);
       if (chain) {
@@ -7298,7 +7285,7 @@ function useChains(networkId, options = {}) {
     },
     [chains, chainsMap]
   );
-  const checkChainSupport = React2.useCallback(
+  const checkChainSupport = React.useCallback(
     (chainId, networkId2) => {
       const _chains = Array.isArray(chains) ? chains : chains[networkId2];
       return _checkChainSupport(chainId, _chains);
@@ -7423,7 +7410,7 @@ function useStorageChain() {
 }
 var useChain = (token) => {
   const { data, isLoading } = useQuery("/v1/public/token");
-  const chains = React2.useMemo(() => {
+  const chains = React.useMemo(() => {
     if (!data) {
       return null;
     }
@@ -7458,7 +7445,7 @@ var useHoldingStream = () => {
       }
     }
   );
-  const usdc = React2.useMemo(() => {
+  const usdc = React.useMemo(() => {
     const usdc2 = data?.find((item) => item.token === "USDC");
     return usdc2;
   }, [data]);
@@ -7510,13 +7497,13 @@ var useMaxWithdrawal = (token) => {
   const { getIndexPrice } = useIndexPricesStream();
   const indexPriceRef = useUpdatedRef(getIndexPrice(token));
   const { usdc, data: holdings = [] } = useHoldingStream();
-  const holding = React2.useMemo(() => {
+  const holding = React.useMemo(() => {
     return holdings.find(
       (item) => item.token?.toUpperCase() === token.toUpperCase()
     );
   }, [holdings, token]);
   const usdcBalance = usdc?.holding ?? 0;
-  const memoizedCollateralRatio = React2.useMemo(() => {
+  const memoizedCollateralRatio = React.useMemo(() => {
     const { base_weight = 0, discount_factor = 0 } = tokenInfo || {};
     const holdingQty = holding?.holding ?? 0;
     return collateralRatio3({
@@ -7527,7 +7514,7 @@ var useMaxWithdrawal = (token) => {
       indexPrice: indexPriceRef.current
     });
   }, [tokenInfo, holding?.holding, indexPriceRef]);
-  const maxAmount = React2.useMemo(() => {
+  const maxAmount = React.useMemo(() => {
     if (!token) {
       return 0;
     }
@@ -7576,14 +7563,14 @@ var useWithdraw = (options) => {
   const [_, { findByChainId }] = useChains(void 0);
   const { track: track2 } = useTrack();
   const maxAmount = useMaxWithdrawal(token);
-  const availableWithdraw = React2.useMemo(() => {
+  const availableWithdraw = React.useMemo(() => {
     if (unsettledPnL < 0) {
       return freeCollateral;
     } else {
       return freeCollateral - unsettledPnL;
     }
   }, [freeCollateral, unsettledPnL]);
-  const targetChain = React2.useMemo(() => {
+  const targetChain = React.useMemo(() => {
     let chain;
     if (networkId === "testnet") {
       chain = findByChainId(
@@ -7597,7 +7584,7 @@ var useWithdraw = (options) => {
     }
     return chain;
   }, [networkId, findByChainId, srcChainId]);
-  const dst = React2.useMemo(() => {
+  const dst = React.useMemo(() => {
     const USDC = targetChain?.token_infos.find(
       (token2) => token2.symbol === "USDC"
     );
@@ -7609,7 +7596,7 @@ var useWithdraw = (options) => {
       network: targetChain?.network_infos?.shortName
     };
   }, [targetChain]);
-  const withdraw = React2.useCallback(
+  const withdraw = React.useCallback(
     (inputs) => {
       return account9.assetsManager.withdraw({ ...inputs, decimals: decimals ?? 6 }).then((res) => {
         if (res.success) {
@@ -7648,11 +7635,11 @@ var useWithdraw = (options) => {
   };
 };
 var useDeposit = (options) => {
-  const [quantity, setQuantity] = React2.useState("");
+  const [quantity, setQuantity] = React.useState("");
   const { account: account9, state } = useAccount();
   const { track: track2 } = useTrack();
   const targetChain = useTargetChain(options.srcChainId);
-  const dst = React2.useMemo(() => {
+  const dst = React.useMemo(() => {
     const symbol = options.dstToken || "USDC";
     const targetToken = targetChain?.token_infos.find(
       (token) => token.symbol === symbol
@@ -7665,11 +7652,11 @@ var useDeposit = (options) => {
       network: targetChain?.network_infos.shortName
     };
   }, [targetChain, options.dstToken]);
-  const isNativeToken = React2.useMemo(
+  const isNativeToken = React.useMemo(
     () => types.isNativeTokenChecker(options.address),
     [options.address]
   );
-  const vaultAddress = React2.useMemo(() => {
+  const vaultAddress = React.useMemo(() => {
     if (dst?.chainId !== options.srcChainId) {
       return options.crossChainRouteAddress;
     }
@@ -7723,7 +7710,7 @@ var useDeposit = (options) => {
     isNativeToken,
     dst
   });
-  const resetApprove = React2.useCallback(
+  const resetApprove = React.useCallback(
     async (tokenAddress, decimal, vaultAddress2) => {
       const result = await account9.assetsManager.approve({
         address: tokenAddress,
@@ -7735,7 +7722,7 @@ var useDeposit = (options) => {
     },
     [account9, updateAllowanceWhenTxSuccess]
   );
-  const approve = React2.useCallback(
+  const approve = React.useCallback(
     async (amount) => {
       if (!options.address) {
         throw new Error("address is required");
@@ -7773,7 +7760,7 @@ var useDeposit = (options) => {
       resetApprove
     ]
   );
-  const deposit = React2.useCallback(async () => {
+  const deposit = React.useCallback(async () => {
     await enquireAllowance();
     const inputs = {
       amount: quantity,
@@ -7838,8 +7825,8 @@ var useDeposit = (options) => {
 };
 function useBalance(options) {
   const { srcToken, address, decimals, account: account9, status } = options;
-  const [balance, setBalance] = React2.useState("0");
-  const fetchBalance = React2.useCallback(
+  const [balance, setBalance] = React.useState("0");
+  const fetchBalance = React.useCallback(
     async (address2, decimals2) => {
       try {
         if (types.isNativeTokenChecker(address2)) {
@@ -7862,26 +7849,26 @@ function useBalance(options) {
     },
     [srcToken, account9]
   );
-  const fetchBalances = React2.useCallback(
+  const fetchBalances = React.useCallback(
     async (tokens) => {
       return account9.assetsManager.getBalances(tokens);
     },
     [account9]
   );
-  const key = React2.useMemo(() => {
+  const key = React.useMemo(() => {
     if (!address || status < types.AccountStatusEnum.Connected) {
       return null;
     }
     return ["balance", address, decimals];
   }, [status, address, decimals]);
-  const fetcher4 = React2.useCallback(async () => {
+  const fetcher4 = React.useCallback(async () => {
     if (!address) {
       return "0";
     }
     const balance2 = await fetchBalance(address, decimals);
     return balance2;
   }, [address, decimals, fetchBalance]);
-  const refreshInterval = React2.useMemo(() => {
+  const refreshInterval = React.useMemo(() => {
     return account9.walletAdapter?.chainNamespace === types.ChainNamespace.solana ? 1e4 : 3e3;
   }, [account9]);
   const { data: swrBalance, isLoading: balanceRevalidating } = useSWR5__namespace.default(
@@ -7893,7 +7880,7 @@ function useBalance(options) {
       errorRetryCount: 10
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (swrBalance !== void 0) {
       setBalance(swrBalance || "0");
     }
@@ -7916,8 +7903,8 @@ function useAllowance(options) {
     quantity,
     chainId
   } = options;
-  const [allowance, setAllowance] = React2.useState("0");
-  const fetchAllowance = React2.useCallback(
+  const [allowance, setAllowance] = React.useState("0");
+  const fetchAllowance = React.useCallback(
     async (options2) => {
       const { address: address2, decimals: decimals2, vaultAddress: vaultAddress2 } = options2;
       if (!address2 || !decimals2 || !vaultAddress2) {
@@ -7935,16 +7922,16 @@ function useAllowance(options) {
     },
     [account9]
   );
-  const key = React2.useMemo(() => {
+  const key = React.useMemo(() => {
     if (!address || !decimals || !vaultAddress || status < types.AccountStatusEnum.Connected) {
       return null;
     }
     return ["allowance", address, vaultAddress, decimals];
   }, [status, address, vaultAddress, decimals, account9]);
-  const refreshInterval = React2.useMemo(() => {
+  const refreshInterval = React.useMemo(() => {
     return account9.walletAdapter?.chainNamespace === types.ChainNamespace.solana ? 1e4 : 3e3;
   }, [account9, chainId]);
-  const fetcher4 = React2.useCallback(async () => {
+  const fetcher4 = React.useCallback(async () => {
     return fetchAllowance({ address, decimals, vaultAddress });
   }, [address, decimals, vaultAddress, fetchAllowance]);
   const {
@@ -7956,12 +7943,12 @@ function useAllowance(options) {
     refreshInterval,
     errorRetryCount: 10
   });
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (swrAllowance !== void 0) {
       setAllowance(swrAllowance || "0");
     }
   }, [swrAllowance]);
-  const updateAllowanceWhenTxSuccess = React2.useCallback(
+  const updateAllowanceWhenTxSuccess = React.useCallback(
     (txHash) => {
       return account9.walletAdapter?.pollTransactionReceiptWithBackoff(txHash).then((receipt) => {
         if (receipt.status === 1) {
@@ -7971,7 +7958,7 @@ function useAllowance(options) {
     },
     [account9]
   );
-  const enquireAllowance = React2.useCallback(async () => {
+  const enquireAllowance = React.useCallback(async () => {
     const _allowance = await fetchAllowance({
       address,
       decimals,
@@ -8001,7 +7988,7 @@ function useDepositFee(options) {
     isNativeToken,
     dst
   } = options;
-  const getDepositFee = React2.useCallback(
+  const getDepositFee = React.useCallback(
     async (quantity2) => {
       if (!quantity2 || Number(quantity2) === 0 || isNaN(Number(quantity2))) {
         return 0n;
@@ -8041,7 +8028,7 @@ function useDepositFee(options) {
       dst
     ]
   );
-  const key = React2.useMemo(() => {
+  const key = React.useMemo(() => {
     if (!dst?.address || !decimals || !vaultAddress || !dstToken || !quantity || !targetChain?.network_infos?.chain_id) {
       return null;
     }
@@ -8055,7 +8042,7 @@ function useDepositFee(options) {
       quantity
     ];
   }, [quantity, targetChain, decimals, dstToken, dst, vaultAddress]);
-  const fetcher4 = React2.useCallback(async () => {
+  const fetcher4 = React.useCallback(async () => {
     const res = await getDepositFee(quantity);
     return res;
   }, [getDepositFee, quantity]);
@@ -8066,7 +8053,7 @@ function useDepositFee(options) {
   } = useSWR5__namespace.default(key, fetcher4, {
     revalidateOnFocus: true
   });
-  const depositFee = React2.useMemo(() => {
+  const depositFee = React.useMemo(() => {
     const fee = data ?? 0n;
     return BigInt(
       new utils.Decimal(fee.toString()).mul(types.DEPOSIT_FEE_RATE).toFixed(0, utils.Decimal.ROUND_UP).toString()
@@ -8077,7 +8064,7 @@ function useDepositFee(options) {
 function useTargetChain(srcChainId) {
   const networkId = useConfig("networkId");
   const [_, { findByChainId }] = useChains(void 0);
-  const targetChain = React2.useMemo(() => {
+  const targetChain = React.useMemo(() => {
     let chain;
     if (networkId === "testnet") {
       chain = findByChainId(
@@ -8124,7 +8111,7 @@ var useTransfer = (options) => {
       accountId: fromAccountId
     }
   );
-  const transfer = React2.useCallback(
+  const transfer = React.useCallback(
     async (token2, receivers) => {
       return doTransfer({
         token: token2,
@@ -8150,9 +8137,9 @@ var useTransfer = (options) => {
   };
 };
 var useInternalTransfer = () => {
-  const [submitting, setSubmitting] = React2.useState(false);
+  const [submitting, setSubmitting] = React.useState(false);
   const { account: account9 } = useAccount();
-  const transfer = React2.useCallback(
+  const transfer = React.useCallback(
     async (inputs) => {
       setSubmitting(true);
       return account9.assetsManager.internalTransfer(inputs).then((res) => {
@@ -8224,7 +8211,7 @@ var useBalanceSubscription = (options) => {
 var useWalletTopic = (options) => {
   const ws = useWS();
   const { state } = useAccount();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId) return;
     const unsubscribe = ws.privateSubscribe(
       {
@@ -8245,7 +8232,7 @@ var useWalletTopic = (options) => {
 var useBalanceTopic = (options) => {
   const ws = useWS();
   const { state } = useAccount();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId) return;
     const unsubscribe = ws.privateSubscribe(
       {
@@ -8303,7 +8290,7 @@ var usePrivateDataObserver = (options) => {
       revalidateOnFocus: false
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (clientInfo) {
       setAccountInfo(clientInfo);
     }
@@ -8315,7 +8302,7 @@ var usePrivateDataObserver = (options) => {
     }
     // revalidateOnFocus: false,
   });
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const handler = (state2) => {
       if (!state2.accountId) {
         calculatorService.stop();
@@ -8328,12 +8315,12 @@ var usePrivateDataObserver = (options) => {
       account9.off(core.EVENT_NAMES.statusChanged, handler);
     };
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (isPositionLoading) {
       statusActions.updateApiLoading("positions", isPositionLoading);
     }
   }, [isPositionLoading, statusActions]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (positions3 && Array.isArray(positions3.rows)) {
       calculatorService.calc("position" /* POSITION */, positions3);
     }
@@ -8345,7 +8332,7 @@ var usePrivateDataObserver = (options) => {
       // revalidateOnFocus: false,
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!account9.accountId) return;
     const unsubscribe = ws.privateSubscribe(
       {
@@ -8365,11 +8352,11 @@ var usePrivateDataObserver = (options) => {
     );
     return () => unsubscribe?.();
   }, [account9.accountId]);
-  const isHoldingInit = React2.useRef(false);
-  React2.useEffect(() => {
+  const isHoldingInit = React.useRef(false);
+  React.useEffect(() => {
     isHoldingInit.current = false;
   }, [state.address]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!holding) {
       return;
     }
@@ -8427,7 +8414,7 @@ var usePrivateDataObserver = (options) => {
       fieldChanges
     });
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId) {
       return;
     }
@@ -8441,7 +8428,7 @@ var usePrivateDataObserver = (options) => {
     });
     return () => unsubscribe?.();
   }, [state.accountId, subOrder]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId) return;
     if (subOrder !== true) return;
     const unsubscribe = ws.privateSubscribe("algoexecutionreport", {
@@ -8451,7 +8438,7 @@ var usePrivateDataObserver = (options) => {
     });
     return () => unsubscribe?.();
   }, [state.accountId, subOrder]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId) return;
     const key = ["/v1/positions", state.accountId];
     const unsubscribe = ws.privateSubscribe("account", {
@@ -8480,7 +8467,7 @@ var usePrivateDataObserver = (options) => {
     });
     return () => unsubscribe?.();
   }, [state.accountId]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId) {
       return;
     }
@@ -8535,7 +8522,7 @@ var useSymbolPriceRange = (symbol, side, price) => {
   const priceScrope = config?.[symbol]("price_scope");
   const { data: prices } = useMarkPricesStream();
   const markPrice = price || prices?.[symbol];
-  const range = React2.useMemo(() => {
+  const range = React.useMemo(() => {
     if (config === void 0 || markPrice === void 0) {
       return void 0;
     }
@@ -10475,7 +10462,7 @@ function appendOrderMetadata(order, orderMetadata) {
 // src/orderly/useTakeProfitAndStopLoss/useTPSL.ts
 var useTaskProfitAndStopLossInternal = (position, options) => {
   const isEditing = typeof options?.isEditing !== "undefined" ? options.isEditing : !!options?.defaultOrder;
-  const [order, setOrder] = React2.useState({
+  const [order, setOrder] = React.useState({
     algo_order_id: options?.defaultOrder?.algo_order_id,
     symbol: position.symbol,
     side: Number(position.position_qty) > 0 ? types.OrderSide.BUY : types.OrderSide.SELL,
@@ -10500,15 +10487,15 @@ var useTaskProfitAndStopLossInternal = (position, options) => {
   const [doCreateOrder, { isMutating: isCreateMutating }] = useSubAccountMutation("/v1/algo/order");
   const [doUpdateOrder, { isMutating: isUpdateMutating }] = useSubAccountMutation("/v1/algo/order", "PUT");
   const [doDeleteOrder] = useMutation("/v1/algo/order", "DELETE");
-  const [errors, setErrors] = React2.useState(null);
-  const [meta, setMeta] = React2.useState({
+  const [errors, setErrors] = React.useState(null);
+  const [meta, setMeta] = React.useState({
     dirty: {},
     submitted: false,
     validated: false,
     errors: null
   });
   const { orderMetadata } = useOrderlyContext();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!isEditing || !options?.defaultOrder) return;
     const trigger_prices = findTPSLFromOrder(options.defaultOrder);
     const order2 = {};
@@ -10781,12 +10768,12 @@ var useMaxLeverage = (symbol) => {
   const symbolsInfo = useSymbolsInfo();
   const accountInfo = useAccountInfo();
   const maxAccountLeverage = accountInfo?.max_leverage;
-  const maxSymbolLeverage = React2.useMemo(() => {
+  const maxSymbolLeverage = React.useMemo(() => {
     const symbolInfo = symbolsInfo[symbol];
     const baseIMR = symbolInfo("base_imr");
     return baseIMR ? 1 / baseIMR : 1;
   }, [symbolsInfo, symbol]);
-  const maxLeverage = React2.useMemo(() => {
+  const maxLeverage = React.useMemo(() => {
     if (!maxAccountLeverage || !maxSymbolLeverage) {
       return 1;
     }
@@ -10797,7 +10784,7 @@ var useMaxLeverage = (symbol) => {
 var useSymbolLeverage = (symbol) => {
   const symbolInfo = useSymbolInfo(symbol);
   const [update, { isMutating }] = useMutation("/v1/client/leverage");
-  const maxLeverage = React2.useMemo(() => {
+  const maxLeverage = React.useMemo(() => {
     const baseIMR = symbolInfo?.("base_imr");
     return baseIMR ? 1 / baseIMR : 1;
   }, [symbolInfo]);
@@ -10857,13 +10844,13 @@ var useAssetsHistory = (options, config) => {
     // delay in ms
     300
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     ee.on("wallet:changed", updateList);
     return () => {
       ee.off("wallet:changed", updateList);
     };
   }, []);
-  return React2.useMemo(
+  return React.useMemo(
     () => [data?.rows ?? types.EMPTY_LIST, { meta: data?.meta, isLoading }],
     [data?.rows, data?.meta, isLoading]
   );
@@ -10881,7 +10868,7 @@ var useStatisticsDaily = (params, options) => {
     const diff = new Date(endDate2).getTime() - new Date(startDate2).getTime();
     return diff / (1e3 * 60 * 60 * 24);
   };
-  const key = React2.useMemo(() => {
+  const key = React.useMemo(() => {
     const searchParams = new URLSearchParams();
     searchParams.set("page", page.toString());
     searchParams.set(
@@ -10911,7 +10898,7 @@ var useStatisticsDaily = (params, options) => {
     },
     revalidateOnFocus: false
   });
-  const aggregateValue = React2.useMemo(() => {
+  const aggregateValue = React.useMemo(() => {
     if (ignoreAggregation) {
       return { vol: null, pnl: null, roi: null };
     }
@@ -10928,11 +10915,23 @@ var useStatisticsDaily = (params, options) => {
     }
     return { vol: vol.toNumber(), pnl: pnl.toNumber(), roi: roi.toNumber() };
   }, [data]);
-  return React2.useMemo(
+  return React.useMemo(
     () => [data ?? types.EMPTY_LIST, { aggregateValue }],
     [data, aggregateValue]
   );
 };
+var useUserStatistics = () => {
+  const { data, isValidating } = usePrivateQuery(
+    "/v1/client/statistics",
+    {
+      revalidateOnFocus: false
+    }
+  );
+  return React.useMemo(
+    () => [data ?? null, { isValidating }],
+    [data, isValidating]
+  );
+};
 var useFundingFeeHistory = (params, options) => {
   const { symbol, dataRange, page = 1, pageSize = 10 } = params;
   const infos = useSymbolsInfo();
@@ -10957,7 +10956,7 @@ var useFundingFeeHistory = (params, options) => {
     // keepPreviousData: true,
     ...options
   });
-  const parsedData = React2.useMemo(() => {
+  const parsedData = React.useMemo(() => {
     if (!data || !Array.isArray(data?.rows) || infos.isNil) {
       return null;
     }
@@ -10969,7 +10968,7 @@ var useFundingFeeHistory = (params, options) => {
       };
     });
   }, [data, infos]);
-  return React2.useMemo(
+  return React.useMemo(
     () => [parsedData, { meta: data?.meta, isLoading, isValidating }],
     [parsedData, data?.meta, isLoading, isValidating]
   );
@@ -10996,7 +10995,7 @@ var useDistributionHistory = (parmas) => {
     revalidateOnFocus: false,
     errorRetryCount: 3
   });
-  const parsedData = React2.useMemo(() => {
+  const parsedData = React.useMemo(() => {
     if (!Array.isArray(data?.rows) || !data?.rows.length || infos.isNil) {
       return [];
     }
@@ -11008,7 +11007,7 @@ var useDistributionHistory = (parmas) => {
       };
     });
   }, [data, infos]);
-  return React2.useMemo(
+  return React.useMemo(
     () => [
       parsedData ?? types.EMPTY_LIST,
       { meta: data?.meta, isLoading, isValidating }
@@ -11019,7 +11018,7 @@ var useDistributionHistory = (parmas) => {
 var useTransferHistory = (parmas) => {
   const { dataRange, page, size, side, fromId, toId, main_sub_only } = parmas;
   const infos = useSymbolsInfo();
-  const memoizedQueryKey = React2.useMemo(() => {
+  const memoizedQueryKey = React.useMemo(() => {
     const search = new URLSearchParams();
     search.set("page", page.toString());
     search.set("size", size.toString());
@@ -11042,13 +11041,13 @@ var useTransferHistory = (parmas) => {
       errorRetryCount: 3
     }
   );
-  const parsedData = React2.useMemo(() => {
+  const parsedData = React.useMemo(() => {
     if (!Array.isArray(data?.rows) || !data?.rows.length || infos.isNil) {
       return [];
     }
     return data.rows;
   }, [data, infos]);
-  return React2.useMemo(
+  return React.useMemo(
     () => [
       parsedData ?? types.EMPTY_LIST,
       { meta: data?.meta, isLoading, mutate: mutate6 }
@@ -11059,7 +11058,7 @@ var useTransferHistory = (parmas) => {
 var useVaultsHistory = (parmas) => {
   const { dataRange, page, size } = parmas;
   const infos = useSymbolsInfo();
-  const memoizedQueryKey = React2__default.default.useMemo(() => {
+  const memoizedQueryKey = React__default.default.useMemo(() => {
     const search = new URLSearchParams();
     search.set("page", page.toString());
     search.set("size", size.toString());
@@ -11077,13 +11076,13 @@ var useVaultsHistory = (parmas) => {
       errorRetryCount: 3
     }
   );
-  const parsedData = React2__default.default.useMemo(() => {
+  const parsedData = React__default.default.useMemo(() => {
     if (!Array.isArray(data?.rows) || !data?.rows.length || infos.isNil) {
       return [];
     }
     return data.rows;
   }, [data, infos]);
-  return React2.useMemo(
+  return React.useMemo(
     () => [parsedData ?? types.EMPTY_LIST, { meta: data?.meta, isLoading, mutate: mutate6 }],
     [parsedData, data?.meta, isLoading, mutate6]
   );
@@ -11094,10 +11093,10 @@ var MaintenanceStatus = /* @__PURE__ */ ((MaintenanceStatus2) => {
   return MaintenanceStatus2;
 })(MaintenanceStatus || {});
 var useMaintenanceStatus = () => {
-  const [status, setStatus] = React2.useState(0 /* None */);
-  const [startTime, setStartTime] = React2.useState();
-  const [endTime, setEndTime] = React2.useState();
-  const [brokerName, setBrokerName] = React2.useState("Orderly network");
+  const [status, setStatus] = React.useState(0 /* None */);
+  const [startTime, setStartTime] = React.useState();
+  const [endTime, setEndTime] = React.useState();
+  const [brokerName, setBrokerName] = React.useState("Orderly network");
   const { data: systemInfo } = useQuery(
     `/v1/public/system_info?source=maintenance`,
     {
@@ -11108,7 +11107,7 @@ var useMaintenanceStatus = () => {
   );
   const ws = useWS();
   const config = useConfig();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!systemInfo) {
       return;
     }
@@ -11124,7 +11123,7 @@ var useMaintenanceStatus = () => {
       setStatus(2 /* Maintenance */);
     }
   }, [systemInfo, config]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribe = ws.subscribe(`maintenance_status`, {
       onMessage: (message) => {
         setStatus(message.status);
@@ -11164,12 +11163,13 @@ var useTokensInfo = () => {
 };
 var useTokenInfo = (token) => {
   const tokensInfo = useAppStore((state) => state.tokensInfo);
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     return tokensInfo?.find((item) => item.token === token);
   }, [tokensInfo, token]);
 };
 var useFutures = () => {
   const { dataAdapter } = useOrderlyContext();
+  const rwaSymbolsInfo = useRwaSymbolsInfoStore();
   const { data } = useQuery("/v1/public/futures", {
     // 24 hours
     focusThrottleInterval: 1e3 * 60 * 60 * 24,
@@ -11184,12 +11184,14 @@ var useFutures = () => {
     // updateMarket(data as API.MarketInfoExt[]);
     // },
   });
-  const futures = React2.useMemo(() => {
+  const futures = React.useMemo(() => {
     if (Array.isArray(data)) {
-      return typeof dataAdapter?.symbolList === "function" ? dataAdapter.symbolList(data) : data;
+      return typeof dataAdapter?.symbolList === "function" ? dataAdapter.symbolList(data, {
+        rwaSymbolsInfo
+      }) : data;
     }
     return [];
-  }, [data, dataAdapter?.symbolList]);
+  }, [data, dataAdapter?.symbolList, rwaSymbolsInfo]);
   return {
     data: futures
   };
@@ -11208,7 +11210,7 @@ var usePublicDataObserver = () => {
     (state) => state.actions
   );
   const symbols = useSymbolStore((state) => state.data);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!symbols || !symbols?.length) {
       return;
     }
@@ -11272,7 +11274,7 @@ var usePublicDataObserver = () => {
   });
   const { data: futures } = useFutures();
   const { updateMarket } = useMarketStore((state) => state.actions);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     updateMarket(futures);
   }, [futures]);
 };
@@ -11287,9 +11289,9 @@ function getEstFundingRate(data) {
   return est_funding_rate;
 }
 var useDatabaseInitialization = () => {
-  const [isInitialized, setIsInitialized] = React2.useState(false);
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
+  const [isInitialized, setIsInitialized] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
     const initialize = async () => {
       try {
         await initializeAppDatabase(DEFAULT_DATABASE_CONFIG);
@@ -11311,13 +11313,13 @@ var DataCenterProvider = ({
   const calculatorService = useCalculatorService();
   usePublicDataObserver();
   useWSObserver(calculatorService);
-  const getKeyHandlerMapRef = React2.useRef(/* @__PURE__ */ new Map());
+  const getKeyHandlerMapRef = React.useRef(/* @__PURE__ */ new Map());
   usePrivateDataObserver({
     getKeysMap(type) {
       return getKeyHandlerMapRef.current;
     }
   });
-  const memoizedValue = React2.useMemo(() => {
+  const memoizedValue = React.useMemo(() => {
     return {
       registerKeyHandler: (key, fun) => {
         getKeyHandlerMapRef.current.set(key, fun);
@@ -11333,7 +11335,7 @@ var DataCenterProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(DataCenterContext.Provider, { value: memoizedValue, children });
 };
 var OrderlyConfigProvider = (props) => {
-  const [account9, setAccount] = React2__default.default.useState(null);
+  const [account9, setAccount] = React__default.default.useState(null);
   const {
     configStore,
     keyStore,
@@ -11363,7 +11365,7 @@ var OrderlyConfigProvider = (props) => {
       "If you have provided a custom `configStore` and the `brokerId` is set in the `configStore`, please remove the `brokerId` prop."
     );
   }
-  const innerConfigStore = React2.useMemo(() => {
+  const innerConfigStore = React.useMemo(() => {
     return new ProxyConfigStore(
       configStore || new ExtendedConfigStore({
         brokerId,
@@ -11372,22 +11374,22 @@ var OrderlyConfigProvider = (props) => {
       })
     );
   }, [configStore, brokerId, brokerName, networkId]);
-  const innerKeyStore = React2.useMemo(() => {
+  const innerKeyStore = React.useMemo(() => {
     return keyStore || new core.LocalStorageStore(networkId);
   }, [networkId, keyStore]);
-  const innerWalletAdapters = React2.useMemo(() => {
+  const innerWalletAdapters = React.useMemo(() => {
     return walletAdapters || [
       new defaultEvmAdapter.DefaultEVMWalletAdapter(new web3ProviderEthers.EthersProvider()),
       new defaultSolanaAdapter.DefaultSolanaWalletAdapter()
     ];
   }, [walletAdapters]);
-  const defaultOrderbookTickSizes = React2.useMemo(() => {
+  const defaultOrderbookTickSizes = React.useMemo(() => {
     return orderbookDefaultTickSizes || DEFAULT_TICK_SIZES;
   }, [orderbookDefaultTickSizes]);
-  const defaultOrderbookSymbolDepths = React2.useMemo(() => {
+  const defaultOrderbookSymbolDepths = React.useMemo(() => {
     return orderbookDefaultSymbolDepths || DEFAULT_SYMBOL_DEPTHS;
   }, [orderbookDefaultSymbolDepths]);
-  React2.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     let account10 = core.SimpleDI.get(core.Account.instanceName);
     if (!account10) {
       account10 = new core.Account(
@@ -11403,13 +11405,13 @@ var OrderlyConfigProvider = (props) => {
     }
     setAccount(account10);
   }, []);
-  const filteredChains = React2.useMemo(() => {
+  const filteredChains = React.useMemo(() => {
     if (typeof chainFilter === "function") {
       return chainFilter(innerConfigStore);
     }
     return chainFilter;
   }, [chainFilter, innerConfigStore]);
-  const memoizedValue = React2.useMemo(() => {
+  const memoizedValue = React.useMemo(() => {
     return {
       configStore: innerConfigStore,
       keyStore: innerKeyStore,
@@ -11459,33 +11461,33 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
       throw new types.SDKError("Order type is required");
     }
   }
-  const prevOrderData = React2.useRef(null);
-  const orderDataCache = React2.useRef(null);
-  const notSupportData = React2.useRef({});
-  const [errors, setErrors] = React2.useState(null);
+  const prevOrderData = React.useRef(null);
+  const orderDataCache = React.useRef(null);
+  const notSupportData = React.useRef({});
+  const [errors, setErrors] = React.useState(null);
   const ee = useEventEmitter();
   const positions3 = usePositions();
-  const fieldDirty = React2.useRef({});
-  const submitted = React2.useRef(false);
-  const askAndBid = React2.useRef([]);
+  const fieldDirty = React.useRef({});
+  const submitted = React.useRef(false);
+  const askAndBid = React.useRef([]);
   const onOrderBookUpdate = useDebounce.useDebouncedCallback((data) => {
     askAndBid.current = data;
   }, 200);
   const { freeCollateral, totalCollateral, accountInfo } = useCollateral();
   const symbolInfo = useSymbolsInfo();
-  const symbol = React2.useMemo(() => {
+  const symbol = React.useMemo(() => {
     if (typeof symbolOrOrder === "string") {
       return symbolOrOrder;
     }
     return symbolOrOrder.symbol;
   }, [symbolOrOrder]);
-  const optionsValue = React2.useMemo(() => {
+  const optionsValue = React.useMemo(() => {
     if (typeof sideOrOptions === "object") {
       return sideOrOptions;
     }
     return options;
   }, [sideOrOptions]);
-  const isReduceOnly = React2.useMemo(() => {
+  const isReduceOnly = React.useMemo(() => {
     if (typeof reduceOnly === "boolean") {
       return reduceOnly;
     }
@@ -11494,24 +11496,24 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     }
     return false;
   }, [symbolOrOrder, reduceOnly]);
-  const sideValue = React2.useMemo(() => {
+  const sideValue = React.useMemo(() => {
     if (typeof symbolOrOrder === "object") {
       return symbolOrOrder.side;
     }
     return sideOrOptions;
   }, [symbolOrOrder, sideOrOptions]);
-  const baseDP = React2.useMemo(
+  const baseDP = React.useMemo(
     () => utils.getPrecisionByNumber(symbolInfo[symbol]("base_tick", 0)),
     [symbolInfo]
   );
-  const quoteDP = React2.useMemo(() => {
+  const quoteDP = React.useMemo(() => {
     return utils.getPrecisionByNumber(symbolInfo[symbol]("quote_tick", 0));
   }, [symbolInfo]);
-  const baseIMR = React2.useMemo(
+  const baseIMR = React.useMemo(
     () => symbolInfo[symbol]("base_imr", 0),
     [symbolInfo]
   );
-  const baseMMR = React2.useMemo(
+  const baseMMR = React.useMemo(
     () => symbolInfo[symbol]("base_mmr", 0),
     [symbolInfo]
   );
@@ -11555,7 +11557,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
       }
     }
   };
-  const needParse = React2.useMemo(() => {
+  const needParse = React.useMemo(() => {
     if (typeof symbolOrOrder === "string") {
       return null;
     }
@@ -11575,7 +11577,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
       symbolOrOrder
     );
   }, [symbolOrOrder]);
-  const parsedData = React2.useMemo(() => {
+  const parsedData = React.useMemo(() => {
     if (typeof symbolOrOrder === "string") {
       return null;
     }
@@ -11678,13 +11680,13 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
       symbol
     });
   };
-  const submit = React2.useCallback(() => {
+  const submit = React.useCallback(() => {
     if (!parsedData) {
       throw new types.SDKError("Function is not supported, please use onSubmit()");
     }
     return createOrder(parsedData);
   }, [parsedData]);
-  const calculate2 = React2.useCallback(
+  const calculate2 = React.useCallback(
     (values, field, value) => {
       const fieldHandler = getCalculateHandler(field);
       const newValues = ramda.compose(
@@ -11712,7 +11714,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
       markPrice
     });
   };
-  const formattedOrder = React2.useMemo(() => {
+  const formattedOrder = React.useMemo(() => {
     if (!parsedData) {
       return notSupportData.current;
     }
@@ -11741,7 +11743,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     orderDataCache.current = values;
     return values;
   }, [parsedData, markPrice]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!markPrice || symbolInfo.isNil) return;
     validator(formattedOrder)?.then((err) => {
       setErrors(err);
@@ -11755,7 +11757,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     formattedOrder.order_type,
     markPrice
   ]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (isNewVersion) {
       if (!optionsValue?.watchOrderbook) {
         throw new types.SDKError(
@@ -11772,7 +11774,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
       ee.off("orderbook:update", onOrderBookUpdate);
     };
   }, [optionsValue?.watchOrderbook]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     askAndBid.current = [];
   }, [parsedData?.symbol]);
   const getPriceAndQty2 = (symbolOrOrder2) => {
@@ -11815,7 +11817,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     }
     return { price, quantity };
   };
-  const estLiqPrice = React2.useMemo(() => {
+  const estLiqPrice = React.useMemo(() => {
     if (!accountInfo || !parsedData || !markPrice) return null;
     const result = getPriceAndQty2(formattedOrder);
     if (result === null) return null;
@@ -11853,7 +11855,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     formattedOrder?.trigger_price,
     accountInfo
   ]);
-  const estLeverage = React2.useMemo(() => {
+  const estLeverage = React.useMemo(() => {
     if (!accountInfo || !parsedData) return null;
     const result = getPriceAndQty2(formattedOrder);
     if (result === null || !result.price || !result.quantity) return null;
@@ -11909,11 +11911,11 @@ function useMediaQuery(query) {
     }
     return false;
   };
-  const [matches, setMatches] = React2.useState(getMatches(query));
+  const [matches, setMatches] = React.useState(getMatches(query));
   function handleChange() {
     setMatches(getMatches(query));
   }
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const matchMedia = window?.matchMedia(query);
     handleChange();
     if (matchMedia?.addListener) {
@@ -12438,13 +12440,13 @@ var DefaultLayoutConfig = {
   }
 };
 var usePoster = (data, options) => {
-  const [error, setError] = React2.useState(null);
-  const [canCopy, setCanCopy] = React2.useState(
+  const [error, setError] = React.useState(null);
+  const [canCopy, setCanCopy] = React.useState(
     () => typeof navigator.clipboard !== "undefined"
   );
-  const painterRef = React2.useRef(null);
-  const [target, setTarget] = React2.useState(null);
-  React2.useEffect(() => {
+  const painterRef = React.useRef(null);
+  const [target, setTarget] = React.useState(null);
+  React.useEffect(() => {
     if (target) {
       if (!painterRef.current) {
         painterRef.current = new PosterPainter(target, {
@@ -12466,7 +12468,7 @@ var usePoster = (data, options) => {
     }
     return target.toDataURL(type, encoderOptions);
   };
-  const toBlob = React2.useCallback(
+  const toBlob = React.useCallback(
     (type, encoderOptions) => {
       return new Promise((resolve) => {
         if (!target) {
@@ -12486,7 +12488,7 @@ var usePoster = (data, options) => {
     }
     setTarget(ref2);
   };
-  const download = React2.useCallback(
+  const download = React.useCallback(
     (filename, type = "image/png", encoderOptions) => {
       if (!target) {
         throw new types.SDKError("The ref must be a canvas element");
@@ -12500,7 +12502,7 @@ var usePoster = (data, options) => {
     },
     [target]
   );
-  const copy = React2.useCallback(() => {
+  const copy = React.useCallback(() => {
     if (!target) {
       throw new types.SDKError("The ref must be a canvas element");
     }
@@ -12551,7 +12553,7 @@ var TWType = /* @__PURE__ */ ((TWType2) => {
   return TWType2;
 })(TWType || {});
 var useEpochInfo = (type) => {
-  const [curEpochInfo, setCurEpochInfo] = React2.useState(
+  const [curEpochInfo, setCurEpochInfo] = React.useState(
     void 0
   );
   const path2 = type === "normal" /* normal */ ? "/v1/public/trading_rewards/epoch_info" : "/v1/public/market_making_rewards/epoch_info";
@@ -12586,7 +12588,7 @@ var useEpochInfo = (type) => {
       return [];
     }
   });
-  const isNotStared = React2.useMemo(() => {
+  const isNotStared = React.useMemo(() => {
     const epochOne = epochInfo?.find((item) => item.epoch_id === 1);
     if (epochOne) {
       return epochOne.start_time > utils.getTimestamp();
@@ -12608,7 +12610,7 @@ var useAllBrokers = () => {
   return [data];
 };
 var useCurEpochEstimate = (type) => {
-  const [data, setData] = React2.useState(void 0);
+  const [data, setData] = React.useState(void 0);
   const { account: account9 } = useAccount();
   const brokers = useAllBrokers();
   const address = account9.address;
@@ -12626,7 +12628,7 @@ var useCurEpochEstimate = (type) => {
       return data2;
     }
   });
-  const reuslt = React2.useMemo(() => {
+  const reuslt = React.useMemo(() => {
     if (estimateData) {
       const newData = { ...estimateData };
       newData.rows = newData.rows?.map((item) => ({
@@ -12660,7 +12662,7 @@ var useAccountRewardsHistory = (address) => {
       }
     }
   );
-  const result = React2.useMemo(() => {
+  const result = React.useMemo(() => {
     if (data && brokers) {
       const newData = [...data];
       newData.forEach((data2) => {
@@ -17495,7 +17497,7 @@ var ENVType2 = /* @__PURE__ */ ((ENVType3) => {
   return ENVType3;
 })(ENVType2 || {});
 var useGetEnv = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const env = configStore.get("env");
   const networkId = configStore.get("networkId");
   if (networkId === "mainnet") {
@@ -17570,11 +17572,11 @@ var DistributionId = /* @__PURE__ */ ((DistributionId2) => {
   return DistributionId2;
 })(DistributionId || {});
 var useGetClaimed = (id) => {
-  const [data, setData] = React2.useState(0);
+  const [data, setData] = React.useState(0);
   const { account: account9 } = useAccount();
   const address = account9.address;
   const env = useGetEnv();
-  const refresh = React2.useCallback(() => {
+  const refresh = React.useCallback(() => {
     const params = getContractByEnv(env);
     if (typeof address === "undefined")
       return;
@@ -17595,7 +17597,7 @@ var useGetClaimed = (id) => {
     }).catch((error) => {
     });
   }, [address, env]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     refresh();
   }, [env, id, address]);
   return [data, { refresh }];
@@ -17673,7 +17675,7 @@ var useApiKeyManager = (queryParams) => {
     "/v1/client/reset_orderly_key_ip_restriction",
     "POST"
   );
-  const setIPRestriction = React2.useCallback(
+  const setIPRestriction = React.useCallback(
     (orderly_key, ip_restriction_list) => {
       return doIPRestriction({
         orderly_key,
@@ -17682,7 +17684,7 @@ var useApiKeyManager = (queryParams) => {
     },
     []
   );
-  const removeOrderlyKey = React2.useCallback((orderly_key) => {
+  const removeOrderlyKey = React.useCallback((orderly_key) => {
     return doRemoveOrderKey({
       orderly_key
     });
@@ -17763,12 +17765,12 @@ var initialOrderState = {
   callback_rate: ""
 };
 var useOrderStore = (initialOrder) => {
-  const [entry, setEntry] = React2.useState(initialOrder);
-  const [estLeverage, setEstLeverage] = React2.useState(null);
-  const [estLiquidationPrice, setEstLiquidationPrice] = React2.useState(
+  const [entry, setEntry] = React.useState(initialOrder);
+  const [estLeverage, setEstLeverage] = React.useState(null);
+  const [estLiquidationPrice, setEstLiquidationPrice] = React.useState(
     null
   );
-  const [errors, setErrors] = React2.useState({});
+  const [errors, setErrors] = React.useState({});
   const updateOrder = (order) => {
     setEntry(
       // if use {...draft, ...order} will cause extra updated when object it not changed
@@ -17830,7 +17832,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     ...options.initialOrder
   };
   const { actions: orderEntryActions, entry: orderEntity } = useOrderStore(initialOrder);
-  const calculate2 = React2.useCallback(
+  const calculate2 = React.useCallback(
     (values, fieldName, value, markPrice, config) => {
       const fieldHandler = getCalculateHandler(fieldName);
       const newValues = ramda.compose(
@@ -17843,7 +17845,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     },
     []
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     orderEntryActions.updateOrderByKey("symbol", symbol);
   }, [orderEntryActions, symbol]);
   const setValue = (key, value, additional) => {
@@ -17947,7 +17949,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     orderEntryActions.updateOrder(newValues);
     return newValues;
   };
-  const onMarkPriceUpdated = React2.useCallback(
+  const onMarkPriceUpdated = React.useCallback(
     (markPrice, baseOn = []) => {
       if (!options.symbolInfo) return;
       let newValues = { ...orderEntity };
@@ -18000,7 +18002,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     });
     return order;
   };
-  const submitOrder = React2.useCallback(() => {
+  const submitOrder = React.useCallback(() => {
   }, [orderEntity]);
   const resetOrder = (order) => {
     orderEntryActions.resetOrder(order);
@@ -18024,17 +18026,17 @@ var useOrderEntry2 = (symbol, options = {}) => {
   }
   const ee = useEventEmitter();
   const { track: track2 } = useTrack();
-  const [meta, setMeta] = React2.useState({
+  const [meta, setMeta] = React.useState({
     dirty: {},
     submitted: false,
     validated: false,
     errors: null
   });
-  const askAndBid = React2.useRef([[]]);
-  const lastChangedField = React2.useRef();
-  const lastOrderTypeExt = React2.useRef();
-  const lastLevel = React2.useRef();
-  const calculateTPSL_baseOn = React2.useRef({
+  const askAndBid = React.useRef([[]]);
+  const lastChangedField = React.useRef();
+  const lastOrderTypeExt = React.useRef();
+  const lastLevel = React.useRef();
+  const calculateTPSL_baseOn = React.useRef({
     tp: "",
     sl: ""
   });
@@ -18060,7 +18062,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     symbolInfo,
     symbolLeverage
   });
-  const [estSlippage, setEstSlippage] = React2.useState(null);
+  const [estSlippage, setEstSlippage] = React.useState(null);
   const [doCreateOrder, { isMutating }] = useMutation(
     getCreateOrderUrl(formattedOrder)
   );
@@ -18136,7 +18138,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
       setEstSlippage(estSlippage2);
     }
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     updateOrderPrice();
   }, [formattedOrder.order_type_ext, formattedOrder.level]);
   const onOrderBookUpdate = useDebounce.useDebouncedCallback((data) => {
@@ -18151,13 +18153,13 @@ var useOrderEntry2 = (symbol, options = {}) => {
     updateOrderPriceByOrderBook();
     updateEstSlippage(data);
   }, 200);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     ee.on("orderbook:update", onOrderBookUpdate);
     return () => {
       ee.off("orderbook:update", onOrderBookUpdate);
     };
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if ((formattedOrder.order_type === types.OrderType.MARKET || formattedOrder.order_type === types.OrderType.STOP_MARKET) && markPrice) {
       const baseOn = /* @__PURE__ */ new Set();
       if (lastChangedField.current) {
@@ -18172,7 +18174,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
       orderEntryActions.onMarkPriceChange(markPrice, Array.from(baseOn));
     }
   }, [markPrice, formattedOrder.order_type]);
-  const prepareData = React2.useCallback(() => {
+  const prepareData = React.useCallback(() => {
     return {
       markPrice: actions.getMarkPriceBySymbol(symbol),
       maxQty,
@@ -18281,14 +18283,14 @@ var useOrderEntry2 = (symbol, options = {}) => {
     );
   };
   const { freeCollateral, totalCollateral } = useCollateral();
-  const currentPosition = React2.useMemo(() => {
+  const currentPosition = React.useMemo(() => {
     const rows = positions3 ?? [];
     const p = Array.isArray(rows) ? rows.find(
       (r) => r.symbol === symbol
     ) : null;
     return p?.position_qty ?? 0;
   }, [positions3, symbol]);
-  const estLiqPrice = React2.useMemo(() => {
+  const estLiqPrice = React.useMemo(() => {
     const markPrice2 = actions.getMarkPriceBySymbol(symbol);
     if (!markPrice2 || !accountInfo || !symbolInfo) {
       return null;
@@ -18312,13 +18314,13 @@ var useOrderEntry2 = (symbol, options = {}) => {
     maxQty,
     symbolInfo
   ]);
-  const estLiqPriceDistance = React2.useMemo(() => {
+  const estLiqPriceDistance = React.useMemo(() => {
     if (!estLiqPrice) {
       return null;
     }
     return new utils.Decimal(estLiqPrice).minus(markPrice).abs().div(markPrice).toNumber();
   }, [estLiqPrice, markPrice]);
-  const estLeverage = React2.useMemo(() => {
+  const estLeverage = React.useMemo(() => {
     if (!symbolInfo) {
       return null;
     }
@@ -18422,7 +18424,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     }
     return result;
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     resetMetaState();
   }, [formattedOrder.order_type]);
   return {
@@ -18548,10 +18550,10 @@ var useOrderEntity = (order, options) => {
   if (!symbol) {
     throw new types.SDKError("Symbol is required");
   }
-  const [errors, setErrors] = React2.useState({});
+  const [errors, setErrors] = React.useState({});
   const markPrice = useMarkPriceBySymbol(symbol);
   const symbolsInfo = useSymbolsInfo();
-  const prepareData = React2.useCallback(() => {
+  const prepareData = React.useCallback(() => {
     return {
       markPrice,
       maxQty: maxQty || 0,
@@ -18575,7 +18577,7 @@ var useOrderEntity = (order, options) => {
       }
     );
   });
-  const clearErrors = React2.useCallback(() => {
+  const clearErrors = React.useCallback(() => {
     setErrors({});
   }, []);
   return {
@@ -18597,10 +18599,10 @@ var useRestrictedInfo = (options) => {
     customUnblockRegions = defaultUnblockRegions,
     content
   } = options || {};
-  const [ip, setIp] = React2.useState("");
-  const [allInvalidAreas, setAllInvalidAreas] = React2.useState([]);
-  const [restrictedOpen, setRestrictedOpen] = React2.useState(false);
-  const [canUnblock, setCanUnblock] = React2.useState(false);
+  const [ip, setIp] = React.useState("");
+  const [allInvalidAreas, setAllInvalidAreas] = React.useState([]);
+  const [restrictedOpen, setRestrictedOpen] = React.useState(false);
+  const [canUnblock, setCanUnblock] = React.useState(false);
   const [accessRestricted, setAccessRestricted] = useLocalStorage("orderly_access_restricted", void 0);
   const { data: ipInfo } = useQuery("/v1/ip_info", {
     revalidateOnFocus: false
@@ -18611,7 +18613,7 @@ var useRestrictedInfo = (options) => {
       revalidateOnFocus: false
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!restrictedAreas || !ipInfo) {
       return;
     }
@@ -18677,12 +18679,12 @@ var usePositionClose = (options) => {
   const { position, order: initialOrder } = options;
   const { type, quantity, price } = initialOrder;
   const symbol = position.symbol;
-  const [errors, setErrors] = React2.useState(null);
+  const [errors, setErrors] = React.useState(null);
   const symbolsInfo = useSymbolsInfo();
   const { data: markPrices } = useMarkPricesStream();
-  const markPricesRef = React2.useRef(markPrices);
+  const markPricesRef = React.useRef(markPrices);
   const { orderMetadata } = useOrderlyContext();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     markPricesRef.current = markPrices;
   }, [markPrices]);
   const [doCreateOrder, { isMutating }] = useSubAccountMutation(
@@ -18693,7 +18695,7 @@ var usePositionClose = (options) => {
     }
   );
   const side = position.position_qty > 0 ? types.OrderSide.SELL : types.OrderSide.BUY;
-  const closeOrderData = React2.useMemo(() => {
+  const closeOrderData = React.useMemo(() => {
     const data = {
       order_quantity: quantity,
       symbol,
@@ -18706,7 +18708,7 @@ var usePositionClose = (options) => {
     }
     return data;
   }, [symbol, price, type, quantity]);
-  const maxQty = React2.useMemo(() => {
+  const maxQty = React.useMemo(() => {
     if (!position) {
       return 0;
     }
@@ -18727,7 +18729,7 @@ var usePositionClose = (options) => {
     }
     return 0;
   }, [position, side]);
-  const validate = React2.useCallback(
+  const validate = React.useCallback(
     async (data) => {
       const creator = getOrderCreator(data);
       const errors2 = await creator.validate(data, {
@@ -18740,12 +18742,12 @@ var usePositionClose = (options) => {
     },
     [maxQty, symbol, symbolsInfo]
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     validate(closeOrderData).then((errors2) => {
       setErrors(errors2);
     });
   }, [validate, closeOrderData]);
-  const submit = React2.useCallback(async () => {
+  const submit = React.useCallback(async () => {
     const errors2 = await validate(closeOrderData);
     if (Object.keys(errors2).length > 0) {
       throw errors2;
@@ -18819,7 +18821,7 @@ var useTpslPriceChecker = (params) => {
     currentPosition,
     orderQuantity
   } = params;
-  const prevResultRef = React2.useRef(null);
+  const prevResultRef = React.useRef(null);
   function validateSlPriceBasic(slPriceDecimal, liqPriceDecimal) {
     if (!side) return null;
     const distance_ratio = calculateDistanceRatio(
@@ -18867,7 +18869,7 @@ var useTpslPriceChecker = (params) => {
     );
     return checkDistanceAndReturnResult(distance_ratio, warning_threshold);
   }
-  const currentResult = React2.useMemo(() => {
+  const currentResult = React.useMemo(() => {
     if (slPrice === void 0 || liqPrice === void 0 || side === void 0 || liqPrice === null) {
       return null;
     }
@@ -18910,14 +18912,14 @@ var useTpslPriceChecker = (params) => {
 var useEstLiqPriceBySymbol = (symbol) => {
   const [data] = usePositionStream(symbol);
   const position = data?.rows?.find((row) => row.symbol === symbol);
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     return position?.est_liq_price ?? void 0;
   }, [position]);
 };
 var useGetEstLiqPrice = (props) => {
   const { estLiqPrice, symbol, side } = props;
   const { data: markPrice } = useMarkPrice(symbol);
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     if (!estLiqPrice || !markPrice) {
       return null;
     }
@@ -19116,6 +19118,7 @@ exports.useTradingRewardsStatus = useTradingRewardsStatus;
 exports.useTransfer = useTransfer;
 exports.useTransferHistory = useTransferHistory;
 exports.useUpdatedRef = useUpdatedRef;
+exports.useUserStatistics = useUserStatistics;
 exports.useVaultsHistory = useVaultsHistory;
 exports.useWS = useWS;
 exports.useWalletConnector = useWalletConnector;