@orderly.network/hooks 2.1.1 → 2.1.2

package/dist/index.mjs

@@ -2,7 +2,7 @@ import useSWR, { mutate } from 'swr';
 export { unstable_serialize, default as useSWR, useSWRConfig } from 'swr';
 import { get, WS, mutate as mutate$1 } from '@orderly.network/net';
 import React, { createContext, useContext, useCallback, useState, useEffect, useMemo, useRef, useId, useLayoutEffect } from 'react';
-import { TesntTokenFallback, ArbitrumSepoliaTokenInfo, SolanaDevnetTokenInfo, OrderType, OrderSide, SDKError, EnumTrackerKeys, AccountStatusEnum, AlgoOrderRootType, OrderStatus, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, MONAD_TESTNET_CHAINID, nativeTokenAddress, ChainKey, chainsInfoMap, ARBITRUM_TESTNET_CHAINID, ARBITRUM_MAINNET_CHAINID, isNativeTokenChecker, ChainNamespace, MaxUint256, DEPOSIT_FEE_RATE, LedgerWalletKey, SolanaChains, TrackerListenerKeyMap, AlgoOrderType, TriggerPriceType } from '@orderly.network/types';
+import { TesntTokenFallback, ArbitrumSepoliaTokenInfo, SolanaDevnetTokenInfo, OrderType, OrderSide, SDKError, TrackerEventName, AccountStatusEnum, AlgoOrderRootType, OrderStatus, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, MONAD_TESTNET_CHAINID, nativeTokenAddress, ChainKey, chainsInfoMap, ARBITRUM_TESTNET_CHAINID, ARBITRUM_MAINNET_CHAINID, isNativeTokenChecker, ChainNamespace, MaxUint256, DEPOSIT_FEE_RATE, LedgerWalletKey, SolanaChains, AlgoOrderType, TriggerPriceType } from '@orderly.network/types';
 import useSWRMutation from 'swr/mutation';
 import useConstant from 'use-constant';
 export { default as useConstant } from 'use-constant';
@@ -34,9 +34,9 @@ var __export = (target, all) => {
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.1.1";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.1.2";
 }
