@orderly.network/hooks 1.2.0 → 1.3.2

package/esm/orderly/useLeverage.js

@@ -3,19 +3,18 @@ import { useMutation } from "../useMutation";
 import { usePrivateQuery } from "../usePrivateQuery";
 import { prop } from "ramda";
 import { useQuery } from "../useQuery";
-export const useLeverage = () => {
+export const useLeverage = ()=>{
     const { data, mutate } = usePrivateQuery("/v1/client/info");
     const [update, { isMutating }] = useMutation("/v1/client/leverage");
     const { data: config } = useQuery("/v1/public/config");
-    const updateLeverage = useCallback((data) => {
-        return update(data).then((res) => {
+    const updateLeverage = useCallback((data)=>{
+        return update(data).then((res)=>{
             if (res.success) {
                 return mutate();
-            }
-            else {
+            } else {
                 throw new Error(res.message);
             }
-            // return res
+        // return res
         });
     }, []);
     return [
@@ -24,11 +23,9 @@ export const useLeverage = () => {
             update: updateLeverage,
             isMutating,
             // config: [1, 2, 3, 4, 5, 10, 15, 20],
-            config: config
-                ? config?.available_futures_leverage
-                    ?.split(",")
-                    .map((item) => parseInt(item))
-                : [],
-        },
+            config: config ? config?.available_futures_leverage?.split(",").map((item)=>parseInt(item)) : []
+        }
     ];
 };
+
+//# sourceMappingURL=useLeverage.js.map

package/esm/orderly/useLeverage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useLeverage.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useMutation } from \"../useMutation\";\nimport { usePrivateQuery } from \"../usePrivateQuery\";\nimport { prop } from \"ramda\";\nimport { useQuery } from \"../useQuery\";\n\nexport const useLeverage = (): any => {\n  const { data, mutate } = usePrivateQuery(\"/v1/client/info\");\n  const [update, { isMutating }] = useMutation(\"/v1/client/leverage\");\n\n  const { data: config } = useQuery(\"/v1/public/config\");\n\n  const updateLeverage = useCallback((data: { leverage: number }) => {\n    return update(data).then((res: any) => {\n      if (res.success) {\n        return mutate();\n      } else {\n        throw new Error(res.message);\n      }\n      // return res\n    });\n  }, []);\n\n  return [\n    prop(\"max_leverage\", data as any),\n    {\n      update: updateLeverage,\n      isMutating,\n      // config: [1, 2, 3, 4, 5, 10, 15, 20],\n      config: config\n        ? (config as any)?.available_futures_leverage\n            ?.split(\",\")\n            .map((item: string) => parseInt(item))\n        : [],\n    },\n  ];\n};\n"],"names":["useCallback","useMutation","usePrivateQuery","prop","useQuery","useLeverage","data","mutate","update","isMutating","config","updateLeverage","then","res","success","Error","message","available_futures_leverage","split","map","item","parseInt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,cAAc;IACzB,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGL,gBAAgB;IACzC,MAAM,CAACM,QAAQ,EAAEC,UAAU,EAAE,CAAC,GAAGR,YAAY;IAE7C,MAAM,EAAEK,MAAMI,MAAM,EAAE,GAAGN,SAAS;IAElC,MAAMO,iBAAiBX,YAAY,CAACM;QAClC,OAAOE,OAAOF,MAAMM,IAAI,CAAC,CAACC;YACxB,IAAIA,IAAIC,OAAO,EAAE;gBACf,OAAOP;YACT,OAAO;gBACL,MAAM,IAAIQ,MAAMF,IAAIG,OAAO;YAC7B;QACA,aAAa;QACf;IACF,GAAG,EAAE;IAEL,OAAO;QACLb,KAAK,gBAAgBG;QACrB;YACEE,QAAQG;YACRF;YACA,uCAAuC;YACvCC,QAAQA,SACHA,QAAgBO,4BACbC,MAAM,KACPC,IAAI,CAACC,OAAiBC,SAASD,SAClC,EAAE;QACR;KACD;AACH,EAAE"}

package/esm/orderly/useMarginRatio.js

@@ -4,38 +4,52 @@ import { usePositionStream } from "./usePositionStream";
 import { useMarkPricesStream } from "./useMarkPricesStream";
 import { useCollateral } from "./useCollateral";
 import { zero } from "@orderly.network/utils";
-export const useMarginRatio = () => {
+export const useMarginRatio = ()=>{
     const [{ rows, aggregated }] = usePositionStream();
     const { data: markPrices } = useMarkPricesStream();
     const { totalCollateral } = useCollateral();
-    const marginRatio = useMemo(() => {
+    const marginRatio = useMemo(()=>{
         if (!rows || !markPrices || !totalCollateral || rows.length === 0) {
             return 0;
         }
         const ratio = account.totalMarginRatio({
             totalCollateral: totalCollateral,
             markPrices: markPrices,
-            positions: rows ?? [],
+            positions: rows ?? []
         });
         return ratio;
-    }, [rows, markPrices, totalCollateral]);
-    const currentLeverage = useMemo(() => {
+    }, [
+        rows,
+        markPrices,
+        totalCollateral
+    ]);
+    const currentLeverage = useMemo(()=>{
         return account.currentLeverage(marginRatio);
-    }, [marginRatio]);
+    }, [
+        marginRatio
+    ]);
     // MMR
-    const mmr = useMemo(() => {
-        if (!rows || rows.length <= 0)
-            return null;
+    const mmr = useMemo(()=>{
+        if (!rows || rows.length <= 0) return null;
         let positionsMM = zero;
         // const positionsNotional = positions.totalNotional(rows);
-        for (let index = 0; index < rows.length; index++) {
+        for(let index = 0; index < rows.length; index++){
             const item = rows[index];
             positionsMM = positionsMM.add(item.mm);
         }
         return account.MMR({
             positionsMMR: positionsMM.toNumber(),
-            positionsNotional: aggregated.notional,
+            positionsNotional: aggregated.notional
         });
-    }, [rows, aggregated]);
-    return { marginRatio, currentLeverage, mmr };
+    }, [
+        rows,
+        aggregated
+    ]);
+    return {
+        marginRatio,
+        currentLeverage,
+        mmr
+    };
 };
+
+//# sourceMappingURL=useMarginRatio.js.map

package/esm/orderly/useMarginRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useMarginRatio.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { account, positions } from \"@orderly.network/perp\";\nimport { usePositionStream } from \"./usePositionStream\";\nimport { useMarkPricesStream } from \"./useMarkPricesStream\";\nimport { useCollateral } from \"./useCollateral\";\nimport { zero } from \"@orderly.network/utils\";\n\nexport type MarginRatioReturn = {\n  // Margin Ratio\n  marginRatio: number;\n  // Current Leverage\n  currentLeverage: number;\n  // account margin ratio, if user has no position, return null\n  mmr: number | null;\n};\n\nexport const useMarginRatio = (): MarginRatioReturn => {\n  const [{ rows, aggregated }] = usePositionStream();\n  const { data: markPrices } = useMarkPricesStream();\n\n  const { totalCollateral } = useCollateral();\n  const marginRatio = useMemo(() => {\n    if (!rows || !markPrices || !totalCollateral || rows.length === 0) {\n      return 0;\n    }\n\n    const ratio = account.totalMarginRatio({\n      totalCollateral: totalCollateral,\n      markPrices: markPrices,\n      positions: rows ?? [],\n    });\n    return ratio;\n  }, [rows, markPrices, totalCollateral]);\n\n  const currentLeverage = useMemo(() => {\n    return account.currentLeverage(marginRatio);\n  }, [marginRatio]);\n\n  // MMR\n  const mmr = useMemo<number | null>(() => {\n    if (!rows || rows.length <= 0) return null;\n    let positionsMM = zero;\n    // const positionsNotional = positions.totalNotional(rows);\n\n    for (let index = 0; index < rows.length; index++) {\n      const item = rows[index];\n      positionsMM = positionsMM.add(item.mm);\n    }\n\n    return account.MMR({\n      positionsMMR: positionsMM.toNumber(),\n      positionsNotional: aggregated.notional,\n    });\n  }, [rows, aggregated]);\n\n  return { marginRatio, currentLeverage, mmr };\n};\n"],"names":["useMemo","account","usePositionStream","useMarkPricesStream","useCollateral","zero","useMarginRatio","rows","aggregated","data","markPrices","totalCollateral","marginRatio","length","ratio","totalMarginRatio","positions","currentLeverage","mmr","positionsMM","index","item","add","mm","MMR","positionsMMR","toNumber","positionsNotional","notional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ;AAChC,SAASC,OAAO,QAAmB,wBAAwB;AAC3D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,IAAI,QAAQ,yBAAyB;AAW9C,OAAO,MAAMC,iBAAiB;IAC5B,MAAM,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAE,CAAC,GAAGN;IAC/B,MAAM,EAAEO,MAAMC,UAAU,EAAE,GAAGP;IAE7B,MAAM,EAAEQ,eAAe,EAAE,GAAGP;IAC5B,MAAMQ,cAAcZ,QAAQ;QAC1B,IAAI,CAACO,QAAQ,CAACG,cAAc,CAACC,mBAAmBJ,KAAKM,MAAM,KAAK,GAAG;YACjE,OAAO;QACT;QAEA,MAAMC,QAAQb,QAAQc,gBAAgB,CAAC;YACrCJ,iBAAiBA;YACjBD,YAAYA;YACZM,WAAWT,QAAQ,EAAE;QACvB;QACA,OAAOO;IACT,GAAG;QAACP;QAAMG;QAAYC;KAAgB;IAEtC,MAAMM,kBAAkBjB,QAAQ;QAC9B,OAAOC,QAAQgB,eAAe,CAACL;IACjC,GAAG;QAACA;KAAY;IAEhB,MAAM;IACN,MAAMM,MAAMlB,QAAuB;QACjC,IAAI,CAACO,QAAQA,KAAKM,MAAM,IAAI,GAAG,OAAO;QACtC,IAAIM,cAAcd;QAClB,2DAA2D;QAE3D,IAAK,IAAIe,QAAQ,GAAGA,QAAQb,KAAKM,MAAM,EAAEO,QAAS;YAChD,MAAMC,OAAOd,IAAI,CAACa,MAAM;YACxBD,cAAcA,YAAYG,GAAG,CAACD,KAAKE,EAAE;QACvC;QAEA,OAAOtB,QAAQuB,GAAG,CAAC;YACjBC,cAAcN,YAAYO,QAAQ;YAClCC,mBAAmBnB,WAAWoB,QAAQ;QACxC;IACF,GAAG;QAACrB;QAAMC;KAAW;IAErB,OAAO;QAAEI;QAAaK;QAAiBC;IAAI;AAC7C,EAAE"}

package/esm/orderly/useMarkPrice.js

@@ -1,19 +1,21 @@
 import { useEffect, useState } from "react";
 import { useWS } from "../useWS";
 // import useSWRSubscription from "swr/subscription";
-export const useMarkPrice = (symbol) => {
+export const useMarkPrice = (symbol)=>{
     const ws = useWS();
     const [price, setPrice] = useState(0);
-    useEffect(() => {
+    useEffect(()=>{
         const unsubscribe = ws.subscribe(`${symbol}@markprice`, {
-            onMessage: (message) => {
+            onMessage: (message)=>{
                 setPrice(message.price);
-            },
+            }
         });
-        return () => {
+        return ()=>{
             unsubscribe?.();
         };
-    }, [symbol]);
+    }, [
+        symbol
+    ]);
     // return useSWRSubscription(`${symbol}@markprice`, (key, { next }) => {
     //   const unsubscribe = ws.subscribe(`${symbol}@markprice`, {
     //     onMessage: (message: any) => {
@@ -25,5 +27,9 @@ export const useMarkPrice = (symbol) => {
     //     unsubscribe?.();
     //   };
     // });
-    return { data: price };
+    return {
+        data: price
+    };
 };
+
+//# sourceMappingURL=useMarkPrice.js.map

package/esm/orderly/useMarkPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useMarkPrice.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useWS } from \"../useWS\";\n// import useSWRSubscription from \"swr/subscription\";\n\nexport const useMarkPrice = (symbol: string) => {\n  const ws = useWS();\n  const [price, setPrice] = useState(0);\n\n  useEffect(() => {\n    const unsubscribe = ws.subscribe(`${symbol}@markprice`, {\n      onMessage: (message: any) => {\n        setPrice(message.price);\n      },\n    });\n\n    return () => {\n      unsubscribe?.();\n    };\n  }, [symbol]);\n\n  // return useSWRSubscription(`${symbol}@markprice`, (key, { next }) => {\n  //   const unsubscribe = ws.subscribe(`${symbol}@markprice`, {\n  //     onMessage: (message: any) => {\n  //       next(null, message.price);\n  //     },\n  //   });\n\n  //   return () => {\n  //     // console.log(\"_____________________ unsubscribe _________ \", symbol);\n  //     unsubscribe?.();\n  //   };\n  // });\n\n  return { data: price };\n};\n"],"names":["useEffect","useState","useWS","useMarkPrice","symbol","ws","price","setPrice","unsubscribe","subscribe","onMessage","message","data"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,KAAK,QAAQ,WAAW;AACjC,qDAAqD;AAErD,OAAO,MAAMC,eAAe,CAACC;IAC3B,MAAMC,KAAKH;IACX,MAAM,CAACI,OAAOC,SAAS,GAAGN,SAAS;IAEnCD,UAAU;QACR,MAAMQ,cAAcH,GAAGI,SAAS,CAAC,CAAC,EAAEL,OAAO,UAAU,CAAC,EAAE;YACtDM,WAAW,CAACC;gBACVJ,SAASI,QAAQL,KAAK;YACxB;QACF;QAEA,OAAO;YACLE;QACF;IACF,GAAG;QAACJ;KAAO;IAEX,wEAAwE;IACxE,8DAA8D;IAC9D,qCAAqC;IACrC,mCAAmC;IACnC,SAAS;IACT,QAAQ;IAER,mBAAmB;IACnB,8EAA8E;IAC9E,uBAAuB;IACvB,OAAO;IACP,MAAM;IAEN,OAAO;QAAEQ,MAAMN;IAAM;AACvB,EAAE"}

package/esm/orderly/useMarkPricesStream.d.ts

@@ -1,2 +1,2 @@
-export declare const useMarkPricesStream: () => import("swr/subscription").SWRSubscriptionResponse<any, any>;
+export declare const useMarkPricesStream: () => import("swr/subscription").SWRSubscriptionResponse<Record<string, number>, any>;
 //# sourceMappingURL=useMarkPricesStream.d.ts.map

package/esm/orderly/useMarkPricesStream.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMarkPricesStream.d.ts","sourceRoot":"","sources":["../../src/orderly/useMarkPricesStream.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,oEA4B/B,CAAC"}
+{"version":3,"file":"useMarkPricesStream.d.ts","sourceRoot":"","sources":["../../src/orderly/useMarkPricesStream.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,uFAkC/B,CAAC"}

package/esm/orderly/useMarkPricesStream.js

@@ -1,14 +1,13 @@
 import useSWRSubscription from "swr/subscription";
 import { useWS } from "../useWS";
-export const useMarkPricesStream = () => {
+export const useMarkPricesStream = ()=>{
     const ws = useWS();
-    return useSWRSubscription("markPrices", (key, { next }) => {
-        const unsubscribe = ws.subscribe(
-        // { event: "subscribe", topic: "markprices" },
+    return useSWRSubscription("markPrices", (key, { next })=>{
+        const unsubscribe = ws.subscribe(// { event: "subscribe", topic: "markprices" },
         "markprices", {
-            onMessage: (message) => {
+            onMessage: (message)=>{
                 const data = Object.create(null);
-                for (let index = 0; index < message.length; index++) {
+                for(let index = 0; index < message.length; index++){
                     const element = message[index];
                     data[element.symbol] = element.price;
                 }
@@ -17,10 +16,12 @@ export const useMarkPricesStream = () => {
             // onUnsubscribe: () => {
             //   return "markprices";
             // },
-            onError: (error) => { },
+            onError: (error)=>{}
         });
-        return () => {
+        return ()=>{
             unsubscribe?.();
         };
     });
 };
+
+//# sourceMappingURL=useMarkPricesStream.js.map

package/esm/orderly/useMarkPricesStream.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useMarkPricesStream.ts"],"sourcesContent":["import useSWRSubscription, { SWRSubscriptionOptions } from \"swr/subscription\";\nimport { useWS } from \"../useWS\";\n\nexport const useMarkPricesStream = () => {\n  const ws = useWS();\n  return useSWRSubscription<Record<string, number>>(\n    \"markPrices\",\n    (\n      key: string,\n      { next }: SWRSubscriptionOptions<Record<string, number>, any>\n    ) => {\n      const unsubscribe = ws.subscribe(\n        // { event: \"subscribe\", topic: \"markprices\" },\n        \"markprices\",\n        {\n          onMessage: (message: any) => {\n            const data: Record<string, number> = Object.create(null);\n\n            for (let index = 0; index < message.length; index++) {\n              const element = message[index];\n              data[element.symbol] = element.price;\n            }\n\n            next(null, data);\n          },\n          // onUnsubscribe: () => {\n          //   return \"markprices\";\n          // },\n          onError: (error: any) => {},\n        }\n      );\n\n      return () => {\n        unsubscribe?.();\n      };\n    }\n  );\n};\n"],"names":["useSWRSubscription","useWS","useMarkPricesStream","ws","key","next","unsubscribe","subscribe","onMessage","message","data","Object","create","index","length","element","symbol","price","onError","error"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,wBAAoD,mBAAmB;AAC9E,SAASC,KAAK,QAAQ,WAAW;AAEjC,OAAO,MAAMC,sBAAsB;IACjC,MAAMC,KAAKF;IACX,OAAOD,mBACL,cACA,CACEI,KACA,EAAEC,IAAI,EAAuD;QAE7D,MAAMC,cAAcH,GAAGI,SAAS,CAC9B,+CAA+C;QAC/C,cACA;YACEC,WAAW,CAACC;gBACV,MAAMC,OAA+BC,OAAOC,MAAM,CAAC;gBAEnD,IAAK,IAAIC,QAAQ,GAAGA,QAAQJ,QAAQK,MAAM,EAAED,QAAS;oBACnD,MAAME,UAAUN,OAAO,CAACI,MAAM;oBAC9BH,IAAI,CAACK,QAAQC,MAAM,CAAC,GAAGD,QAAQE,KAAK;gBACtC;gBAEAZ,KAAK,MAAMK;YACb;YACA,yBAAyB;YACzB,yBAAyB;YACzB,KAAK;YACLQ,SAAS,CAACC,SAAgB;QAC5B;QAGF,OAAO;YACLb;QACF;IACF;AAEJ,EAAE"}

package/esm/orderly/useMarketTradeStream.js

@@ -1,6 +1,6 @@
 import { useWS } from "../useWS";
 import { useEffect, useState } from "react";
-export const useMarketTradeStream = (symbol, options = {}) => {
+export const useMarketTradeStream = (symbol, options = {})=>{
     if (!symbol) {
         throw new Error("useTradeStream: symbol is required");
     }
@@ -8,44 +8,59 @@ export const useMarketTradeStream = (symbol, options = {}) => {
     const [isLoading, setIsLoading] = useState(false);
     const { limit = 50 } = options;
     const ws = useWS();
-    useEffect(() => {
+    useEffect(()=>{
         setIsLoading(true);
-        setTrades(() => []);
+        setTrades(()=>[]);
         ws.onceSubscribe({
             id: `${symbol}@trade`,
             event: "request",
             params: {
                 type: "trade",
                 symbol: symbol,
-                limit,
-            },
+                limit
+            }
         }, {
-            onMessage: (data) => {
+            onMessage: (data)=>{
                 setIsLoading(false);
-                setTrades(() => data);
-            },
+                setTrades(()=>data);
+            }
         });
-    }, [symbol]);
-    useEffect(() => {
+    }, [
+        symbol
+    ]);
+    useEffect(()=>{
         const unsubscript = ws.subscribe({
             id: `${symbol}@trade`,
             event: "subscribe",
             topic: `${symbol}@trade`,
-            ts: Date.now(),
+            ts: Date.now()
         }, {
-            onMessage: (data) => {
-                setTrades((prev) => {
-                    const arr = [{ ...data, ts: Date.now() }, ...prev];
+            onMessage: (data)=>{
+                setTrades((prev)=>{
+                    const arr = [
+                        {
+                            ...data,
+                            ts: Date.now()
+                        },
+                        ...prev
+                    ];
                     if (arr.length > limit) {
                         arr.pop();
                     }
                     return arr;
                 });
-            },
+            }
         });
-        return () => {
+        return ()=>{
             unsubscript?.();
         };
-    }, [symbol]);
-    return { data: trades, isLoading };
+    }, [
+        symbol
+    ]);
+    return {
+        data: trades,
+        isLoading
+    };
 };
+
+//# sourceMappingURL=useMarketTradeStream.js.map

package/esm/orderly/useMarketTradeStream.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orderly/useMarketTradeStream.ts"],"sourcesContent":["import { API } from \"@orderly.network/types\";\nimport { useWS } from \"../useWS\";\nimport { useEffect, useState } from \"react\";\n\nexport interface MarketTradeStreamOptions {\n  limit?: number;\n}\n\nexport const useMarketTradeStream = (\n  symbol: string,\n  options: MarketTradeStreamOptions = {}\n) => {\n  if (!symbol) {\n    throw new Error(\"useTradeStream: symbol is required\");\n  }\n\n  const [trades, setTrades] = useState<API.Trade[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const { limit = 50 } = options;\n\n  const ws = useWS();\n\n  useEffect(() => {\n    setIsLoading(true);\n    setTrades(() => []);\n    ws.onceSubscribe(\n      {\n        id: `${symbol}@trade`,\n        event: \"request\",\n        params: {\n          type: \"trade\",\n          symbol: symbol,\n          limit,\n        },\n      },\n      {\n        onMessage: (data: any) => {\n          setIsLoading(false);\n          setTrades(() => data);\n        },\n      }\n    );\n  }, [symbol]);\n\n  useEffect(() => {\n    const unsubscript = ws.subscribe(\n      {\n        id: `${symbol}@trade`,\n        event: \"subscribe\",\n        topic: `${symbol}@trade`,\n        ts: Date.now(),\n      },\n      {\n        onMessage: (data: any) => {\n          setTrades((prev) => {\n            const arr = [{ ...data, ts: Date.now() }, ...prev];\n            if (arr.length > limit) {\n              arr.pop();\n            }\n            return arr;\n          });\n        },\n      }\n    );\n\n    return () => {\n      unsubscript?.();\n    };\n  }, [symbol]);\n\n  return { data: trades, isLoading };\n};\n"],"names":["useWS","useEffect","useState","useMarketTradeStream","symbol","options","Error","trades","setTrades","isLoading","setIsLoading","limit","ws","onceSubscribe","id","event","params","type","onMessage","data","unsubscript","subscribe","topic","ts","Date","now","prev","arr","length","pop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,KAAK,QAAQ,WAAW;AACjC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAM5C,OAAO,MAAMC,uBAAuB,CAClCC,QACAC,UAAoC,CAAC,CAAC;IAEtC,IAAI,CAACD,QAAQ;QACX,MAAM,IAAIE,MAAM;IAClB;IAEA,MAAM,CAACC,QAAQC,UAAU,GAAGN,SAAsB,EAAE;IACpD,MAAM,CAACO,WAAWC,aAAa,GAAGR,SAAkB;IAEpD,MAAM,EAAES,QAAQ,EAAE,EAAE,GAAGN;IAEvB,MAAMO,KAAKZ;IAEXC,UAAU;QACRS,aAAa;QACbF,UAAU,IAAM,EAAE;QAClBI,GAAGC,aAAa,CACd;YACEC,IAAI,CAAC,EAAEV,OAAO,MAAM,CAAC;YACrBW,OAAO;YACPC,QAAQ;gBACNC,MAAM;gBACNb,QAAQA;gBACRO;YACF;QACF,GACA;YACEO,WAAW,CAACC;gBACVT,aAAa;gBACbF,UAAU,IAAMW;YAClB;QACF;IAEJ,GAAG;QAACf;KAAO;IAEXH,UAAU;QACR,MAAMmB,cAAcR,GAAGS,SAAS,CAC9B;YACEP,IAAI,CAAC,EAAEV,OAAO,MAAM,CAAC;YACrBW,OAAO;YACPO,OAAO,CAAC,EAAElB,OAAO,MAAM,CAAC;YACxBmB,IAAIC,KAAKC,GAAG;QACd,GACA;YACEP,WAAW,CAACC;gBACVX,UAAU,CAACkB;oBACT,MAAMC,MAAM;wBAAC;4BAAE,GAAGR,IAAI;4BAAEI,IAAIC,KAAKC,GAAG;wBAAG;2BAAMC;qBAAK;oBAClD,IAAIC,IAAIC,MAAM,GAAGjB,OAAO;wBACtBgB,IAAIE,GAAG;oBACT;oBACA,OAAOF;gBACT;YACF;QACF;QAGF,OAAO;YACLP;QACF;IACF,GAAG;QAAChB;KAAO;IAEX,OAAO;QAAEe,MAAMZ;QAAQE;IAAU;AACnC,EAAE"}