@0xsequence/hooks 0.0.0-20250319103505

package/dist/esm/tests/simple.test.js

@@ -0,0 +1,62 @@
+import { useQuery } from '@tanstack/react-query';
+import { renderHook, waitFor } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { createWrapper } from './createWrapper';
+const useSimpleHook = () => {
+    return { data: 'ok' };
+};
+describe('Simple hook', async () => {
+    it('should return result', async () => {
+        const { result } = renderHook(() => useSimpleHook(), {
+            wrapper: createWrapper()
+        });
+        expect(result.current.data).toBe('ok');
+    });
+});
+const useSimpleQuery = () => {
+    return useQuery({
+        queryKey: ['simple'],
+        queryFn: async () => {
+            // fetch data from api endpoint '/hello'
+            const res = await fetch('/hello');
+            return await res.text();
+        }
+    });
+};
+describe('Simple query', async () => {
+    it('should return result', async () => {
+        const { result } = renderHook(() => useSimpleQuery(), {
+            wrapper: createWrapper()
+        });
+        await waitFor(() => expect(result.current.isSuccess).toBe(true));
+        expect(result.current.data).toBe('ok');
+    });
+});
+// import { http } from "msw";
+// import { describe, it, expect } from "vitest";
+// import { createWrapper } from "./createWrapper";
+// import { useNetwork } from "@/hooks/useNetwork";
+// import { server } from "./setup";
+// describe("useUsers", () => {
+//   it("should return users successfully", async () => {
+//     const { result, waitFor } = renderHook(() => useNetwork(1), {
+//       wrapper: createWrapper(),
+//     });
+//     await waitFor(() => result.current.isSuccess);
+//     const user = result.current.data?.[0];
+//     expect(user?.login).toBe("user-login-1");
+//   });
+//   it("should return error when fetching users fails", async () => {
+//     server.use(
+//       http.get("*", (req, res, ctx) => {
+//         return res(ctx.status(500));
+//       })
+//     );
+//     const { result, waitFor } = renderHook(() => useUsers(), {
+//       wrapper: createWrapper(),
+//     });
+//     await waitFor(() => result.current.isError);
+//     expect(result.current.error).toBeDefined();
+//   });
+// });
+//# sourceMappingURL=simple.test.js.map

package/dist/esm/tests/simple.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple.test.js","sourceRoot":"","sources":["../../../src/tests/simple.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AACvB,CAAC,CAAA;AAED,QAAQ,CAAC,aAAa,EAAE,KAAK,IAAI,EAAE;IACjC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE;YACnD,OAAO,EAAE,aAAa,EAAE;SACzB,CAAC,CAAA;QAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,wCAAwC;YACxC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAA;YAEjC,OAAO,MAAM,GAAG,CAAC,IAAI,EAAE,CAAA;QACzB,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,QAAQ,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;IAClC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,EAAE,EAAE;YACpD,OAAO,EAAE,aAAa,EAAE;SACzB,CAAC,CAAA;QAEF,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QAEhE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,8BAA8B;AAC9B,iDAAiD;AAEjD,mDAAmD;AACnD,mDAAmD;AACnD,oCAAoC;AAEpC,+BAA+B;AAC/B,yDAAyD;AACzD,oEAAoE;AACpE,kCAAkC;AAClC,UAAU;AAEV,qDAAqD;AAErD,6CAA6C;AAE7C,gDAAgD;AAChD,QAAQ;AAER,sEAAsE;AACtE,kBAAkB;AAClB,2CAA2C;AAC3C,uCAAuC;AACvC,WAAW;AACX,SAAS;AAET,iEAAiE;AACjE,kCAAkC;AAClC,UAAU;AAEV,mDAAmD;AAEnD,kDAAkD;AAClD,QAAQ;AACR,MAAM"}

package/dist/esm/tests/useConfig.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useConfig.test.d.ts.map

package/dist/esm/tests/useConfig.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.test.d.ts","sourceRoot":"","sources":["../../../src/tests/useConfig.test.ts"],"names":[],"mappings":""}

package/dist/esm/tests/useConfig.test.js

@@ -0,0 +1,13 @@
+import { renderHook } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { useConfig } from '../hooks/useConfig';
+import { createWrapper } from './createWrapper';
+describe('useConfig', async () => {
+    it('should contain projectAccessKey', async () => {
+        const { result } = renderHook(() => useConfig(), {
+            wrapper: createWrapper()
+        });
+        expect(result.current.projectAccessKey).toBe('test-access');
+    });
+});
+//# sourceMappingURL=useConfig.test.js.map

