@orderly.network/hooks 2.0.1-preview.3 → 2.0.1

package/dist/index.js

@@ -20,16 +20,36 @@ var immer$1 = require('immer');
 var defaultEvmAdapter = require('@orderly.network/default-evm-adapter');
 var defaultSolanaAdapter = require('@orderly.network/default-solana-adapter');
 var web3ProviderEthers = require('@orderly.network/web3-provider-ethers');
+var amplitude = require('@amplitude/analytics-browser');
 var qr = require('@akamfoad/qr');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var useSWRMutation__default = /*#__PURE__*/_interopDefault(useSWRMutation);
 var useConstant__default = /*#__PURE__*/_interopDefault(useConstant);
 var useSWRInfinite__default = /*#__PURE__*/_interopDefault(useSWRInfinite);
 var useSWRSubscription__default = /*#__PURE__*/_interopDefault(useSWRSubscription);
+var amplitude__namespace = /*#__PURE__*/_interopNamespace(amplitude);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -40,10 +60,10 @@ var __export = (target, all) => {
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.0.1-preview.3";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.0.1";
 }
-var version_default = "2.0.1-preview.3";
-var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?.formatter);
+var version_default = "2.0.1";
+var fetcher = (url, init2 = {}, queryOptions) => net.get(url, init2, queryOptions?.formatter);
 var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
 });
