@orderly.network/hooks 1.2.0 → 1.3.2

package/esm/useMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useMutation.ts"],"sourcesContent":["import useSWRMutation, {\n  TriggerWithOptionsArgs,\n  type SWRMutationConfiguration,\n  TriggerWithoutArgs,\n} from \"swr/mutation\";\nimport { mutate } from \"@orderly.network/net\";\nimport {\n  type MessageFactor,\n  type SignedMessagePayload,\n} from \"@orderly.network/core\";\nimport { useAccountInstance } from \"./useAccountInstance\";\nimport { useConfig } from \"./useConfig\";\n\ntype HTTP_METHOD = \"POST\" | \"PUT\" | \"DELETE\";\n\nconst fetcher = (\n  url: string,\n  options: {\n    arg: {\n      data?: any;\n      params?: any;\n      method: HTTP_METHOD;\n      signature: SignedMessagePayload;\n    };\n  }\n) => {\n  const init: RequestInit = {\n    method: options.arg.method,\n    headers: {\n      ...options.arg.signature,\n    },\n  };\n\n  if (options.arg.data) {\n    init.body = JSON.stringify(options.arg.data);\n  }\n\n  if (\n    typeof options.arg.params === \"object\" &&\n    Object.keys(options.arg.params).length\n  ) {\n    let search = new URLSearchParams(options.arg.params);\n    url = `${url}?${search.toString()}`;\n  }\n\n  return mutate(url, init);\n};\n\n/**\n * This hook is used to execute API requests for data mutation, such as POST, DELETE, PUT, etc.\n */\nexport const useMutation = <T, E>(\n  /**\n   * The URL to send the request to. If the URL does not start with \"http\",\n   * it will be prefixed with the API base URL.\n   */\n  url: string,\n  /**\n   * The HTTP method to use for the request. Defaults to \"POST\".\n   */\n  method: HTTP_METHOD = \"POST\",\n  /**\n   * The configuration object for the mutation.\n   * @see [useSWRMutation](https://swr.vercel.app/docs/mutation#api)\n   *\n   * @link https://swr.vercel.app/docs/mutation#api\n   */\n  options?: SWRMutationConfiguration<T, E>\n) => {\n  const apiBaseUrl = useConfig(\"apiBaseUrl\");\n\n  let fullUrl = url;\n  if (!url.startsWith(\"http\")) {\n    fullUrl = `${apiBaseUrl}${url}`;\n  }\n\n  const account = useAccountInstance();\n  const signer = account.signer;\n  const { trigger, data, error, reset, isMutating } = useSWRMutation(\n    fullUrl,\n    // method === \"POST\" ? fetcher : deleteFetcher,\n    fetcher,\n    options\n  );\n\n  const mutation = async (\n    /**\n     * The data to send with the request.\n     */\n    data: Record<string, any> | null,\n    /**\n     * The query parameters to send with the request.\n     */\n    params?: Record<string, any>,\n    options?: SWRMutationConfiguration<T, E>\n  ): Promise<any> => {\n    let newUrl = url;\n    if (typeof params === \"object\" && Object.keys(params).length) {\n      let search = new URLSearchParams(params);\n      newUrl = `${url}?${search.toString()}`;\n    }\n\n    const payload: MessageFactor = {\n      method,\n      url: newUrl,\n      data,\n    };\n\n    const signature = await signer.sign(payload);\n\n    return trigger(\n      {\n        data,\n        params,\n        method,\n        signature: {\n          ...signature,\n          \"orderly-account-id\": account.accountId,\n        },\n      },\n      options\n    );\n  };\n\n  return [\n    mutation,\n    {\n      data,\n      error,\n      reset,\n      isMutating,\n    },\n  ] as const;\n};\n"],"names":["useSWRMutation","mutate","useAccountInstance","useConfig","fetcher","url","options","init","method","arg","headers","signature","data","body","JSON","stringify","params","Object","keys","length","search","URLSearchParams","toString","useMutation","apiBaseUrl","fullUrl","startsWith","account","signer","trigger","error","reset","isMutating","mutation","newUrl","payload","sign","accountId"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,oBAIA,eAAe;AACtB,SAASC,MAAM,QAAQ,uBAAuB;AAK9C,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,SAAS,QAAQ,cAAc;AAIxC,MAAMC,UAAU,CACdC,KACAC;IASA,MAAMC,OAAoB;QACxBC,QAAQF,QAAQG,GAAG,CAACD,MAAM;QAC1BE,SAAS;YACP,GAAGJ,QAAQG,GAAG,CAACE,SAAS;QAC1B;IACF;IAEA,IAAIL,QAAQG,GAAG,CAACG,IAAI,EAAE;QACpBL,KAAKM,IAAI,GAAGC,KAAKC,SAAS,CAACT,QAAQG,GAAG,CAACG,IAAI;IAC7C;IAEA,IACE,OAAON,QAAQG,GAAG,CAACO,MAAM,KAAK,YAC9BC,OAAOC,IAAI,CAACZ,QAAQG,GAAG,CAACO,MAAM,EAAEG,MAAM,EACtC;QACA,IAAIC,SAAS,IAAIC,gBAAgBf,QAAQG,GAAG,CAACO,MAAM;QACnDX,MAAM,CAAC,EAAEA,IAAI,CAAC,EAAEe,OAAOE,QAAQ,GAAG,CAAC;IACrC;IAEA,OAAOrB,OAAOI,KAAKE;AACrB;AAEA;;CAEC,GACD,OAAO,MAAMgB,cAAc,CACzB;;;GAGC,GACDlB,KACA;;GAEC,GACDG,SAAsB,MAAM,EAC5B;;;;;GAKC,GACDF;IAEA,MAAMkB,aAAarB,UAAU;IAE7B,IAAIsB,UAAUpB;IACd,IAAI,CAACA,IAAIqB,UAAU,CAAC,SAAS;QAC3BD,UAAU,CAAC,EAAED,WAAW,EAAEnB,IAAI,CAAC;IACjC;IAEA,MAAMsB,UAAUzB;IAChB,MAAM0B,SAASD,QAAQC,MAAM;IAC7B,MAAM,EAAEC,OAAO,EAAEjB,IAAI,EAAEkB,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGhC,eAClDyB,SACA,+CAA+C;IAC/CrB,SACAE;IAGF,MAAM2B,WAAW,OACf;;KAEC,GACDrB,MACA;;KAEC,GACDI,QACAV;QAEA,IAAI4B,SAAS7B;QACb,IAAI,OAAOW,WAAW,YAAYC,OAAOC,IAAI,CAACF,QAAQG,MAAM,EAAE;YAC5D,IAAIC,SAAS,IAAIC,gBAAgBL;YACjCkB,SAAS,CAAC,EAAE7B,IAAI,CAAC,EAAEe,OAAOE,QAAQ,GAAG,CAAC;QACxC;QAEA,MAAMa,UAAyB;YAC7B3B;YACAH,KAAK6B;YACLtB;QACF;QAEA,MAAMD,YAAY,MAAMiB,OAAOQ,IAAI,CAACD;QAEpC,OAAON,QACL;YACEjB;YACAI;YACAR;YACAG,WAAW;gBACT,GAAGA,SAAS;gBACZ,sBAAsBgB,QAAQU,SAAS;YACzC;QACF,GACA/B;IAEJ;IAEA,OAAO;QACL2B;QACA;YACErB;YACAkB;YACAC;YACAC;QACF;KACD;AACH,EAAE"}

package/esm/useObserve.js

@@ -1,8 +1,8 @@
 export var Subjects;
-(function (Subjects) {
+(function(Subjects) {
     Subjects["Orders"] = "orders";
     Subjects["Positions"] = "positions";
 })(Subjects || (Subjects = {}));
-export const useObserve = (key, initialValue
-// @ts-ignore
-) => { };
+export const useObserve = (key, initialValue)=>{};
+
+//# sourceMappingURL=useObserve.js.map

package/esm/useObserve.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useObserve.ts"],"sourcesContent":["import { useState } from \"react\";\n\nexport enum Subjects {\n  Orders = \"orders\",\n  Positions = \"positions\",\n}\n\nexport const useObserve = <T>(\n  key: string,\n  initialValue: T\n  // @ts-ignore\n): [T, (value: T) => void] => {};\n"],"names":["Subjects","useObserve","key","initialValue"],"rangeMappings":";;;;;","mappings":";UAEYA;;;GAAAA,aAAAA;AAKZ,OAAO,MAAMC,aAAa,CACxBC,KACAC,gBAE6B,EAAE"}

package/esm/useParamsCheck.js

@@ -1,14 +1,12 @@
 import { useEffect } from "react";
-export const useParamsCheck = (params) => {
-    useEffect(() => {
+export const useParamsCheck = (params)=>{
+    useEffect(()=>{
         if (!params.brokerId || params.brokerId === "orderly") {
-            console.warn("WARNING:" +
-                "\n" +
-                "========================" +
-                "\n" +
-                "[OrderlyConfigProvider]: please provide your brokerId" +
-                "\n" +
-                "========================");
+            ;
         }
-    }, [params.brokerId]);
+    }, [
+        params.brokerId
+    ]);
 };
+
+//# sourceMappingURL=useParamsCheck.js.map

package/esm/useParamsCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useParamsCheck.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useParamsCheck = (params: { brokerId?: string }) => {\n  useEffect(() => {\n    if (!params.brokerId || params.brokerId === \"orderly\") {\n      console.warn(\n        \"WARNING:\" +\n          \"\\n\" +\n          \"========================\" +\n          \"\\n\" +\n          \"[OrderlyConfigProvider]: please provide your brokerId\" +\n          \"\\n\" +\n          \"========================\"\n      );\n    }\n  }, [params.brokerId]);\n};\n"],"names":["useEffect","useParamsCheck","params","brokerId"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAElC,OAAO,MAAMC,iBAAiB,CAACC;IAC7BF,UAAU;QACR,IAAI,CAACE,OAAOC,QAAQ,IAAID,OAAOC,QAAQ,KAAK,WAAW;;QAUvD;IACF,GAAG;QAACD,OAAOC,QAAQ;KAAC;AACtB,EAAE"}

package/esm/usePoster.js

@@ -14,52 +14,59 @@ import { SDKError } from "@orderly.network/types";
  * profitColor: "rgb(0,181,159)",
  * ...
  * });
- */
-export const usePoster = (
-/**
- * The options to draw the poster
- */
-data, options) => {
+ */ export const usePoster = (/**
+   * The options to draw the poster
+   */ data, options)=>{
     const [error, setError] = useState(null);
-    const [canCopy, setCanCopy] = useState(() => typeof navigator.clipboard !== "undefined");
+    const [canCopy, setCanCopy] = useState(()=>typeof navigator.clipboard !== "undefined");
     const painterRef = useRef(null);
     const [target, setTarget] = useState(null);
-    useEffect(() => {
+    useEffect(()=>{
         // Create the painter instance
         if (target && !painterRef.current) {
             painterRef.current = new PosterPainter(target, {
                 ratio: 1,
-                ...options,
+                ...options
             });
-            painterRef.current.draw(mergeDeepRight({ layout: DefaultLayoutConfig, fontFamily: "Manrope" }, data));
+            painterRef.current.draw(mergeDeepRight({
+                layout: DefaultLayoutConfig,
+                fontFamily: "Manrope"
+            }, data));
         }
-    }, [target]);
-    useEffect(() => {
+    }, [
+        target
+    ]);
+    useEffect(()=>{
         if (painterRef.current) {
-            painterRef.current.draw(mergeDeepRight({ layout: DefaultLayoutConfig, fontFamily: "Manrope" }, data));
+            painterRef.current.draw(mergeDeepRight({
+                layout: DefaultLayoutConfig,
+                fontFamily: "Manrope"
+            }, data));
         }
-    }, [data]);
-    const toDataURL = (type, encoderOptions) => {
+    }, [
+        data
+    ]);
+    const toDataURL = (type, encoderOptions)=>{
         if (!target) {
             throw new SDKError("The ref must be a canvas element");
         }
         return target.toDataURL(type, encoderOptions);
     };
     /**
-     * Converts the poster to a blob
-     */
-    const toBlob = useCallback((type, encoderOptions) => {
-        return new Promise((resolve) => {
+   * Converts the poster to a blob
+   */ const toBlob = useCallback((type, encoderOptions)=>{
+        return new Promise((resolve)=>{
             if (!target) {
                 resolve(null);
                 return;
             }
             target.toBlob(resolve, type, encoderOptions);
         });
-    }, [target]);
-    const ref = (ref) => {
-        if (!ref)
-            return;
+    }, [
+        target
+    ]);
+    const ref = (ref)=>{
+        if (!ref) return;
         if (ref.tagName.toUpperCase() !== "CANVAS") {
             // throw new Error("The ref must be a canvas element");
             setError(new SDKError("The ref must be a canvas element"));
@@ -67,7 +74,7 @@ data, options) => {
         }
         setTarget(ref);
     };
-    const download = useCallback((filename, type = "image/png", encoderOptions) => {
+    const download = useCallback((filename, type = "image/png", encoderOptions)=>{
         if (!target) {
             throw new SDKError("The ref must be a canvas element");
         }
@@ -77,47 +84,51 @@ data, options) => {
         link.href = img.src;
         link.download = filename;
         link.click();
-    }, [target]);
-    const copy = useCallback(() => {
+    }, [
+        target
+    ]);
+    const copy = useCallback(()=>{
         if (!target) {
             throw new SDKError("The ref must be a canvas element");
         }
         // copy image to clipboard
-        return new Promise((resolve, reject) => {
+        return new Promise((resolve, reject)=>{
             if (!navigator.clipboard) {
                 reject(new SDKError("Clipboard API is not supported"));
                 return;
             }
-            target.toBlob((blob) => {
+            target.toBlob((blob)=>{
                 if (!blob) {
                     reject(new SDKError("Failed to create blob"));
                     return;
                 }
-                return navigator.clipboard
-                    .write([new ClipboardItem({ [blob.type]: blob })])
-                    .then(resolve, reject);
+                return navigator.clipboard.write([
+                    new ClipboardItem({
+                        [blob.type]: blob
+                    })
+                ]).then(resolve, reject);
             });
         });
-    }, [target]);
+    }, [
+        target
+    ]);
     return {
         error,
         ref,
         /**
-         * Converts the poster to a data URL
-         */
-        toDataURL,
+     * Converts the poster to a data URL
+     */ toDataURL,
         /**
-         * Converts the poster to a blob
-         */
-        toBlob,
+     * Converts the poster to a blob
+     */ toBlob,
         /**
-         * Downloads the poster as an image
-         */
-        download,
+     * Downloads the poster as an image
+     */ download,
         /**
-         * Browser if supports copy image to clipboard
-         */
-        canCopy,
-        copy,
+     * Browser if supports copy image to clipboard
+     */ canCopy,
+        copy
     };
 };
+
+//# sourceMappingURL=usePoster.js.map

package/esm/usePoster.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/usePoster.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { mergeDeepRight } from \"ramda\";\nimport { PosterPainter } from \"./services/painter/painter\";\nimport { type DrawOptions } from \"./services/painter/basePaint\";\nimport { DefaultLayoutConfig } from \"./services/painter/layout.config\";\nimport { SDKError } from \"@orderly.network/types\";\n\n/**\n * Generates a poster image based on position information. You can set the size, background color, font color, font size, and content position of the poster.\n * @example\n * ```tsx\n * const { ref, toDataURL, toBlob, download, copy } = usePoster({\n *  backgroundColor: \"#0b8c70\",\n * backgroundImg: \"/images/poster_bg.png\",\n * color: \"rgba(255, 255, 255, 0.98)\",\n * profitColor: \"rgb(0,181,159)\",\n * ...\n * });\n */\nexport const usePoster = (\n  /**\n   * The options to draw the poster\n   */\n  data: DrawOptions,\n  options?: {\n    /**\n     * The ratio of the poster\n     */\n    ratio?: number;\n  }\n) => {\n  const [error, setError] = useState<Error | null>(null);\n  const [canCopy, setCanCopy] = useState<boolean>(\n    () => typeof navigator.clipboard !== \"undefined\"\n  );\n\n  const painterRef = useRef<PosterPainter | null>(null);\n\n  const [target, setTarget] = useState<HTMLCanvasElement | null>(null);\n\n  useEffect(() => {\n    // Create the painter instance\n    if (target && !painterRef.current) {\n      painterRef.current = new PosterPainter(target, {\n        ratio: 1,\n        ...options,\n      });\n      painterRef.current.draw(\n        mergeDeepRight<Partial<DrawOptions>, DrawOptions>(\n          { layout: DefaultLayoutConfig, fontFamily: \"Manrope\" },\n          data\n        )\n      );\n    }\n  }, [target]);\n\n  useEffect(() => {\n    if (painterRef.current) {\n      painterRef.current.draw(\n        mergeDeepRight<Partial<DrawOptions>, DrawOptions>(\n          { layout: DefaultLayoutConfig, fontFamily: \"Manrope\" },\n          data\n        )\n      );\n    }\n  }, [data]);\n\n  const toDataURL = (type?: string, encoderOptions?: number) => {\n    if (!target) {\n      throw new SDKError(\"The ref must be a canvas element\");\n    }\n    return target.toDataURL(type, encoderOptions);\n  };\n\n  /**\n   * Converts the poster to a blob\n   */\n  const toBlob = useCallback(\n    (type?: string, encoderOptions?: number): Promise<Blob | null> => {\n      return new Promise<Blob | null>((resolve) => {\n        if (!target) {\n          resolve(null);\n          return;\n        }\n        target.toBlob(resolve, type, encoderOptions);\n      });\n    },\n    [target]\n  );\n\n  const ref = (ref: HTMLCanvasElement | null) => {\n    if (!ref) return;\n    if (ref.tagName.toUpperCase() !== \"CANVAS\") {\n      // throw new Error(\"The ref must be a canvas element\");\n      setError(new SDKError(\"The ref must be a canvas element\"));\n      return;\n    }\n    setTarget(ref);\n  };\n\n  const download = useCallback(\n    (filename: string, type: string = \"image/png\", encoderOptions?: number) => {\n      if (!target) {\n        throw new SDKError(\"The ref must be a canvas element\");\n      }\n      const img = new Image();\n      img.src = target.toDataURL(type, encoderOptions);\n      const link = document.createElement(\"a\");\n      link.href = img.src;\n      link.download = filename;\n      link.click();\n    },\n    [target]\n  );\n\n  const copy = useCallback(() => {\n    if (!target) {\n      throw new SDKError(\"The ref must be a canvas element\");\n    }\n    // copy image to clipboard\n    return new Promise<void>((resolve, reject) => {\n      if (!navigator.clipboard) {\n        reject(new SDKError(\"Clipboard API is not supported\"));\n        return;\n      }\n      target.toBlob((blob) => {\n        if (!blob) {\n          reject(new SDKError(\"Failed to create blob\"));\n          return;\n        }\n        return navigator.clipboard\n          .write([new ClipboardItem({ [blob.type]: blob })])\n          .then(resolve, reject);\n      });\n    });\n  }, [target]);\n\n  return {\n    error,\n    ref,\n    /**\n     * Converts the poster to a data URL\n     */\n    toDataURL,\n    /**\n     * Converts the poster to a blob\n     */\n    toBlob,\n    /**\n     * Downloads the poster as an image\n     */\n    download,\n    /**\n     * Browser if supports copy image to clipboard\n     */\n    canCopy,\n    copy,\n  } as const;\n};\n"],"names":["useCallback","useEffect","useRef","useState","mergeDeepRight","PosterPainter","DefaultLayoutConfig","SDKError","usePoster","data","options","error","setError","canCopy","setCanCopy","navigator","clipboard","painterRef","target","setTarget","current","ratio","draw","layout","fontFamily","toDataURL","type","encoderOptions","toBlob","Promise","resolve","ref","tagName","toUpperCase","download","filename","img","Image","src","link","document","createElement","href","click","copy","reject","blob","write","ClipboardItem","then"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/esm/usePreloadData.js

@@ -1,14 +1,18 @@
 import { useMemo } from "react";
 import { useQuery } from ".";
-export const usePreLoadData = () => {
+export const usePreLoadData = ()=>{
     const { error: tokenError, data: tokenData } = useQuery("https://api-evm.orderly.org/v1/public/token", {
-        revalidateOnFocus: false,
+        revalidateOnFocus: false
     });
-    const isDone = useMemo(() => {
+    const isDone = useMemo(()=>{
         return !!tokenData;
-    }, [tokenData]);
+    }, [
+        tokenData
+    ]);
     return {
         error: tokenError,
-        done: isDone,
+        done: isDone
     };
 };
+
+//# sourceMappingURL=usePreloadData.js.map

package/esm/usePreloadData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/usePreloadData.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useQuery } from \".\";\n\nexport const usePreLoadData = () => {\n  const { error: tokenError, data: tokenData } = useQuery(\n    \"https://api-evm.orderly.org/v1/public/token\",\n    {\n      revalidateOnFocus: false,\n    }\n  );\n\n  const isDone = useMemo(() => {\n    return !!tokenData;\n  }, [tokenData]);\n\n  return {\n    error: tokenError,\n    done: isDone,\n  };\n};\n"],"names":["useMemo","useQuery","usePreLoadData","error","tokenError","data","tokenData","revalidateOnFocus","isDone","done"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,OAAO,QAAQ,QAAQ;AAChC,SAASC,QAAQ,QAAQ,IAAI;AAE7B,OAAO,MAAMC,iBAAiB;IAC5B,MAAM,EAAEC,OAAOC,UAAU,EAAEC,MAAMC,SAAS,EAAE,GAAGL,SAC7C,+CACA;QACEM,mBAAmB;IACrB;IAGF,MAAMC,SAASR,QAAQ;QACrB,OAAO,CAAC,CAACM;IACX,GAAG;QAACA;KAAU;IAEd,OAAO;QACLH,OAAOC;QACPK,MAAMD;IACR;AACF,EAAE"}

package/esm/usePrivateInfiniteQuery.js

@@ -3,23 +3,29 @@ import { signatureMiddleware } from "./middleware/signatureMiddleware";
 import { get } from "@orderly.network/net";
 import { useAccount } from "./useAccount";
 import { AccountStatusEnum } from "@orderly.network/types";
-export const usePrivateInfiniteQuery = (getKey, options) => {
+export const usePrivateInfiniteQuery = (getKey, options)=>{
     const { formatter, ...restOptions } = options || {};
     const account = useAccount();
-    const middleware = Array.isArray(restOptions?.use)
-        ? restOptions?.use ?? []
-        : [];
-    const result = useSWRInfinite((pageIndex, previousPageData) => {
+    const middleware = Array.isArray(restOptions?.use) ? restOptions?.use ?? [] : [];
+    const result = useSWRInfinite((pageIndex, previousPageData)=>{
         const queryKey = getKey(pageIndex, previousPageData);
         if (account.state.status < AccountStatusEnum.EnableTrading || !queryKey) {
             return null;
         }
-        return [queryKey, account.state.accountId];
-    }, (url, init) => {
-        return get(url, init, formatter);
+        return [
+            queryKey,
+            account.state.accountId
+        ];
+    }, (url, init)=>{
+        return restOptions.fetcher?.(url, init) || get(url, init, formatter);
     }, {
         ...restOptions,
-        use: [signatureMiddleware, ...middleware],
+        use: [
+            signatureMiddleware,
+            ...middleware
+        ]
     });
     return result;
 };
+
+//# sourceMappingURL=usePrivateInfiniteQuery.js.map

package/esm/usePrivateInfiniteQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/usePrivateInfiniteQuery.ts"],"sourcesContent":["import useSWRInfinite, {\n  type SWRInfiniteKeyLoader,\n  type SWRInfiniteConfiguration,\n} from \"swr/infinite\";\nimport { signatureMiddleware } from \"./middleware/signatureMiddleware\";\nimport { get } from \"@orderly.network/net\";\nimport { useAccount } from \"./useAccount\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\n\nexport const usePrivateInfiniteQuery = (\n  getKey: SWRInfiniteKeyLoader,\n  options?: SWRInfiniteConfiguration & {\n    formatter?: (data: any) => any;\n  }\n) => {\n  const { formatter, ...restOptions } = options || {};\n  const account = useAccount();\n\n  const middleware = Array.isArray(restOptions?.use)\n    ? restOptions?.use ?? []\n    : [];\n\n  const result = useSWRInfinite(\n    (pageIndex: number, previousPageData) => {\n      const queryKey = getKey(pageIndex, previousPageData);\n      if (account.state.status < AccountStatusEnum.EnableTrading || !queryKey) {\n        return null;\n      }\n      return [queryKey, account.state.accountId];\n    },\n    (url: string, init: RequestInit) => {\n      return restOptions.fetcher?.(url, init) || get(url, init, formatter);\n    },\n    {\n      ...restOptions,\n      use: [signatureMiddleware, ...middleware],\n    }\n  );\n\n  return result;\n};\n"],"names":["useSWRInfinite","signatureMiddleware","get","useAccount","AccountStatusEnum","usePrivateInfiniteQuery","getKey","options","formatter","restOptions","account","middleware","Array","isArray","use","result","pageIndex","previousPageData","queryKey","state","status","EnableTrading","accountId","url","init","fetcher"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,oBAGA,eAAe;AACtB,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,GAAG,QAAQ,uBAAuB;AAC3C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,iBAAiB,QAAQ,yBAAyB;AAE3D,OAAO,MAAMC,0BAA0B,CACrCC,QACAC;IAIA,MAAM,EAAEC,SAAS,EAAE,GAAGC,aAAa,GAAGF,WAAW,CAAC;IAClD,MAAMG,UAAUP;IAEhB,MAAMQ,aAAaC,MAAMC,OAAO,CAACJ,aAAaK,OAC1CL,aAAaK,OAAO,EAAE,GACtB,EAAE;IAEN,MAAMC,SAASf,eACb,CAACgB,WAAmBC;QAClB,MAAMC,WAAWZ,OAAOU,WAAWC;QACnC,IAAIP,QAAQS,KAAK,CAACC,MAAM,GAAGhB,kBAAkBiB,aAAa,IAAI,CAACH,UAAU;YACvE,OAAO;QACT;QACA,OAAO;YAACA;YAAUR,QAAQS,KAAK,CAACG,SAAS;SAAC;IAC5C,GACA,CAACC,KAAaC;QACZ,OAAOf,YAAYgB,OAAO,GAAGF,KAAKC,SAAStB,IAAIqB,KAAKC,MAAMhB;IAC5D,GACA;QACE,GAAGC,WAAW;QACdK,KAAK;YAACb;eAAwBU;SAAW;IAC3C;IAGF,OAAOI;AACT,EAAE"}

package/esm/usePrivateQuery.js

@@ -8,19 +8,26 @@ import { AccountStatusEnum } from "@orderly.network/types";
  * @description for private api
  * @param query
  * @param options
- */
-export const usePrivateQuery = (query, options) => {
+ */ export const usePrivateQuery = (query, options)=>{
     const { formatter, ...swrOptions } = options || {};
     const account = useAccount();
     const middleware = Array.isArray(options?.use) ? options?.use ?? [] : [];
     // @ts-ignore
-    return useSWR(() => account.state.status >= AccountStatusEnum.EnableTrading
-        ? [query, account.state.accountId]
-        : null, (url, init) => {
-        return fetcher(url, init, { formatter });
+    return useSWR(()=>account.state.status >= AccountStatusEnum.EnableTrading ? [
+            query,
+            account.state.accountId
+        ] : null, (url, init)=>{
+        return fetcher(url, init, {
+            formatter
+        });
     }, {
         ...swrOptions,
-        use: [signatureMiddleware, ...middleware],
-        onError: (err) => { },
+        use: [
+            signatureMiddleware,
+            ...middleware
+        ],
+        onError: (err)=>{}
     });
 };
+
+//# sourceMappingURL=usePrivateQuery.js.map

package/esm/usePrivateQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/usePrivateQuery.ts"],"sourcesContent":["import useSWR, { SWRResponse } from \"swr\";\nimport { signatureMiddleware } from \"./middleware/signatureMiddleware\";\nimport { fetcher, useQueryOptions } from \"./utils/fetcher\";\nimport { useAccount } from \"./useAccount\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\n\n/**\n * usePrivateQuery\n * @description for private api\n * @param query\n * @param options\n */\nexport const usePrivateQuery = <T>(\n  query: string,\n  options?: useQueryOptions<T>\n): SWRResponse<T> => {\n  const { formatter, ...swrOptions } = options || {};\n  const account = useAccount();\n  const middleware = Array.isArray(options?.use) ? options?.use ?? [] : [];\n\n  // @ts-ignore\n  return useSWR<T>(\n    () =>\n      account.state.status >= AccountStatusEnum.EnableTrading\n        ? [query, account.state.accountId]\n        : null,\n    (url: string, init: RequestInit) => {\n      return fetcher(url, init, { formatter });\n    },\n    {\n      ...swrOptions,\n      use: [signatureMiddleware, ...middleware],\n      onError: (err) => {},\n    }\n  );\n};\n"],"names":["useSWR","signatureMiddleware","fetcher","useAccount","AccountStatusEnum","usePrivateQuery","query","options","formatter","swrOptions","account","middleware","Array","isArray","use","state","status","EnableTrading","accountId","url","init","onError","err"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,YAA6B,MAAM;AAC1C,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,OAAO,QAAyB,kBAAkB;AAC3D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,iBAAiB,QAAQ,yBAAyB;AAE3D;;;;;CAKC,GACD,OAAO,MAAMC,kBAAkB,CAC7BC,OACAC;IAEA,MAAM,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGF,WAAW,CAAC;IACjD,MAAMG,UAAUP;IAChB,MAAMQ,aAAaC,MAAMC,OAAO,CAACN,SAASO,OAAOP,SAASO,OAAO,EAAE,GAAG,EAAE;IAExE,aAAa;IACb,OAAOd,OACL,IACEU,QAAQK,KAAK,CAACC,MAAM,IAAIZ,kBAAkBa,aAAa,GACnD;YAACX;YAAOI,QAAQK,KAAK,CAACG,SAAS;SAAC,GAChC,MACN,CAACC,KAAaC;QACZ,OAAOlB,QAAQiB,KAAKC,MAAM;YAAEZ;QAAU;IACxC,GACA;QACE,GAAGC,UAAU;QACbK,KAAK;YAACb;eAAwBU;SAAW;QACzCU,SAAS,CAACC,OAAS;IACrB;AAEJ,EAAE"}

package/esm/useQuery.js

@@ -6,15 +6,16 @@ import { useConfig } from "./useConfig";
  * @description for public api
  * @param query
  * @param options
- */
-export const useQuery = (query, options) => {
+ */ export const useQuery = (query, options)=>{
     const apiBaseUrl = useConfig("apiBaseUrl");
     const { formatter, ...swrOptions } = options || {};
     if (typeof apiBaseUrl === "undefined") {
         throw new Error("please add OrderlyConfigProvider to your app");
     }
     // @ts-ignore
-    return useSWR(query, (url, init) => fetcher(url.startsWith("http") ? url : `${apiBaseUrl}${url}`, init, {
-        formatter,
-    }), swrOptions);
+    return useSWR(query, (url, init)=>fetcher(url.startsWith("http") ? url : `${apiBaseUrl}${url}`, init, {
+            formatter
+        }), swrOptions);
 };
+
+//# sourceMappingURL=useQuery.js.map

package/esm/useQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useQuery.ts"],"sourcesContent":["import useSWR, { SWRResponse } from \"swr\";\nimport { fetcher, useQueryOptions } from \"./utils/fetcher\";\nimport { useConfig } from \"./useConfig\";\n\n/**\n * useQuery\n * @description for public api\n * @param query\n * @param options\n */\nexport const useQuery = <T>(\n  query: Parameters<typeof useSWR>[\"0\"],\n  options?: useQueryOptions<T>\n): SWRResponse<T> => {\n  const apiBaseUrl = useConfig(\"apiBaseUrl\");\n  const { formatter, ...swrOptions } = options || {};\n\n  if (typeof apiBaseUrl === \"undefined\") {\n    throw new Error(\"please add OrderlyConfigProvider to your app\");\n  }\n\n  // @ts-ignore\n  return useSWR<T>(\n    query,\n    (url, init) =>\n      fetcher(url.startsWith(\"http\") ? url : `${apiBaseUrl}${url}`, init, {\n        formatter,\n      }),\n    swrOptions\n  );\n};\n"],"names":["useSWR","fetcher","useConfig","useQuery","query","options","apiBaseUrl","formatter","swrOptions","Error","url","init","startsWith"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,YAA6B,MAAM;AAC1C,SAASC,OAAO,QAAyB,kBAAkB;AAC3D,SAASC,SAAS,QAAQ,cAAc;AAExC;;;;;CAKC,GACD,OAAO,MAAMC,WAAW,CACtBC,OACAC;IAEA,MAAMC,aAAaJ,UAAU;IAC7B,MAAM,EAAEK,SAAS,EAAE,GAAGC,YAAY,GAAGH,WAAW,CAAC;IAEjD,IAAI,OAAOC,eAAe,aAAa;QACrC,MAAM,IAAIG,MAAM;IAClB;IAEA,aAAa;IACb,OAAOT,OACLI,OACA,CAACM,KAAKC,OACJV,QAAQS,IAAIE,UAAU,CAAC,UAAUF,MAAM,CAAC,EAAEJ,WAAW,EAAEI,IAAI,CAAC,EAAEC,MAAM;YAClEJ;QACF,IACFC;AAEJ,EAAE"}

package/esm/useSessionStorage.js

@@ -3,7 +3,7 @@ import { parseJSON } from "./utils/json";
 export function useSessionStorage(key, initialValue) {
     // Get from session storage then
     // parse stored json or return initialValue
-    const readValue = useCallback(() => {
+    const readValue = useCallback(()=>{
         // Prevent build error "window is undefined" but keep keep working
         if (typeof window === "undefined") {
             return initialValue;
@@ -11,17 +11,19 @@ export function useSessionStorage(key, initialValue) {
         try {
             const item = window.sessionStorage.getItem(key);
             return item ? parseJSON(item) : initialValue;
-        }
-        catch (error) {
-            console.warn(`Error reading sessionStorage key “${key}”:`, error);
+        } catch (error) {
+            ;
             return initialValue;
         }
-    }, [initialValue, key]);
+    }, [
+        initialValue,
+        key
+    ]);
     const [storedValue, setStoredValue] = useState(readValue);
-    const setValue = (value) => {
+    const setValue = (value)=>{
         // Prevent build error "window is undefined" but keeps working
         if (typeof window == "undefined") {
-            console.warn(`Tried setting sessionStorage key “${key}” even though environment is not a client`);
+            ;
         }
         try {
             // Allow value to be a function so we have the same API as useState
@@ -30,31 +32,38 @@ export function useSessionStorage(key, initialValue) {
             window.sessionStorage.setItem(key, JSON.stringify(newValue));
             // Save state
             setStoredValue(newValue);
-            // We dispatch a custom event so every useSessionStorage hook are notified
-            // window.dispatchEvent(new Event("session-storage"));
-        }
-        catch (error) {
-            console.warn(`Error setting sessionStorage key “${key}”:`, error);
+        // We dispatch a custom event so every useSessionStorage hook are notified
+        // window.dispatchEvent(new Event("session-storage"));
+        } catch (error) {
+            ;
         }
     };
-    useEffect(() => {
+    useEffect(()=>{
         setStoredValue(readValue());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    useEffect(() => {
+    useEffect(()=>{
         if (typeof window == "undefined") {
             return;
         }
         window.addEventListener("storage", handleStorageChange);
-        return () => {
+        return ()=>{
             window.removeEventListener("storage", handleStorageChange);
         };
     });
-    const handleStorageChange = useCallback((event) => {
+    const handleStorageChange = useCallback((event)=>{
         if (event?.key && event.key !== key) {
             return;
         }
         setStoredValue(readValue());
-    }, [key, readValue]);
-    return [storedValue, setValue];
+    }, [
+        key,
+        readValue
+    ]);
+    return [
+        storedValue,
+        setValue
+    ];
 }
+
+//# sourceMappingURL=useSessionStorage.js.map

package/esm/useSessionStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useSessionStorage.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { parseJSON } from \"./utils/json\";\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T\n): [T, (data: any) => void] {\n  // Get from session storage then\n  // parse stored json or return initialValue\n  const readValue = useCallback((): T => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === \"undefined\") {\n      return initialValue;\n    }\n\n    try {\n      const item = window.sessionStorage.getItem(key);\n      return item ? (parseJSON(item) as T) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading sessionStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  }, [initialValue, key]);\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  const setValue: React.Dispatch<T> = (value: any) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window == \"undefined\") {\n      console.warn(\n        `Tried setting sessionStorage key “${key}” even though environment is not a client`\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to session storage\n      window.sessionStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useSessionStorage hook are notified\n      // window.dispatchEvent(new Event(\"session-storage\"));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (typeof window == \"undefined\") {\n      return;\n    }\n    window.addEventListener(\"storage\", handleStorageChange);\n\n    return () => {\n      window.removeEventListener(\"storage\", handleStorageChange);\n    };\n  });\n\n  const handleStorageChange = useCallback(\n    (event: StorageEvent | CustomEvent) => {\n      if ((event as StorageEvent)?.key && (event as StorageEvent).key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n\n  return [storedValue, setValue];\n}\n"],"names":["useCallback","useEffect","useState","parseJSON","useSessionStorage","key","initialValue","readValue","window","item","sessionStorage","getItem","error","storedValue","setStoredValue","setValue","value","newValue","Function","setItem","JSON","stringify","addEventListener","handleStorageChange","removeEventListener","event"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,SAASC,SAAS,QAAQ,eAAe;AAEzC,OAAO,SAASC,kBACdC,GAAW,EACXC,YAAe;IAEf,gCAAgC;IAChC,2CAA2C;IAC3C,MAAMC,YAAYP,YAAY;QAC5B,kEAAkE;QAClE,IAAI,OAAOQ,WAAW,aAAa;YACjC,OAAOF;QACT;QAEA,IAAI;YACF,MAAMG,OAAOD,OAAOE,cAAc,CAACC,OAAO,CAACN;YAC3C,OAAOI,OAAQN,UAAUM,QAAcH;QACzC,EAAE,OAAOM,OAAO;;YAEd,OAAON;QACT;IACF,GAAG;QAACA;QAAcD;KAAI;IACtB,MAAM,CAACQ,aAAaC,eAAe,GAAGZ,SAAYK;IAElD,MAAMQ,WAA8B,CAACC;QACnC,8DAA8D;QAC9D,IAAI,OAAOR,UAAU,aAAa;;QAIlC;QAEA,IAAI;YACF,mEAAmE;YACnE,MAAMS,WAAWD,iBAAiBE,WAAWF,MAAMH,eAAeG;YAElE,0BAA0B;YAC1BR,OAAOE,cAAc,CAACS,OAAO,CAACd,KAAKe,KAAKC,SAAS,CAACJ;YAElD,aAAa;YACbH,eAAeG;QAEf,0EAA0E;QAC1E,sDAAsD;QACxD,EAAE,OAAOL,OAAO;;QAEhB;IACF;IAEAX,UAAU;QACRa,eAAeP;IACf,uDAAuD;IACzD,GAAG,EAAE;IAELN,UAAU;QACR,IAAI,OAAOO,UAAU,aAAa;YAChC;QACF;QACAA,OAAOc,gBAAgB,CAAC,WAAWC;QAEnC,OAAO;YACLf,OAAOgB,mBAAmB,CAAC,WAAWD;QACxC;IACF;IAEA,MAAMA,sBAAsBvB,YAC1B,CAACyB;QACC,IAAI,AAACA,OAAwBpB,OAAO,AAACoB,MAAuBpB,GAAG,KAAKA,KAAK;YACvE;QACF;QACAS,eAAeP;IACjB,GACA;QAACF;QAAKE;KAAU;IAGlB,OAAO;QAACM;QAAaE;KAAS;AAChC"}

package/esm/useWS.js

@@ -6,10 +6,10 @@ import { AccountStatusEnum } from "@orderly.network/types";
 import { OrderlyContext } from "./orderlyContext";
 import { getGlobalObject } from "@orderly.network/utils";
 const WS_NAME = "nativeWebsocketClient";
-export const useWS = () => {
+export const useWS = ()=>{
     const { configStore } = useContext(OrderlyContext);
     // const prevAccountState = useRef<AccountState | null>(null);
-    const ws = useConstant(() => {
+    const ws = useConstant(()=>{
         let websocketClient = SimpleDI.get(WS_NAME);
         const account = SimpleDI.get(Account.instanceName);
         if (!websocketClient) {
@@ -17,28 +17,28 @@ export const useWS = () => {
                 networkId: configStore.get("networkId"),
                 publicUrl: configStore.get("publicWsUrl"),
                 privateUrl: configStore.get("privateWsUrl"),
-                onSigntureRequest: async (accountId) => {
+                onSigntureRequest: async (accountId)=>{
                     const signer = account.signer;
                     const timestamp = new Date().getTime();
                     const result = await signer.signText(timestamp.toString());
-                    return { ...result, timestamp };
-                },
+                    return {
+                        ...result,
+                        timestamp
+                    };
+                }
             });
             // if user login, open the private websocket
-            if (account.stateValue.status === AccountStatusEnum.EnableTrading &&
-                account.stateValue.accountId) {
+            if (account.stateValue.status === AccountStatusEnum.EnableTrading && account.stateValue.accountId) {
                 websocketClient.openPrivate(account.stateValue.accountId);
             }
             // open the pirvate websocket when user login
-            account.on("change:status", (nextState) => {
-                if (nextState.status === AccountStatusEnum.EnableTrading &&
-                    nextState.accountId) {
+            account.on("change:status", (nextState)=>{
+                if (nextState.status === AccountStatusEnum.EnableTrading && nextState.accountId) {
                     websocketClient.openPrivate(nextState.accountId);
-                }
-                else {
+                } else {
                     websocketClient.closePrivate(1000, "switch account");
                 }
-                // prevAccountState.current = nextState;
+            // prevAccountState.current = nextState;
             });
             if (typeof window !== "undefined") {
                 getGlobalObject()["__Orderly_WS"] = websocketClient;
@@ -50,3 +50,5 @@ export const useWS = () => {
     // auto open private when user login;
     return ws;
 };
+
+//# sourceMappingURL=useWS.js.map

package/esm/useWS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useWS.ts"],"sourcesContent":["import { useContext, useRef } from \"react\";\nimport { Account, AccountState, SimpleDI } from \"@orderly.network/core\";\nimport { WS } from \"@orderly.network/net\";\nimport useConstant from \"use-constant\";\nimport { AccountStatusEnum } from \"@orderly.network/types\";\nimport { OrderlyContext } from \"./orderlyContext\";\nimport { getGlobalObject } from \"@orderly.network/utils\";\n\nconst WS_NAME = \"nativeWebsocketClient\";\n\nexport const useWS = () => {\n  const { configStore } = useContext(OrderlyContext);\n  // const prevAccountState = useRef<AccountState | null>(null);\n\n  const ws = useConstant(() => {\n    let websocketClient = SimpleDI.get<WS>(WS_NAME);\n    const account = SimpleDI.get<Account>(Account.instanceName);\n\n    if (!websocketClient) {\n      websocketClient = new WS({\n        networkId: configStore.get(\"networkId\"),\n        publicUrl: configStore.get(\"publicWsUrl\"),\n        privateUrl: configStore.get(\"privateWsUrl\"),\n        onSigntureRequest: async (accountId: string) => {\n          const signer = account.signer;\n          const timestamp = new Date().getTime();\n          const result = await signer.signText(timestamp.toString());\n\n          return { ...result, timestamp };\n        },\n      });\n\n      // if user login, open the private websocket\n      if (\n        account.stateValue.status === AccountStatusEnum.EnableTrading &&\n        account.stateValue.accountId\n      ) {\n        websocketClient.openPrivate(account.stateValue.accountId);\n      }\n\n      // open the pirvate websocket when user login\n      account.on(\"change:status\", (nextState: AccountState) => {\n        if (\n          nextState.status === AccountStatusEnum.EnableTrading &&\n          nextState.accountId\n        ) {\n          websocketClient.openPrivate(nextState.accountId);\n        } else {\n          websocketClient.closePrivate(1000, \"switch account\");\n        }\n\n        // prevAccountState.current = nextState;\n      });\n\n      if (typeof window !== \"undefined\") {\n        (getGlobalObject() as any)[\"__Orderly_WS\"] = websocketClient;\n      }\n\n      SimpleDI.registerByName(WS_NAME, websocketClient);\n    }\n\n    return websocketClient;\n  });\n\n  // auto open private when user login;\n\n  return ws;\n};\n"],"names":["useContext","Account","SimpleDI","WS","useConstant","AccountStatusEnum","OrderlyContext","getGlobalObject","WS_NAME","useWS","configStore","ws","websocketClient","get","account","instanceName","networkId","publicUrl","privateUrl","onSigntureRequest","accountId","signer","timestamp","Date","getTime","result","signText","toString","stateValue","status","EnableTrading","openPrivate","on","nextState","closePrivate","window","registerByName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAgB,QAAQ;AAC3C,SAASC,OAAO,EAAgBC,QAAQ,QAAQ,wBAAwB;AACxE,SAASC,EAAE,QAAQ,uBAAuB;AAC1C,OAAOC,iBAAiB,eAAe;AACvC,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,eAAe,QAAQ,yBAAyB;AAEzD,MAAMC,UAAU;AAEhB,OAAO,MAAMC,QAAQ;IACnB,MAAM,EAAEC,WAAW,EAAE,GAAGV,WAAWM;IACnC,8DAA8D;IAE9D,MAAMK,KAAKP,YAAY;QACrB,IAAIQ,kBAAkBV,SAASW,GAAG,CAAKL;QACvC,MAAMM,UAAUZ,SAASW,GAAG,CAAUZ,QAAQc,YAAY;QAE1D,IAAI,CAACH,iBAAiB;YACpBA,kBAAkB,IAAIT,GAAG;gBACvBa,WAAWN,YAAYG,GAAG,CAAC;gBAC3BI,WAAWP,YAAYG,GAAG,CAAC;gBAC3BK,YAAYR,YAAYG,GAAG,CAAC;gBAC5BM,mBAAmB,OAAOC;oBACxB,MAAMC,SAASP,QAAQO,MAAM;oBAC7B,MAAMC,YAAY,IAAIC,OAAOC,OAAO;oBACpC,MAAMC,SAAS,MAAMJ,OAAOK,QAAQ,CAACJ,UAAUK,QAAQ;oBAEvD,OAAO;wBAAE,GAAGF,MAAM;wBAAEH;oBAAU;gBAChC;YACF;YAEA,4CAA4C;YAC5C,IACER,QAAQc,UAAU,CAACC,MAAM,KAAKxB,kBAAkByB,aAAa,IAC7DhB,QAAQc,UAAU,CAACR,SAAS,EAC5B;gBACAR,gBAAgBmB,WAAW,CAACjB,QAAQc,UAAU,CAACR,SAAS;YAC1D;YAEA,6CAA6C;YAC7CN,QAAQkB,EAAE,CAAC,iBAAiB,CAACC;gBAC3B,IACEA,UAAUJ,MAAM,KAAKxB,kBAAkByB,aAAa,IACpDG,UAAUb,SAAS,EACnB;oBACAR,gBAAgBmB,WAAW,CAACE,UAAUb,SAAS;gBACjD,OAAO;oBACLR,gBAAgBsB,YAAY,CAAC,MAAM;gBACrC;YAEA,wCAAwC;YAC1C;YAEA,IAAI,OAAOC,WAAW,aAAa;gBAChC5B,iBAAyB,CAAC,eAAe,GAAGK;YAC/C;YAEAV,SAASkC,cAAc,CAAC5B,SAASI;QACnC;QAEA,OAAOA;IACT;IAEA,qCAAqC;IAErC,OAAOD;AACT,EAAE"}

package/esm/useWsStatus.js

@@ -1,41 +1,41 @@
 import { useEffect, useRef, useState } from "react";
 import { useWS } from "./useWS";
 export var WsNetworkStatus;
-(function (WsNetworkStatus) {
+(function(WsNetworkStatus) {
     WsNetworkStatus["Connected"] = "connected";
     WsNetworkStatus["Unstable"] = "unstable";
     WsNetworkStatus["Disconnected"] = "disconnected";
 })(WsNetworkStatus || (WsNetworkStatus = {}));
 export function useWsStatus() {
     const ws = useWS();
-    const [wsStatus, setWsStatus] = useState(ws.client.public.readyState
-        ? WsNetworkStatus.Connected
-        : WsNetworkStatus.Disconnected);
+    const [wsStatus, setWsStatus] = useState(ws.client.public.readyState ? "connected" : "disconnected");
     const connectCount = useRef(0);
-    useEffect(() => {
-        ws.on("status:change", (status) => {
-            console.log("status:change", status);
+    useEffect(()=>{
+        ws.on("status:change", (status)=>{
+            ;
             const { type, isPrivate } = status;
             if (!isPrivate) {
-                switch (type) {
+                switch(type){
                     case "open":
                         connectCount.current = 0;
-                        setWsStatus(WsNetworkStatus.Connected);
+                        setWsStatus("connected");
                         break;
                     case "close":
                         connectCount.current = 0;
-                        setWsStatus(WsNetworkStatus.Disconnected);
+                        setWsStatus("disconnected");
                         break;
                     case "reconnecting":
                         connectCount.current++;
                         if (connectCount.current >= 3) {
-                            setWsStatus(WsNetworkStatus.Unstable);
+                            setWsStatus("unstable");
                         }
                         break;
                 }
             }
         });
-        return () => ws.off("websocket:status", () => { });
+        return ()=>ws.off("websocket:status", ()=>{});
     }, []);
     return wsStatus;
 }
+
+//# sourceMappingURL=useWsStatus.js.map

package/esm/useWsStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useWsStatus.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { useWS } from \"./useWS\";\n\nexport enum WsNetworkStatus {\n  Connected = \"connected\",\n  Unstable = \"unstable\",\n  Disconnected = \"disconnected\",\n}\n\nexport function useWsStatus() {\n  const ws = useWS();\n  const [wsStatus, setWsStatus] = useState<WsNetworkStatus>(\n    ws.client.public.readyState\n      ? WsNetworkStatus.Connected\n      : WsNetworkStatus.Disconnected\n  );\n\n  const connectCount = useRef(0);\n\n  useEffect(() => {\n    ws.on(\"status:change\", (status: any) => {\n      console.log(\"status:change\", status);\n\n      const { type, isPrivate } = status;\n      if (!isPrivate) {\n        switch (type) {\n          case \"open\":\n            connectCount.current = 0;\n            setWsStatus(WsNetworkStatus.Connected);\n            break;\n          case \"close\":\n            connectCount.current = 0;\n            setWsStatus(WsNetworkStatus.Disconnected);\n            break;\n          case \"reconnecting\":\n            connectCount.current++;\n            if (connectCount.current >= 3) {\n              setWsStatus(WsNetworkStatus.Unstable);\n            }\n            break;\n        }\n      }\n    });\n    return () => ws.off(\"websocket:status\", () => {});\n  }, []);\n\n  return wsStatus;\n}\n"],"names":["useEffect","useRef","useState","useWS","WsNetworkStatus","useWsStatus","ws","wsStatus","setWsStatus","client","public","readyState","connectCount","on","status","type","isPrivate","current","off"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,SAASC,KAAK,QAAQ,UAAU;;UAEpBC;;;;GAAAA,oBAAAA;AAMZ,OAAO,SAASC;IACd,MAAMC,KAAKH;IACX,MAAM,CAACI,UAAUC,YAAY,GAAGN,SAC9BI,GAAGG,MAAM,CAACC,MAAM,CAACC,UAAU;IAK7B,MAAMC,eAAeX,OAAO;IAE5BD,UAAU;QACRM,GAAGO,EAAE,CAAC,iBAAiB,CAACC;;YAGtB,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;YAC5B,IAAI,CAACE,WAAW;gBACd,OAAQD;oBACN,KAAK;wBACHH,aAAaK,OAAO,GAAG;wBACvBT;wBACA;oBACF,KAAK;wBACHI,aAAaK,OAAO,GAAG;wBACvBT;wBACA;oBACF,KAAK;wBACHI,aAAaK,OAAO;wBACpB,IAAIL,aAAaK,OAAO,IAAI,GAAG;4BAC7BT;wBACF;wBACA;gBACJ;YACF;QACF;QACA,OAAO,IAAMF,GAAGY,GAAG,CAAC,oBAAoB,KAAO;IACjD,GAAG,EAAE;IAEL,OAAOX;AACT"}