package/dist/esm/tests/useConfig.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.test.js","sourceRoot":"","sources":["../../../src/tests/useConfig.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;IAC/B,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE;YAC/C,OAAO,EAAE,aAAa,EAAE;SACzB,CAAC,CAAA;QAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/esm/types/hooks.d.ts

@@ -0,0 +1,8 @@
+export interface HooksOptions {
+    disabled?: boolean;
+    retry?: boolean;
+}
+export interface BalanceHookOptions extends HooksOptions {
+    hideCollectibles?: boolean;
+}
+//# sourceMappingURL=hooks.d.ts.map

package/dist/esm/types/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/types/hooks.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B"}

package/dist/esm/types/hooks.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hooks.js.map

package/dist/esm/types/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/types/hooks.ts"],"names":[],"mappings":""}

package/dist/esm/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/types/index.js

@@ -0,0 +1,2 @@
+export * from './hooks';
+//# sourceMappingURL=index.js.map

package/dist/esm/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/utils/envstring.d.ts

@@ -0,0 +1,2 @@
+export declare const envString: (env: string, match: string, network: string) => string;
+//# sourceMappingURL=envstring.d.ts.map

package/dist/esm/utils/envstring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"envstring.d.ts","sourceRoot":"","sources":["../../../src/utils/envstring.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,SAAS,MAAM,WAIpE,CAAA"}

package/dist/esm/utils/envstring.js

@@ -0,0 +1,6 @@
+export const envString = (env, match, network) => {
+    const prefix = env.slice(0, env.indexOf(match));
+    const suffix = env.slice(env.indexOf(match));
+    return `${prefix}${network}-${suffix}`;
+};
+//# sourceMappingURL=envstring.js.map

package/dist/esm/utils/envstring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"envstring.js","sourceRoot":"","sources":["../../../src/utils/envstring.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,KAAa,EAAE,OAAe,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5C,OAAO,GAAG,MAAM,GAAG,OAAO,IAAI,MAAM,EAAE,CAAA;AACxC,CAAC,CAAA"}

package/dist/esm/utils/helpers.d.ts

@@ -0,0 +1,12 @@
+import { TokenBalance } from '@0xsequence/indexer';
+export declare const compareAddress: (a: string, b: string) => boolean;
+export declare const splitEvery: (n: number, list: any[]) => any[][];
+export declare const createNativeTokenBalance: (chainId: number, accountAddress: string, balance?: string) => TokenBalance;
+interface SortBalancesByTypeReturn {
+    nativeTokens: TokenBalance[];
+    erc20Tokens: TokenBalance[];
+    collectibles: TokenBalance[];
+}
+export declare const sortBalancesByType: (balances: TokenBalance[]) => SortBalancesByTypeReturn;
+export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/esm/utils/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAIhE,eAAO,MAAM,cAAc,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,YAElD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,EAAE,MAAM,GAAG,EAAE,YAUhD,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,SAAS,MAAM,EAAE,gBAAgB,MAAM,EAAE,UAAS,MAAY,KAAG,YAazG,CAAA;AAED,UAAU,wBAAwB;IAChC,YAAY,EAAE,YAAY,EAAE,CAAA;IAC5B,WAAW,EAAE,YAAY,EAAE,CAAA;IAC3B,YAAY,EAAE,YAAY,EAAE,CAAA;CAC7B;AAMD,eAAO,MAAM,kBAAkB,GAAI,UAAU,YAAY,EAAE,KAAG,wBAyB7D,CAAA"}

package/dist/esm/utils/helpers.js

@@ -0,0 +1,59 @@
+import { ContractType } from '@0xsequence/indexer';
+import { ZERO_ADDRESS } from '../constants';
+export const compareAddress = (a, b) => {
+    return a.toLowerCase() === b.toLowerCase();
+};
+export const splitEvery = (n, list) => {
+    if (n <= 0) {
+        throw new Error('First argument to splitEvery must be a positive integer');
+    }
+    const result = [];
+    let idx = 0;
+    while (idx < list.length) {
+        result.push(list.slice(idx, (idx += n)));
+    }
+    return result;
+};
+export const createNativeTokenBalance = (chainId, accountAddress, balance = '0') => {
+    return {
+        chainId,
+        contractAddress: ZERO_ADDRESS,
+        accountAddress,
+        contractType: ContractType.NATIVE,
+        balance,
+        blockHash: '',
+        blockNumber: 0,
+        tokenID: '',
+        isSummary: false,
+        uniqueCollectibles: ''
+    };
+};
+const compareTokenBalanceIds = (a, b) => {
+    return (a.tokenID || '').localeCompare(b.tokenID || '');
+};
+export const sortBalancesByType = (balances) => {
+    const nativeTokens = [];
+    const erc20Tokens = [];
+    const collectibles = [];
+    balances.forEach(balance => {
+        // Note: contractType for the native token should be "UNKNOWN"
+        if (balance.contractAddress === ZERO_ADDRESS) {
+            nativeTokens.push(balance);
+        }
+        else if (balance.contractType === 'ERC20') {
+            erc20Tokens.push(balance);
+        }
+        else if (balance.contractType === 'ERC721' || balance.contractType === 'ERC1155') {
+            collectibles.push(balance);
+        }
+    });
+    const sortedNativeTokens = nativeTokens.sort(compareTokenBalanceIds);
+    const sortedErc20Tokens = erc20Tokens.sort(compareTokenBalanceIds);
+    const sortedCollectibles = collectibles.sort(compareTokenBalanceIds);
+    return {
+        nativeTokens: sortedNativeTokens,
+        erc20Tokens: sortedErc20Tokens,
+        collectibles: sortedCollectibles
+    };
+};
+//# sourceMappingURL=helpers.js.map

