npm - @orderly.network/hooks - Versions diffs - 2.10.1 → 2.10.2-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -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";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.10.2-alpha.0";
 }
-var version_default = "2.10.1";
+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;