-var version_default = "2.1.1";
+var version_default = "2.1.2";
 var fetcher = (url, init2 = {}, queryOptions) => get(url, init2, queryOptions?.formatter);
 var OrderlyContext = createContext({
   // configStore: new MemoryConfigStore(),
@@ -231,8 +231,8 @@ var useWalletConnector = () => {
 var useTrack = () => {
   const ee = useEventEmitter();
   const { wallet } = useWalletConnector();
-  const debouncedTrackFn = useCallback(
-    debounce((eventName, params) => {
+  const tracking = useCallback(
+    (eventName, params) => {
       windowGuard(() => {
         const location = window.location;
         const origin = location.origin;
@@ -245,23 +245,29 @@ var useTrack = () => {
           page_domain: origin,
           user_agent: userAgent
         });
-        if (eventName === EnumTrackerKeys.placeorderSuccess) {
+        if (eventName === TrackerEventName.placeOrderSuccess) {
           Object.assign(params, {
             wallet: wallet?.label || "QR code"
           });
         }
         ee.emit(eventName, params);
       });
-    }, 500),
-    []
+    },
+    [wallet]
   );
-  const track2 = useCallback((eventName, params) => {
-    debouncedTrackFn(eventName, params);
-  }, [debouncedTrackFn]);
+  const track2 = useCallback(debounce(tracking, 500), [tracking]);
   const setTrackUserId = useCallback((userId) => {
-    ee.emit(EnumTrackerKeys.trackIdentifyUserId, userId);
+    ee.emit(TrackerEventName.trackIdentifyUserId, userId);
   }, []);
-  return { track: track2, setTrackUserId };
+  const setIdentify = useCallback((params) => {
+    ee.emit(TrackerEventName.trackIdentify, params);
+  }, []);
+  return {
+    track: track2,
+    tracking,
+    setTrackUserId,
+    setIdentify
+  };
 };
 
 // src/useAccount.ts
@@ -296,7 +302,7 @@ var useAccount = () => {
   }, []);
   const createOrderlyKey = useCallback(
     async (remember) => {
-      track2(EnumTrackerKeys.signinSuccess, {
+      track2(TrackerEventName.signinSuccess, {
         network: account5.chainId,
         wallet: state.connectWallet?.name
       });
@@ -572,14 +578,22 @@ var AmplitudeTracker = class {
     amplitude.identify(identify2);
   }
   track(eventName, properties) {
-    amplitude.track(TrackerListenerKeyMap[eventName], properties);
+    amplitude.track(eventName, properties);
   }
   _bindEvents() {
-    const listenKeys = Object.keys(TrackerListenerKeyMap);
+    const listenKeys = Object.values(TrackerEventName);
     listenKeys.forEach((key) => {
       this._ee.addListener(key, (params = {}) => {
-        if (key === EnumTrackerKeys.trackIdentifyUserId) {
+        if (key === TrackerEventName.trackIdentifyUserId) {
           this.setUserId(params);
+        } else if (key === TrackerEventName.trackIdentify) {
+          this.identify(params);
+        } else if (key === TrackerEventName.trackCustomEvent) {
+          const { eventName, ...rest } = params;
+          if (!eventName) {
+            return;
+          }
+          this.track(eventName, rest);
         } else {
           this.track(key, params);
         }
@@ -4164,6 +4178,8 @@ var useHoldingStream = () => {
     isLoading
   };
 };
+
+// src/orderly/useWithdraw.ts
 var useWithdraw = (options) => {
   const { account: account5, state } = useAccount();
   const [isLoading, setIsLoading] = useState(false);
@@ -4213,7 +4229,7 @@ var useWithdraw = (options) => {
     (inputs) => {
       return account5.assetsManager.withdraw(inputs).then((res) => {
         if (res.success) {
-          track2(EnumTrackerKeys.withdrawSuccess, {
+          track2(TrackerEventName.withdrawSuccess, {
             wallet: state?.connectWallet?.name,
             network: targetChain?.network_infos.name,
             quantity: inputs.amount
@@ -4221,7 +4237,7 @@ var useWithdraw = (options) => {
         }
         return res;
       }).catch((err) => {
-        track2(EnumTrackerKeys.withdrawFailed, {
+        track2(TrackerEventName.withdrawFailed, {
           wallet: state?.connectWallet?.name,
           network: targetChain?.network_infos.name,
           msg: JSON.stringify(err)
@@ -4443,7 +4459,7 @@ var useDeposit = (options) => {
       throw new SDKError("Insufficient allowance");
     }
     return account5.assetsManager.deposit(quantity, depositFee).then((res) => {
-      track2(EnumTrackerKeys.depositSuccess, {
+      track2(TrackerEventName.depositSuccess, {
         wallet: state?.connectWallet?.name,
         network: targetChain?.network_infos.name,
         quantity
@@ -4452,7 +4468,7 @@ var useDeposit = (options) => {
       setBalance((value) => new Decimal(value).sub(quantity).toString());
       return res;
     }).catch((e) => {
-      track2(EnumTrackerKeys.depositFailed, {
+      track2(TrackerEventName.depositFailed, {
         wallet: state?.connectWallet?.name,
         network: targetChain?.network_infos?.name,
         msg: JSON.stringify(e)
@@ -13892,6 +13908,10 @@ var calcEstLeverage = (order$1, askAndBid, inputs) => {
     }
   });
 };
+function isBBOOrder(options) {
+  const { order_type, order_type_ext } = options;
+  return order_type === OrderType.LIMIT && [OrderType.ASK, OrderType.BID].includes(order_type_ext);
+}
 var initialOrderState = {
   order_price: "",
   order_quantity: "",
@@ -13977,7 +13997,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
   const calculate = useCallback(
     (values2, fieldName, value, markPrice, config) => {
       const fieldHandler = getCalculateHandler(fieldName);
-      let newValues = compose(
+      const newValues = compose(
         head,
         // orderEntityFormatHandle(baseDP, quoteDP),
         fieldHandler,
@@ -14097,11 +14117,11 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     return newValues;
   };
   const onMarkPriceUpdated = useCallback(
-    (markPrice, baseOn) => {
+    (markPrice, baseOn = []) => {
       if (!options.symbolInfo)
         return;
-      let newValues;
-      if (typeof baseOn === "undefined") {
+      let newValues = { ...orderEntity };
+      if (baseOn.length === 0) {
         newValues = calculate(
           { ...orderEntity },
           "order_price",
@@ -14110,13 +14130,15 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
           options.symbolInfo
         );
       } else {
-        newValues = calculate(
-          { ...orderEntity },
-          baseOn,
-          orderEntity[baseOn],
-          markPrice,
-          options.symbolInfo
-        );
+        baseOn.forEach((key) => {
+          newValues = calculate(
+            { ...newValues },
+            key,
+            orderEntity[key],
+            markPrice,
+            options.symbolInfo
+          );
+        });
       }
       if (hasTPSL(newValues)) {
         if (newValues.tp_pnl && newValues.order_quantity) {
@@ -14169,6 +14191,8 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     onMarkPriceChange: onMarkPriceUpdated
   };
 };
+
+// src/next/useOrderEntry/useOrderEntry.ts
 var useOrderEntry2 = (symbol, options = {}) => {
   if (!symbol) {
     throw new SDKError("Symbol is required");
@@ -14185,6 +14209,10 @@ var useOrderEntry2 = (symbol, options = {}) => {
   const lastChangedField = useRef();
   const lastOrderTypeExt = useRef();
   const lastLevel = useRef();
+  const calculateTPSL_baseOn = useRef({
+    tp: "",
+    sl: ""
+  });
   const actions = useMarkPriceActions();
   const symbolConfig = useSymbolsInfo();
   const accountInfo = useAccountInfo();
@@ -14213,24 +14241,26 @@ var useOrderEntry2 = (symbol, options = {}) => {
     formattedOrder.reduce_only
   );
   const updateOrderPrice = () => {
+    const order_type = formattedOrder.order_type;
     const order_type_ext = formattedOrder.order_type_ext ?? lastOrderTypeExt.current;
     const level = formattedOrder.level ?? lastLevel.current;
-    if (![OrderType.ASK, OrderType.BID].includes(order_type_ext) || level === void 0) {
+    const isBBO = isBBOOrder({ order_type, order_type_ext });
+    if (!isBBO || level === void 0) {
       return;
     }
     lastOrderTypeExt.current = order_type_ext;
     lastLevel.current = level;
     const index = order_type_ext === OrderType.ASK ? 0 : 1;
     const price = askAndBid.current?.[level]?.[index];
-    if (price && !isNaN(price)) {
+    if (price) {
       setValue("order_price", price, {
         shouldUpdateLastChangedField: false
       });
     }
   };
   const updateOrderPriceByOrderBook = () => {
-    const { order_type, order_type_ext, order_quantity } = formattedOrder;
-    const isBBO = order_type === OrderType.LIMIT && [OrderType.ASK, OrderType.BID].includes(order_type_ext);
+    const { order_type, order_type_ext } = formattedOrder;
+    const isBBO = isBBOOrder({ order_type, order_type_ext });
     if (lastChangedField.current !== "total" && isBBO) {
       updateOrderPrice();
     }
@@ -14250,10 +14280,17 @@ var useOrderEntry2 = (symbol, options = {}) => {
   }, []);
   useEffect(() => {
     if ((formattedOrder.order_type === OrderType.MARKET || formattedOrder.order_type === OrderType.STOP_MARKET) && markPrice) {
-      orderEntryActions.onMarkPriceChange(
-        markPrice,
-        lastChangedField.current
-      );
+      const baseOn = /* @__PURE__ */ new Set();
+      if (lastChangedField.current) {
+        baseOn.add(lastChangedField.current);
+      }
+      if (calculateTPSL_baseOn.current.tp) {
+        baseOn.add(calculateTPSL_baseOn.current.tp);
+      }
+      if (calculateTPSL_baseOn.current.sl) {
+        baseOn.add(calculateTPSL_baseOn.current.sl);
+      }
+      orderEntryActions.onMarkPriceChange(markPrice, Array.from(baseOn));
     }
   }, [markPrice, formattedOrder.order_type]);
   const prepareData = useCallback(() => {
@@ -14303,6 +14340,11 @@ var useOrderEntry2 = (symbol, options = {}) => {
       interactiveValidate(values2);
     }
     if (shouldUpdateLastChangedField) {
+      if (key.startsWith("tp_")) {
+        calculateTPSL_baseOn.current.tp = key;
+      } else if (key.startsWith("sl_")) {
+        calculateTPSL_baseOn.current.sl = key;
+      }
       lastChangedField.current = key;
     }
   };
@@ -14421,7 +14463,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     const order = generateOrder(creator, prepareData());
     const result = await doCreateOrder(order);
     if (result.success) {
-      track2(EnumTrackerKeys.placeorderSuccess, {
+      track2(TrackerEventName.placeOrderSuccess, {
         side: order.side,
         order_type: order.order_type,
         tp_sl: hasTPSL(formattedOrder),