package/dist/esm/utils/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/utils/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,qBAAqB,CAAA;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;IACrD,OAAO,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;AAC5C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,IAAW,EAAE,EAAE;IACnD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;IAC5E,CAAC;IACD,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,IAAI,GAAG,GAAG,CAAC,CAAA;IACX,OAAO,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1C,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAe,EAAE,cAAsB,EAAE,UAAkB,GAAG,EAAgB,EAAE;IACvH,OAAO;QACL,OAAO;QACP,eAAe,EAAE,YAAY;QAC7B,cAAc;QACd,YAAY,EAAE,YAAY,CAAC,MAAM;QACjC,OAAO;QACP,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,KAAK;QAChB,kBAAkB,EAAE,EAAE;KACvB,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,sBAAsB,GAAG,CAAC,CAAe,EAAE,CAAe,EAAE,EAAE;IAClE,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;AACzD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAwB,EAA4B,EAAE;IACvF,MAAM,YAAY,GAAmB,EAAE,CAAA;IACvC,MAAM,WAAW,GAAmB,EAAE,CAAA;IACtC,MAAM,YAAY,GAAmB,EAAE,CAAA;IAEvC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACzB,8DAA8D;QAC9D,IAAI,OAAO,CAAC,eAAe,KAAK,YAAY,EAAE,CAAC;YAC7C,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC5B,CAAC;aAAM,IAAI,OAAO,CAAC,YAAY,KAAK,OAAO,EAAE,CAAC;YAC5C,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3B,CAAC;aAAM,IAAI,OAAO,CAAC,YAAY,KAAK,QAAQ,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;YACnF,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IACpE,MAAM,iBAAiB,GAAG,WAAW,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IAClE,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IAEpE,OAAO;QACL,YAAY,EAAE,kBAAkB;QAChC,WAAW,EAAE,iBAAiB;QAC9B,YAAY,EAAE,kBAAkB;KACjC,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@0xsequence/hooks",
+  "version": "0.0.0-20250319103505",
+  "description": "React hooks for Sequence Web SDK",
+  "repository": "https://github.com/0xsequence/web-sdk/tree/master/packages/hooks",
+  "author": "Horizon Blockchain Games",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@0xsequence/api": ">=2.2.13",
+    "@0xsequence/indexer": ">=2.2.13",
+    "@0xsequence/metadata": ">=2.2.13",
+    "@0xsequence/network": ">=2.2.13",
+    "@tanstack/react-query": ">= 5",
+    "react": ">= 17",
+    "react-dom": ">= 17"
+  },
+  "devDependencies": {
+    "@0xsequence/api": "^2.2.13",
+    "@0xsequence/indexer": "^2.2.13",
+    "@0xsequence/metadata": "^2.2.13",
+    "@0xsequence/network": "^2.2.13",
+    "@tanstack/react-query": "^5.62.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^25.0.1",
+    "msw": "^2.6.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.8.2",
+    "vite": "^6.0.2",
+    "vitest": "^2.1.8"
+  },
+  "scripts": {
+    "build": "pnpm build:clean && pnpm build:esm && pnpm build:cjs",
+    "build:cjs": "tsc --module commonjs --declaration --declarationMap --outDir dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json",
+    "build:esm": "tsc --module es2022 --declaration --declarationMap --outDir dist/esm",
+    "build:clean": "rimraf -g ./dist",
+    "build:check": "attw --pack .",
+    "dev": "tsc --watch --module es2022 --declaration --declarationMap --outDir dist/esm",
+    "test": "vitest --run",
+    "test:watch": "vitest"
+  }
+}