@@ -75,7 +95,7 @@ var useQuery = (query, options) => {
   }
   return useSWR__default.default(
     query,
-    (url, init) => fetcher(url.startsWith("http") ? url : `${apiBaseUrl}${url}`, init, {
+    (url, init2) => fetcher(url.startsWith("http") ? url : `${apiBaseUrl}${url}`, init2, {
       formatter
     }),
     swrOptions
@@ -83,7 +103,7 @@ var useQuery = (query, options) => {
 };
 var useLazyQuery = (query, options) => {
   const apiBaseUrl = useConfig("apiBaseUrl");
-  const { formatter, init, ...swrOptions } = options || {};
+  const { formatter, init: init2, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
     throw new Error("please add OrderlyConfigProvider to your app");
   }
@@ -97,7 +117,7 @@ var useLazyQuery = (query, options) => {
         ).join("&");
         url = `${url}?${queryString}`;
       }
-      return fetcher(url, init, {
+      return fetcher(url, init2, {
         formatter
       });
     },
@@ -129,20 +149,20 @@ var useAccountInstance = () => {
   return account5;
 };
 var fetcher2 = (url, options) => {
-  const init = {
+  const init2 = {
     method: options.arg.method,
     headers: {
       ...options.arg.signature
     }
   };
   if (options.arg.data) {
-    init.body = JSON.stringify(options.arg.data);
+    init2.body = JSON.stringify(options.arg.data);
   }
   if (typeof options.arg.params === "object" && Object.keys(options.arg.params).length) {
     let search = new URLSearchParams(options.arg.params);
     url = `${url}?${search.toString()}`;
   }
-  return net.mutate(url, init);
+  return net.mutate(url, init2);
 };
 var useMutation = (url, method = "POST", options) => {
   const apiBaseUrl = useConfig("apiBaseUrl");
@@ -220,6 +240,16 @@ var signatureMiddleware = (useSWRNext) => {
     }
   };
 };
+var useEventEmitter = () => {
+  return useConstant__default.default(() => {
+    let ee = core.SimpleDI.get("EE");
+    if (!ee) {
+      ee = new core.EventEmitter();
+      core.SimpleDI.registerByName("EE", ee);
+    }
+    return ee;
+  });
+};
 var useAccount = () => {
   const {
     configStore,
@@ -237,7 +267,13 @@ var useAccount = () => {
   }
   const account5 = useAccountInstance();
   const [state, setState] = React.useState(account5.stateValue);
+  const ee = useEventEmitter();
   const statusChangeHandler = (nextState) => {
+    if (types.AccountStatusEnum.Connected === nextState.status) {
+      ee.emit(types.EnumTrackerKeys.WALLET_CONNECT, {
+        ...nextState
+      });
+    }
     setState(() => nextState);
   };
   React.useEffect(() => {
@@ -248,9 +284,13 @@ var useAccount = () => {
   }, []);
   const createOrderlyKey = React.useCallback(
     async (remember) => {
+      ee.emit(types.EnumTrackerKeys.SIGNIN_SUCCESS, {
+        ...state,
+        ...account5
+      });
       return account5.createOrderlyKey(remember ? 365 : 30);
     },
-    [account5]
+    [account5, state]
   );
   const createAccount = React.useCallback(async () => {
     return account5.createAccount();
@@ -274,8 +314,8 @@ var usePrivateQuery = (query, options) => {
   const middleware = Array.isArray(options?.use) ? options?.use ?? [] : [];
   return useSWR__default.default(
     () => account5.state.status >= types.AccountStatusEnum.EnableTrading ? [query, account5.state.accountId] : null,
-    (url, init) => {
-      return fetcher(url, init, { formatter });
+    (url, init2) => {
+      return fetcher(url, init2, { formatter });
     },
     {
       ...swrOptions,
@@ -297,8 +337,8 @@ var usePrivateInfiniteQuery = (getKey, options) => {
       }
       return [queryKey, account5.state.accountId];
     },
-    (url, init) => {
-      return restOptions.fetcher?.(url, init) || net.get(url, init, formatter);
+    (url, init2) => {
+      return restOptions.fetcher?.(url, init2) || net.get(url, init2, formatter);
     },
     {
       ...restOptions,
@@ -325,10 +365,10 @@ var usePreLoadData = () => {
   const apiBaseUrl = useConfig("apiBaseUrl");
   const { data: systemInfo } = useSWR__default.default(
     "/v1/public/system_info",
-    async (url, init) => {
+    async (url, init2) => {
       const data = await fetch(
         url.startsWith("http") ? url : `${apiBaseUrl}${url}`,
-        init
+        init2
       );
       return await data.json();
     },
@@ -359,16 +399,6 @@ var usePreLoadData = () => {
     done: isDone
   };
 };
-var useEventEmitter = () => {
-  return useConstant__default.default(() => {
-    let ee = core.SimpleDI.get("EE");
-    if (!ee) {
-      ee = new core.EventEmitter();
-      core.SimpleDI.registerByName("EE", ee);
-    }
-    return ee;
-  });
-};
 
 // src/utils/json.ts
 function parseJSON(value) {
@@ -466,6 +496,21 @@ function useLocalStorage(key, initialValue) {
   }, [key]);
   return [storedValue, setValue];
 }
+
+// src/useNetworkInfo.ts
+var useNetworkInfo = (networkId) => {
+  const [allChains, { findByChainId }] = useChains(networkId, {
+    pick: "network_infos",
+    filter: (chain) => chain.network_infos?.bridge_enable || chain.network_infos?.bridgeless
+  });
+  return (chainId) => {
+    const chain = findByChainId(chainId);
+    return {
+      id: chainId,
+      info: chain
+    };
+  };
+};
 var WS_NAME = "nativeWebsocketClient";
 var useWS = () => {
   const { configStore } = React.useContext(OrderlyContext);
@@ -571,6 +616,16 @@ var BaseMergeHandler = class {
     if (!data.created_time) {
       data.created_time = data.timestamp;
     }
+    if (data.status === types.OrderStatus.FILLED && !data.updated_time) {
+      data.updated_time = data.timestamp;
+    }
+    if (data.child_orders && data.child_orders.length) {
+      data.child_orders.map((child) => {
+        if (child.algo_status === types.OrderStatus.FILLED && child.is_activated && !child.updated_time) {
+          child.updated_time = data.timestamp;
+        }
+      });
+    }
     if (data.type && data.type.endsWith("_ORDER")) {
       data.type = data.type.replace("_ORDER", "");
     }
@@ -600,7 +655,8 @@ var BaseMergeHandler = class {
         return this.update(prevData);
       case "FILLED": {
         if (this.orderIsExisting(prevData)) {
-          if (key.startsWith("orders:INCOMPLETE") || key.startsWith("orders:NEW")) {
+          if (key.startsWith("orders:INCOMPLETE") || key.startsWith("orders:NEW") || // all orders key
+          key.startsWith("orders:")) {
             if (this.isFullFilled()) {
               return this.remove(prevData);
             }
@@ -1601,6 +1657,18 @@ var PortfolioCalculator = class extends BaseCalculator {
       (output) => output.positionCalculator_all
     );
     let holding = portfolio.holding;
+    if (scope === "portfolio" /* PORTFOLIO */ && data.holding && Array.isArray(holding)) {
+      holding = holding.map((item) => {
+        if (data.holding[item.token]) {
+          return {
+            ...item,
+            holding: data.holding[item.token].holding,
+            frozen: data.holding[item.token].frozen
+          };
+        }
+        return item;
+      });
+    }
     const accountInfo = ctx.accountInfo;
     const symbolsInfo = ctx.symbolsInfo;
     return this.format({
@@ -2218,13 +2286,39 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   });
   React.useEffect(() => {
     const updateData = [
-      reducedData.asks?.[reducedData.asks.length - 1]?.[0],
-      reducedData.bids?.[0]?.[0]
+      [
+        reducedData.asks?.[reducedData.asks.length - 1]?.[0],
+        reducedData.bids?.[0]?.[0]
+      ],
+      [
+        reducedData.asks?.[reducedData.asks.length - 2]?.[0],
+        reducedData.bids?.[1]?.[0]
+      ],
+      [
+        reducedData.asks?.[reducedData.asks.length - 3]?.[0],
+        reducedData.bids?.[2]?.[0]
+      ],
+      [
+        reducedData.asks?.[reducedData.asks.length - 4]?.[0],
+        reducedData.bids?.[3]?.[0]
+      ],
+      [
+        reducedData.asks?.[reducedData.asks.length - 5]?.[0],
+        reducedData.bids?.[4]?.[0]
+      ]
     ];
     eventEmitter.emit("orderbook:update", updateData);
   }, [
     reducedData.asks?.[reducedData.asks.length - 1]?.[0],
-    reducedData.bids?.[0]?.[0]
+    reducedData.asks?.[reducedData.asks.length - 2]?.[0],
+    reducedData.asks?.[reducedData.asks.length - 3]?.[0],
+    reducedData.asks?.[reducedData.asks.length - 4]?.[0],
+    reducedData.asks?.[reducedData.asks.length - 5]?.[0],
+    reducedData.bids?.[0]?.[0],
+    reducedData.bids?.[1]?.[0],
+    reducedData.bids?.[2]?.[0],
+    reducedData.bids?.[3]?.[0],
+    reducedData.bids?.[4]?.[0]
   ]);
   const middlePrice = React.useMemo(() => {
     let asksFrist = 0, bidsFirst = 0;
@@ -2569,6 +2663,7 @@ var MarketsType = /* @__PURE__ */ ((MarketsType2) => {
   MarketsType2[MarketsType2["FAVORITES"] = 0] = "FAVORITES";
   MarketsType2[MarketsType2["RECENT"] = 1] = "RECENT";
   MarketsType2[MarketsType2["ALL"] = 2] = "ALL";
+  MarketsType2[MarketsType2["NEW_LISTING"] = 3] = "NEW_LISTING";
   return MarketsType2;
 })(MarketsType || {});
 var MarketsStorageKey = "orderly_markets";
@@ -2605,6 +2700,9 @@ var useMarketsStore = () => {
   const getRecent = () => {
     return getStoreByKey("recent", []);
   };
+  const getNewListing = () => {
+    return getStoreByKey("newListing", []);
+  };
   const getTabSort = () => {
     return getStoreByKey("tabSort", {});
   };
@@ -2614,6 +2712,7 @@ var useMarketsStore = () => {
   );
   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);
@@ -2658,10 +2757,18 @@ var useMarketsStore = () => {
       favoriteTabs,
       favorites,
       recent,
+      newListing,
       tabSort,
       selectedFavoriteTab
     });
-  }, [favoriteTabs, favorites, recent, tabSort, selectedFavoriteTab]);
+  }, [
+    favoriteTabs,
+    favorites,
+    recent,
+    newListing,
+    tabSort,
+    selectedFavoriteTab
+  ]);
   React.useEffect(() => {
     const event = ({ id: srcId, key, data }) => {
       if (srcId === id) {
@@ -2675,6 +2782,8 @@ var useMarketsStore = () => {
         setFavorites(data);
       } else if (key === "recent") {
         setRecent(data);
+      } else if (key === "newListing") {
+        setNewListing(data);
       }
     };
     ee.on("markets:changed", event);
@@ -2686,6 +2795,7 @@ var useMarketsStore = () => {
     favoriteTabs,
     favorites,
     recent,
+    newListing,
     tabSort,
     selectedFavoriteTab,
     updateFavorites: setFavorites,
@@ -2702,12 +2812,18 @@ var useMarkets = (type = 2 /* ALL */) => {
   const symbolsInfo = useSymbolsInfo();
   const [markets, setMarkets] = React.useState([]);
   const store = useMarketsStore();
-  const { favorites, recent } = store;
+  const { favorites, recent, newListing } = store;
   React.useEffect(() => {
     const markets2 = addFieldToMarkets(futures, symbolsInfo);
-    const filterList = filterMarkets({ markets: markets2, favorites, recent, type });
+    const filterList = filterMarkets({
+      markets: markets2,
+      favorites,
+      recent,
+      newListing,
+      type
+    });
     setMarkets(filterList);
-  }, [futures, symbolsInfo, favorites, recent, type]);
+  }, [futures, symbolsInfo, favorites, recent, newListing, type]);
   return [markets, store];
 };
 var addFieldToMarkets = (futures, symbolsInfo) => {
@@ -2729,24 +2845,31 @@ var addFieldToMarkets = (futures, symbolsInfo) => {
   });
 };
 var filterMarkets = (params) => {
-  const { markets, favorites, recent, type } = params;
+  const { markets, favorites, recent, newListing, type } = params;
   let curData = [];
   if (type === 2 /* ALL */) {
     curData = markets;
+  } else if (type === 3 /* NEW_LISTING */) {
+    curData = markets.filter((item) => isNewListing(item.created_time)).sort((a, b) => b.created_time - a.created_time);
   } else {
-    const storageData = type === 0 /* FAVORITES */ ? favorites : recent;
+    const storageData = type === 0 /* FAVORITES */ ? favorites : type === 1 /* RECENT */ ? recent : newListing;
     const keys = storageData.map((item) => item.name);
     curData = markets?.filter((item) => keys.includes(item.symbol));
   }
   const favoriteKeys = favorites.map((item) => item.name);
   return curData?.map((item) => ({
     ...item,
-    isFavorite: type == 0 /* FAVORITES */ ? true : favoriteKeys.includes(item.symbol)
+    isFavorite: type === 0 /* FAVORITES */ ? true : favoriteKeys.includes(item.symbol)
   }));
 };
 function isEmpty(value) {
   return value === void 0 || value === null;
 }
+var isNewListing = (createdTime) => {
+  const thirtyDaysInMs = 30 * 24 * 60 * 60 * 1e3;
+  const now = Date.now();
+  return now - createdTime < thirtyDaysInMs;
+};
 function get8hFunding2(est_funding_rate, funding_period) {
   let funding8h = 0;
   if (isEmpty(est_funding_rate)) {
@@ -2950,6 +3073,41 @@ var useFundingRate = (symbol) => {
     countDown
   };
 };
+
+// src/orderly/useFundingRateHistory.ts
+var calculatePositiveRate = (periodData, period) => {
+  if (!periodData || !period)
+    return 0;
+  const daysMap = {
+    "1d": 1,
+    "3d": 3,
+    "7d": 7,
+    "14d": 14,
+    "30d": 30,
+    "90d": 90
+  };
+  const totalTimes = daysMap[period] * 3;
+  return periodData.positive / totalTimes;
+};
+var useFundingRateHistory = () => {
+  const {
+    data: historyData,
+    isLoading,
+    ...rest
+  } = useQuery("/v1/public/market_info/funding_history");
+  return {
+    data: historyData ?? [],
+    isLoading,
+    getPositiveRates: (data, period) => {
+      if (!data?.length)
+        return {};
+      return data.reduce((acc, item) => {
+        acc[item.symbol] = calculatePositiveRate(item.funding[period], period);
+        return acc;
+      }, {});
+    }
+  };
+};
 var findTPSLFromOrders = (orders, symbol) => {
   const order = findPositionTPSLFromOrders(orders, symbol);
   if (!order)
@@ -3134,10 +3292,10 @@ var useOrderStream = (params, options) => {
     side,
     size = 50,
     page,
-    dateRange,
-    includes: includes2 = ["ALL"],
-    excludes = []
+    dateRange
   } = params;
+  const [includes2, setIncludes] = React.useState(params.includes ?? ["ALL"]);
+  const [excludes, setExcludes] = React.useState(params.excludes ?? []);
   const { data: markPrices } = useMarkPricesStream();
   const { registerKeyHandler, unregisterKeyHandler } = useDataCenterContext();
   const [
@@ -3581,6 +3739,7 @@ var useMarginRatio = () => {
   }, [rows, notional]);
   return { marginRatio, currentLeverage, mmr };
 };
+var TestNetWhiteList = [421614, 901901901, 1516];
 function useChains(networkId, options = {}) {
   const { pick: pickField, ...swrOptions } = options;
   const {
@@ -3605,19 +3764,35 @@ function useChains(networkId, options = {}) {
     "https://api-evm.orderly.org/v1/public/token",
     { ...commonSwrOpts }
   );
+  const { data: testTokenChainsRes } = useQuery(
+    "https://testnet-api-evm.orderly.org/v1/public/token",
+    { ...commonSwrOpts }
+  );
   const brokerId = configStore.get("brokerId");
   const needFetchFromAPI = options.forceAPI || !customChains;
   const { data: chainInfos, error: chainInfoErr } = useQuery(
     needFetchFromAPI ? `https://api-evm.orderly.org/v1/public/chain_info${brokerId !== "orderly" ? `?broker_id=${brokerId}` : ""}` : null,
     { ...commonSwrOpts }
   );
+  const { data: testChainInfos } = useQuery(
+    needFetchFromAPI ? `https://testnet-api-evm.orderly.org/v1/public/chain_info${brokerId !== "orderly" ? `?broker_id=${brokerId}` : ""}` : null,
+    { ...commonSwrOpts }
+  );
   const chains = React.useMemo(() => {
-    const tokenChains = fillChainsInfo(tokenChainsRes, filterFun.current);
-    let testnetArr = needFetchFromAPI ? [...types.TestnetChains] : customChains?.testnet;
+    const tokenChains = fillChainsInfo(
+      tokenChainsRes,
+      filterFun.current,
+      chainInfos
+    );
+    const testTokenChains = fillChainsInfo(
+      testTokenChainsRes,
+      void 0,
+      testChainInfos
+    );
+    let testnetArr = needFetchFromAPI ? filterAndUpdateChains(testTokenChains, testChainInfos, void 0, true) : customChains?.testnet;
     tokenChains?.forEach((item) => {
       const chainId = item.network_infos?.chain_id;
       chainsMap.current.set(chainId, item);
-      updateTestnetInfo(testnetArr, chainId, item);
     });
     testnetArr.forEach((chain) => {
       chainsMap.current.set(chain.network_infos?.chain_id, chain);
@@ -3632,10 +3807,12 @@ function useChains(networkId, options = {}) {
     mainnetArr.forEach((item) => {
       const chainId = item.network_infos?.chain_id;
       chainsMap.current.set(chainId, item);
-      updateTestnetInfo(testnetArr, chainId, item);
     });
     mainnetArr = filterByAllowedChains(mainnetArr, allowedChains?.mainnet);
-    testnetArr = filterByAllowedChains(testnetArr, allowedChains?.testnet);
+    testnetArr = filterByAllowedChains(
+      testnetArr,
+      allowedChains?.testnet ?? TestNetWhiteList.map((id) => ({ id }))
+    );
     if (!!pickField) {
       testnetArr = testnetArr.map((item) => item[pickField]);
       mainnetArr = mainnetArr.map((item) => item[pickField]);
@@ -3654,6 +3831,8 @@ function useChains(networkId, options = {}) {
     networkId,
     tokenChainsRes,
     chainInfos,
+    testChainInfos,
+    testTokenChainsRes,
     customChains,
     pickField,
     allowedChains
@@ -3699,15 +3878,17 @@ function _checkChainSupport(chainId, chains) {
     return chain.network_infos.chain_id === chainId;
   });
 }
-function fillChainsInfo(chains, filter) {
+function fillChainsInfo(chains, filter, chainInfos) {
   let _chains = [];
   chains?.forEach((item) => {
     item.chain_details.forEach((chain) => {
       const chainId = Number(chain.chain_id);
-      const chainInfo = types.chainsInfoMap.get(chainId);
+      const chainInfo = chainInfos?.find(
+        (item2) => item2.chain_id == chainId
+      );
       const _chain = {
         network_infos: {
-          name: chain.chain_name ?? chainInfo?.chainName ?? "--",
+          name: chain.chain_name ?? chainInfo?.name ?? "--",
           chain_id: chainId,
           withdrawal_fee: chain.withdrawal_fee,
           cross_chain_withdrawal_fee: chain.cross_chain_withdrawal_fee,
@@ -3731,7 +3912,7 @@ function fillChainsInfo(chains, filter) {
   });
   return _chains;
 }
-function filterAndUpdateChains(chains, chainInfos, filter) {
+function filterAndUpdateChains(chains, chainInfos, filter, isTestNet) {
   const filterChains = [];
   chains.forEach((chain) => {
     let _chain = { ...chain };
@@ -3747,9 +3928,9 @@ function filterAndUpdateChains(chains, chainInfos, filter) {
         public_rpc_url,
         currency_symbol,
         bridge_enable: true,
-        mainnet: true,
-        explorer_base_url,
-        est_txn_mins: null
+        mainnet: !isTestNet,
+        explorer_base_url
+        // est_txn_mins: null,
       };
     }
     if (typeof filter === "function") {
@@ -3762,16 +3943,6 @@ function filterAndUpdateChains(chains, chainInfos, filter) {
   });
   return filterChains;
 }
-function updateTestnetInfo(testnetArr, chainId, chain) {
-  if (utils.isTestnet(chainId)) {
-    const index = testnetArr?.findIndex(
-      (item) => item.network_infos.chain_id === chainId
-    );
-    if (index > -1) {
-      testnetArr[index] = chain;
-    }
-  }
-}
 function filterByAllowedChains(chains, allowedChains) {
   if (!allowedChains) {
     return chains;
@@ -3856,14 +4027,7 @@ var useWithdraw = (options) => {
   const { unsettledPnL, availableBalance, freeCollateral } = useCollateral();
   const networkId = useConfig("networkId");
   const [_, { findByChainId }] = useChains(void 0);
-  const withdraw = React.useCallback(
-    (inputs) => {
-      return account5.assetsManager.withdraw(inputs).then((res) => {
-        return res;
-      });
-    },
-    [state]
-  );
+  const ee = useEventEmitter();
   useHoldingStream();
   const maxAmount = React.useMemo(() => {
     return freeCollateral;
@@ -3901,6 +4065,28 @@ var useWithdraw = (options) => {
       network: targetChain?.network_infos?.shortName
     };
   }, [targetChain]);
+  const withdraw = React.useCallback(
+    (inputs) => {
+      return account5.assetsManager.withdraw(inputs).then((res) => {
+        if (res.success) {
+          ee.emit(types.EnumTrackerKeys.WITHDRAW_SUCCESS, {
+            wallet: state?.connectWallet?.name,
+            network: targetChain?.network_infos.name,
+            quantity: inputs.amount
+          });
+        }
+        return res;
+      }).catch((err) => {
+        ee.emit(types.EnumTrackerKeys.WITHDRAW_FAILED, {
+          wallet: state?.connectWallet?.name,
+          network: targetChain?.network_infos.name,
+          msg: JSON.stringify(err)
+        });
+        throw err;
+      });
+    },
+    [state, targetChain, state]
+  );
   return {
     dst,
     withdraw,
@@ -3915,6 +4101,7 @@ var useDeposit = (options) => {
   const networkId = useConfig("networkId");
   const [balanceRevalidating, setBalanceRevalidating] = React.useState(false);
   const [allowanceRevalidating, setAllowanceRevalidating] = React.useState(false);
+  const ee = useEventEmitter();
   const [_, { findByChainId }] = useChains(void 0);
   const [quantity, setQuantity] = React.useState("");
   const [depositFee, setDepositFee] = React.useState(0n);
@@ -4113,9 +4300,21 @@ var useDeposit = (options) => {
       throw new Error("Insufficient allowance");
     }
     return account5.assetsManager.deposit(quantity, depositFee).then((res) => {
+      ee.emit(types.EnumTrackerKeys.DEPOSIT_SUCCESS, {
+        wallet: state?.connectWallet?.name,
+        network: targetChain?.network_infos.name,
+        quantity
+      });
       updateAllowanceWhenTxSuccess(res.hash);
       setBalance((value) => new utils.Decimal(value).sub(quantity).toString());
       return res;
+    }).catch((e) => {
+      ee.emit(types.EnumTrackerKeys.DEPOSIT_FAILED, {
+        wallet: state?.connectWallet?.name,
+        network: targetChain?.network_infos?.name,
+        msg: JSON.stringify(e)
+      });
+      throw e;
     });
   }, [account5, fetchBalance, quantity, depositFee, options?.address]);
   const loopGetBalance = async () => {
@@ -5398,6 +5597,50 @@ var BracketMarketOrderCreator = class extends MarketOrderCreator {
     return { ...value, ...bracketData };
   }
 };
+var BBOOrderCreator = class extends BaseOrderCreator {
+  create(values2) {
+    const order = {
+      ...this.baseOrder(values2),
+      level: values2.level
+    };
+    return ramda.pick(
+      [
+        "symbol",
+        "order_quantity",
+        "visible_quantity",
+        "reduce_only",
+        "side",
+        "order_type",
+        "level"
+      ],
+      order
+    );
+  }
+  async validate(values2, configs) {
+    return this.baseValidate(values2, configs).then((errors) => {
+      delete errors["total"];
+      let { order_quantity, order_price, reduce_only, level } = values2;
+      const { symbol } = configs;
+      const { min_notional, base_tick, quote_dp, quote_tick, base_dp } = symbol || {};
+      const notionalHintStr = checkNotional({
+        base_tick,
+        quote_tick,
+        price: order_price,
+        qty: order_quantity,
+        min_notional,
+        quote_dp,
+        base_dp
+      });
+      if (notionalHintStr !== void 0 && !reduce_only) {
+        errors.total = {
+          type: "min",
+          message: notionalHintStr
+        };
+      }
+      return errors;
+    });
+  }
+};
 
 // src/services/orderCreator/factory.ts
 var OrderFactory = class {
@@ -5407,11 +5650,13 @@ var OrderFactory = class {
         return new BracketLimitOrderCreator();
       case `${types.AlgoOrderRootType.BRACKET}:${types.OrderType.MARKET}`:
         return new BracketMarketOrderCreator();
-      case types.OrderType.LIMIT: {
+      case types.OrderType.LIMIT:
         return new LimitOrderCreator();
-      }
       case types.OrderType.MARKET:
         return new MarketOrderCreator();
+      case types.OrderType.ASK:
+      case types.OrderType.BID:
+        return new BBOOrderCreator();
       case types.OrderType.IOC:
         return new IOCOrderCreator();
       case types.OrderType.FOK:
@@ -5931,7 +6176,9 @@ var usePrivateDataObserver = (options) => {
   const ws = useWS();
   const ee = useEventEmitter();
   const { state, account: account5 } = useAccount();
-  const { setAccountInfo, restoreHolding, updateHolding, cleanAll } = useAppStore((state2) => state2.actions);
+  const { setAccountInfo, restoreHolding, cleanAll } = useAppStore(
+    (state2) => state2.actions
+  );
   const statusActions = useApiStatusActions();
   const calculatorService = useCalculatorService();
   const positionsActions = usePositionActions();
@@ -5990,7 +6237,7 @@ var usePrivateDataObserver = (options) => {
         onMessage: (data) => {
           const holding2 = data?.balances ?? {};
           if (holding2) {
-            updateHolding(holding2);
+            calculatorService.calc("portfolio" /* PORTFOLIO */, { holding: holding2 });
           }
         }
       }
@@ -6324,8 +6571,8 @@ var ProxyConfigStore = class {
   }
 };
 var ExtendedConfigStore = class extends core.DefaultConfigStore {
-  constructor(init) {
-    super(init);
+  constructor(init2) {
+    super(init2);
   }
   get(key) {
     if (key === MarketsStorageKey) {
@@ -6429,6 +6676,91 @@ var OrderlyConfigProvider = (props) => {
     }
   );
 };
+var apiKeyMap = {
+  dev: "4d6b7db0fdd6e9de2b6a270414fd51e0",
+  qa: "96476b00bc2701360f9b480629ae5263",
+  staging: "dffc00e003479b86d410c448e00f2304",
+  prod: "3ab9ae56ed16cc57bc2ac97ffc1098c2"
+};
+var TrackerContext = React.createContext({});
+var OrderlyTrackerProvider = ({ children }) => {
+  const listenKeys = Object.keys(types.TrackerListenerKeyMap);
+  const ee = useEventEmitter();
+  const env = useGetEnv();
+  const walletConnectRef = React.useRef(false);
+  const { account: account5, state } = useAccount();
+  const networkId = useConfig("networkId");
+  const brokerId = useConfig("brokerId");
+  const getChainInfo = useNetworkInfo(networkId);
+  const handleEvent = React.useCallback(
+    (key, params) => {
+      account5?.accountId && amplitude__namespace.setUserId(account5?.accountId);
+      if (key === types.EnumTrackerKeys.WALLET_CONNECT) {
+        if (walletConnectRef.current)
+          return;
+        const info = getChainInfo(
+          params?.connectWallet?.chainId
+        ).info;
+        const { address = "", connectWallet } = params;
+        const identify2 = {
+          address,
+          broker_id: brokerId,
+          sdk_version: window?.__ORDERLY_VERSION__?.["@orderly.network/net"] ?? ""
+        };
+        const identifyEvent = new amplitude__namespace.Identify();
+        Object.keys(identify2).map((subKey) => {
+          identifyEvent.set(subKey, identify2[subKey]);
+        });
+        amplitude__namespace.identify(identifyEvent);
+        const eventProperties = {
+          wallet: connectWallet?.name,
+          network: info?.network_infos?.name
+        };
+        amplitude__namespace.track(types.TrackerListenerKeyMap[key], eventProperties);
+        walletConnectRef.current = true;
+        return;
+      }
+      if (key === types.EnumTrackerKeys.SIGNIN_SUCCESS) {
+        const info = getChainInfo(
+          params?.connectWallet?.chainId
+        ).info;
+        amplitude__namespace.track(types.TrackerListenerKeyMap[key], {
+          wallet: params?.connectWallet?.name,
+          network: info?.network_infos?.name
+        });
+        return;
+      }
+      amplitude__namespace.track(types.TrackerListenerKeyMap[key], params);
+    },
+    [account5?.accountId, brokerId, state?.connectWallet?.name]
+  );
+  React.useEffect(() => {
+    amplitude__namespace.init(apiKeyMap[env], { serverZone: "EU" });
+    listenKeys.forEach((key) => {
+      ee.on(key, (params = {}) => {
+        setTimeout(() => {
+          handleEvent(key, params);
+        }, 2e3);
+      });
+    });
+    return () => {
+      listenKeys.forEach((key) => {
+        ee.off(key);
+      });
+    };
+  }, [env]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TrackerContext.Provider,
+    {
+      value: {
+        track: (key, params) => {
+          amplitude__namespace.track(key, params);
+        }
+      },
+      children
+    }
+  );
+};
 var WalletConnectorContext = React.createContext({});
 var useWalletConnector = () => {
   return React.useContext(WalletConnectorContext);
@@ -7395,7 +7727,7 @@ var DataPaint = class extends BasePaint {
       );
     }
     if (typeof options.data?.position.pnl !== "undefined") {
-      const prefix = options.data?.position.pnl > 0 ? "+" : "";
+      const prefix = options.data?.position.pnl >= 0 ? "+" : "";
       let text = `${prefix}${utils.commify(options.data?.position.pnl)} ${options.data?.position.currency}`;
       let fontWeight = 600;
       if (prevElementBoundingBox.width) {
@@ -13112,13 +13444,13 @@ var OmnichainLedgerV1ABI_default = [
     type: "function"
   }
 ];
-var ENVType = /* @__PURE__ */ ((ENVType2) => {
-  ENVType2["prod"] = "prod";
-  ENVType2["staging"] = "staging";
-  ENVType2["qa"] = "qa";
-  ENVType2["dev"] = "dev";
-  return ENVType2;
-})(ENVType || {});
+var ENVType2 = /* @__PURE__ */ ((ENVType3) => {
+  ENVType3["prod"] = "prod";
+  ENVType3["staging"] = "staging";
+  ENVType3["qa"] = "qa";
+  ENVType3["dev"] = "dev";
+  return ENVType3;
+})(ENVType2 || {});
 var useGetEnv = () => {
   const { configStore } = React.useContext(OrderlyContext);
   const baseUrl = configStore.get("apiBaseUrl") || "https://api-evm.orderly.org";
@@ -13339,6 +13671,8 @@ var getOrderCreator = (order) => {
   let type;
   if (isBracketOrder(order)) {
     type = `${types.AlgoOrderRootType.BRACKET}:${order.order_type}`;
+  } else if (order.order_type === types.OrderType.LIMIT) {
+    type = order.order_type_ext || order.order_type;
   } else {
     type = order.order_type;
   }
@@ -13744,8 +14078,10 @@ var useOrderEntry2 = (symbol, options = {}) => {
     validated: false,
     errors: null
   });
-  const askAndBid = React.useRef([]);
+  const askAndBid = React.useRef([[]]);
   const lastChangedField = React.useRef();
+  const lastOrderTypeExt = React.useRef();
+  const lastLevel = React.useRef();
   const actions = useMarkPriceActions();
   const symbolConfig = useSymbolsInfo();
   const accountInfo = useAccountInfo();
@@ -13773,8 +14109,35 @@ var useOrderEntry2 = (symbol, options = {}) => {
     formattedOrder.side,
     formattedOrder.reduce_only
   );
+  const updateOrderPrice = () => {
+    const order_type_ext = formattedOrder.order_type_ext ?? lastOrderTypeExt.current;
+    const level = formattedOrder.level ?? lastLevel.current;
+    if (![types.OrderType.ASK, types.OrderType.BID].includes(order_type_ext) || level === void 0) {
+      return;
+    }
+    lastOrderTypeExt.current = order_type_ext;
+    lastLevel.current = level;
+    const index = order_type_ext === types.OrderType.ASK ? 0 : 1;
+    const price = askAndBid.current?.[level]?.[index];
+    if (price && !isNaN(price)) {
+      setValue("order_price", price, {
+        shouldUpdateLastChangedField: false
+      });
+    }
+  };
+  const updateOrderPriceByOrderBook = () => {
+    const { order_type, order_type_ext, order_quantity } = formattedOrder;
+    const isBBO = order_type === types.OrderType.LIMIT && [types.OrderType.ASK, types.OrderType.BID].includes(order_type_ext);
+    if (lastChangedField.current !== "total" && isBBO) {
+      updateOrderPrice();
+    }
+  };
+  React.useEffect(() => {
+    updateOrderPrice();
+  }, [formattedOrder.order_type_ext, formattedOrder.level]);
   const onOrderBookUpdate = useDebounce.useDebouncedCallback((data) => {
     askAndBid.current = data;
+    updateOrderPriceByOrderBook();
   }, 200);
   React.useEffect(() => {
     ee.on("orderbook:update", onOrderBookUpdate);
@@ -13888,7 +14251,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     const markPrice2 = actions.getMarkPriceBySymbol(symbol);
     if (!markPrice2 || !accountInfo)
       return null;
-    return calcEstLiqPrice(formattedOrder, askAndBid.current, {
+    return calcEstLiqPrice(formattedOrder, askAndBid.current[0], {
       baseIMR: symbolInfo?.base_imr,
       baseMMR: symbolInfo?.base_mmr,
       markPrice: markPrice2,
@@ -13900,7 +14263,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     });
   }, [formattedOrder, accountInfo, positions2, totalCollateral, symbol]);
   const estLeverage = React.useMemo(() => {
-    return calcEstLeverage(formattedOrder, askAndBid.current, {
+    return calcEstLeverage(formattedOrder, askAndBid.current[0], {
       totalCollateral,
       positions: positions2,
       symbol
@@ -13943,6 +14306,14 @@ var useOrderEntry2 = (symbol, options = {}) => {
     }
     const order = generateOrder(creator, prepareData());
     const result = await doCreateOrder(order);
+    if (result.success) {
+      ee.emit(types.EnumTrackerKeys.PLACEORDER_SUCCESS, {
+        side: order.side,
+        order_type: order.order_type,
+        tp_sl: hasTPSL(formattedOrder),
+        reduce_only: !!order.reduce_only
+      });
+    }
     if (result.success && resetOnSuccess) {
       reset();
       resetMetaState();
@@ -14143,13 +14514,14 @@ Object.defineProperty(exports, "useConstant", {
 exports.AssetHistoryStatusEnum = AssetHistoryStatusEnum;
 exports.DefaultLayoutConfig = DefaultLayoutConfig;
 exports.DistributionId = DistributionId;
-exports.ENVType = ENVType;
+exports.ENVType = ENVType2;
 exports.ExtendedConfigStore = ExtendedConfigStore;
 exports.MarketsStorageKey = MarketsStorageKey;
 exports.MarketsType = MarketsType;
 exports.OrderlyConfigProvider = OrderlyConfigProvider;
 exports.OrderlyContext = OrderlyContext;
 exports.OrderlyProvider = OrderlyProvider;
+exports.OrderlyTrackerProvider = OrderlyTrackerProvider;
 exports.StatusContext = StatusContext;
 exports.StatusProvider = StatusProvider;
 exports.TWType = TWType;
@@ -14181,6 +14553,7 @@ exports.useEpochInfo = useEpochInfo;
 exports.useEventEmitter = useEventEmitter;
 exports.useFundingFeeHistory = useFundingFeeHistory;
 exports.useFundingRate = useFundingRate;
+exports.useFundingRateHistory = useFundingRateHistory;
 exports.useFundingRates = useFundingRates;
 exports.useGetClaimed = useGetClaimed;
 exports.useGetEnv = useGetEnv;
@@ -14204,6 +14577,7 @@ exports.useMarketsStream = useMarketsStream;
 exports.useMaxQty = useMaxQty;
 exports.useMediaQuery = useMediaQuery;
 exports.useMutation = useMutation;
+exports.useNetworkInfo = useNetworkInfo;
 exports.useOrderEntity = useOrderEntity;
 exports.useOrderEntry = useOrderEntry2;
 exports.useOrderEntry_deprecated = useOrderEntry;