@interchain-kit/react 0.0.1-beta.3 → 0.0.1-beta.5

package/esm/hooks/index.js

@@ -4,3 +4,4 @@ export * from './useAccount';
 export * from './useChain';
 export * from './useConnect';
 export * from './useChainWallet';
+export * from './useConfig';

package/esm/hooks/useChain.js

@@ -2,6 +2,7 @@ import { useWalletManager } from "./useWalletManager";
 import { useAccount } from "./useAccount";
 import { useActiveWallet } from './useActiveWallet';
 import { useInterchainClient } from './useInterchainClient';
+import { useWalletModal } from "../modal";
 export const useChain = (chainName) => {
     const walletManager = useWalletManager();
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
@@ -9,11 +10,30 @@ export const useChain = (chainName) => {
     const activeWallet = useActiveWallet();
     const account = useAccount(chainName, activeWallet.option.name);
     const interchainClient = useInterchainClient(chainName, activeWallet.option.name);
+    const { open, close } = useWalletModal();
+    const clientFactory = walletManager.createClientFactory(activeWallet, chainName);
+    const cosmosKitUserChainReturnType = {
+        connect: () => {
+            if (activeWallet) {
+                return;
+            }
+            open();
+        },
+        openView: open,
+        closeView: close,
+        getRpcEndpoint: () => walletManager.getRpcEndpoint(activeWallet, chainName),
+        status: activeWallet.walletState,
+        username: account?.username,
+        message: activeWallet.errorMessage,
+        getSigningCosmWasmClient: () => clientFactory.then((c) => c.getSigningCosmwasmClient()),
+        getSigningStargateClient: () => clientFactory.then((c) => c.getSigningStargateClient())
+    };
     return {
         chain: chainToShow,
         assetList,
         address: account?.address,
         wallet: activeWallet,
+        ...cosmosKitUserChainReturnType, //for migration cosmos kit
         ...interchainClient
     };
 };

package/esm/hooks/useConfig.js

@@ -0,0 +1,10 @@
+import { useWalletManager } from "./useWalletManager";
+export const useConfig = () => {
+    const walletManager = useWalletManager();
+    return {
+        updateChains: (chains) => walletManager.chains = chains,
+        updateAssetLists: (assetLists) => walletManager.assetLists = assetLists,
+        updateSignerOptions: (signerOptions) => walletManager.signerOptions = signerOptions,
+        updateEndpoints: (endpointOptions) => walletManager.endpointOptions = endpointOptions,
+    };
+};

package/esm/hooks/useInterchainClient.js

@@ -4,10 +4,9 @@ import { useAccount } from './useAccount';
 export const useInterchainClient = (chainName, walletName) => {
     const [rpcEndpoint, setRpcEndpoint] = useState();
     const [signingClient, setSigningClient] = useState(null);
-    const [client, setClient] = useState(null);
-    const [stargateSigningClient, setStargateSigningClient] = useState(null);
-    const [stargateClient, setStargateClient] = useState();
-    const [cosmWasmSigningClient, setCosmWasmSigningClient] = useState(null);
+    const [queryClient, setQueryClient] = useState(null);
+    const [signingStargateClient, setSigningStargateClient] = useState(null);
+    const [signingCosmWasmClient, setSigningCosmWasmClient] = useState(null);
     const [error, setError] = useState(null);
     const [isLoading, setIsLoading] = useState(false);
     const walletManager = useWalletManager();
@@ -26,16 +25,14 @@ export const useInterchainClient = (chainName, walletName) => {
             const rpcEndpoint = await walletManager.getRpcEndpoint(wallet, chainName);
             setRpcEndpoint(rpcEndpoint);
             const clientFactory = await walletManager.createClientFactory(wallet, chainName);
-            const client = await clientFactory.getClient();
-            setClient(client);
+            const queryClient = await clientFactory.getClient();
+            setQueryClient(queryClient);
             const signingClient = await clientFactory.getSigningClient();
             setSigningClient(signingClient);
-            const stargateClient = await clientFactory.getStargateClient();
-            setStargateClient(stargateClient);
             const signingStargateClient = await clientFactory.getSigningStargateClient(chainToShow.bech32Prefix);
-            setStargateSigningClient(signingStargateClient);
+            setSigningStargateClient(signingStargateClient);
             const signingCosmwasmClient = await clientFactory.getSigningCosmwasmClient();
-            setCosmWasmSigningClient(signingCosmwasmClient);
+            setSigningCosmWasmClient(signingCosmwasmClient);
         }
         catch (error) {
             setError(error);
@@ -46,14 +43,13 @@ export const useInterchainClient = (chainName, walletName) => {
     };
     useEffect(() => {
         initialize();
-    }, [chainName, walletName, account?.address]);
+    }, [chainName, walletName, account]);
     return {
         rpcEndpoint,
         signingClient,
-        client,
-        stargateSigningClient,
-        stargateClient,
-        cosmWasmSigningClient,
+        queryClient,
+        signingStargateClient,
+        signingCosmWasmClient,
         error,
         isLoading
     };

package/esm/hooks/useOfflineSigner.js

@@ -0,0 +1,8 @@
+import { useWalletManager } from "./useWalletManager";
+export const useOfflineSigner = (chainName, walletName) => {
+    const walletManager = useWalletManager();
+    const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
+    return {
+        offlineSigner: walletManager.getOfflineSigner(wallet, chainName),
+    };
+};

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useAccount';
 export * from './useChain';
 export * from './useConnect';
 export * from './useChainWallet';
+export * from './useConfig';

package/hooks/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./useAccount"), exports);
 __exportStar(require("./useChain"), exports);
 __exportStar(require("./useConnect"), exports);
 __exportStar(require("./useChainWallet"), exports);
+__exportStar(require("./useConfig"), exports);

package/hooks/useChain.d.ts

@@ -1,2 +1,2 @@
-import { UseChainReturnType } from '../types/chain';
-export declare const useChain: (chainName: string) => UseChainReturnType;
+import { CosmosKitUseChainReturnType, UseChainReturnType } from '../types/chain';
+export declare const useChain: (chainName: string) => UseChainReturnType & CosmosKitUseChainReturnType;

package/hooks/useChain.js

@@ -5,6 +5,7 @@ const useWalletManager_1 = require("./useWalletManager");
 const useAccount_1 = require("./useAccount");
 const useActiveWallet_1 = require("./useActiveWallet");
 const useInterchainClient_1 = require("./useInterchainClient");
+const modal_1 = require("../modal");
 const useChain = (chainName) => {
     const walletManager = (0, useWalletManager_1.useWalletManager)();
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
@@ -12,11 +13,30 @@ const useChain = (chainName) => {
     const activeWallet = (0, useActiveWallet_1.useActiveWallet)();
     const account = (0, useAccount_1.useAccount)(chainName, activeWallet.option.name);
     const interchainClient = (0, useInterchainClient_1.useInterchainClient)(chainName, activeWallet.option.name);
+    const { open, close } = (0, modal_1.useWalletModal)();
+    const clientFactory = walletManager.createClientFactory(activeWallet, chainName);
+    const cosmosKitUserChainReturnType = {
+        connect: () => {
+            if (activeWallet) {
+                return;
+            }
+            open();
+        },
+        openView: open,
+        closeView: close,
+        getRpcEndpoint: () => walletManager.getRpcEndpoint(activeWallet, chainName),
+        status: activeWallet.walletState,
+        username: account?.username,
+        message: activeWallet.errorMessage,
+        getSigningCosmWasmClient: () => clientFactory.then((c) => c.getSigningCosmwasmClient()),
+        getSigningStargateClient: () => clientFactory.then((c) => c.getSigningStargateClient())
+    };
     return {
         chain: chainToShow,
         assetList,
         address: account?.address,
         wallet: activeWallet,
+        ...cosmosKitUserChainReturnType, //for migration cosmos kit
         ...interchainClient
     };
 };

package/hooks/useConfig.d.ts

@@ -0,0 +1,8 @@
+import { AssetList, Chain } from "@chain-registry/v2-types";
+import { EndpointOptions, SignerOptions } from "@interChain-kit/core";
+export declare const useConfig: () => {
+    updateChains: (chains: Chain[]) => Chain[];
+    updateAssetLists: (assetLists: AssetList[]) => AssetList[];
+    updateSignerOptions: (signerOptions: SignerOptions) => SignerOptions;
+    updateEndpoints: (endpointOptions: EndpointOptions) => EndpointOptions;
+};

package/hooks/useConfig.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConfig = void 0;
+const useWalletManager_1 = require("./useWalletManager");
+const useConfig = () => {
+    const walletManager = (0, useWalletManager_1.useWalletManager)();
+    return {
+        updateChains: (chains) => walletManager.chains = chains,
+        updateAssetLists: (assetLists) => walletManager.assetLists = assetLists,
+        updateSignerOptions: (signerOptions) => walletManager.signerOptions = signerOptions,
+        updateEndpoints: (endpointOptions) => walletManager.endpointOptions = endpointOptions,
+    };
+};
+exports.useConfig = useConfig;

package/hooks/useInterchainClient.d.ts

@@ -1,15 +1,14 @@
+import { HttpEndpoint } from '@interchainjs/types';
 import { CosmWasmSigningClient } from 'interchainjs/cosmwasm-stargate';
 import { StargateSigningClient } from 'interchainjs/stargate';
-import { StargateClient, HttpEndpoint } from '@cosmjs/stargate';
 import { SigningClient } from 'interchainjs/signing-client';
 import { RpcQuery } from 'interchainjs/query/rpc';
 export declare const useInterchainClient: (chainName: string, walletName: string) => {
     rpcEndpoint: string | HttpEndpoint;
     signingClient: SigningClient;
-    client: RpcQuery;
-    stargateSigningClient: StargateSigningClient;
-    stargateClient: StargateClient;
-    cosmWasmSigningClient: CosmWasmSigningClient;
+    queryClient: RpcQuery;
+    signingStargateClient: StargateSigningClient;
+    signingCosmWasmClient: CosmWasmSigningClient;
     error: unknown;
     isLoading: boolean;
 };

package/hooks/useInterchainClient.js

@@ -7,10 +7,9 @@ const useAccount_1 = require("./useAccount");
 const useInterchainClient = (chainName, walletName) => {
     const [rpcEndpoint, setRpcEndpoint] = (0, react_1.useState)();
     const [signingClient, setSigningClient] = (0, react_1.useState)(null);
-    const [client, setClient] = (0, react_1.useState)(null);
-    const [stargateSigningClient, setStargateSigningClient] = (0, react_1.useState)(null);
-    const [stargateClient, setStargateClient] = (0, react_1.useState)();
-    const [cosmWasmSigningClient, setCosmWasmSigningClient] = (0, react_1.useState)(null);
+    const [queryClient, setQueryClient] = (0, react_1.useState)(null);
+    const [signingStargateClient, setSigningStargateClient] = (0, react_1.useState)(null);
+    const [signingCosmWasmClient, setSigningCosmWasmClient] = (0, react_1.useState)(null);
     const [error, setError] = (0, react_1.useState)(null);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const walletManager = (0, useWalletManager_1.useWalletManager)();
@@ -29,16 +28,14 @@ const useInterchainClient = (chainName, walletName) => {
             const rpcEndpoint = await walletManager.getRpcEndpoint(wallet, chainName);
             setRpcEndpoint(rpcEndpoint);
             const clientFactory = await walletManager.createClientFactory(wallet, chainName);
-            const client = await clientFactory.getClient();
-            setClient(client);
+            const queryClient = await clientFactory.getClient();
+            setQueryClient(queryClient);
             const signingClient = await clientFactory.getSigningClient();
             setSigningClient(signingClient);
-            const stargateClient = await clientFactory.getStargateClient();
-            setStargateClient(stargateClient);
             const signingStargateClient = await clientFactory.getSigningStargateClient(chainToShow.bech32Prefix);
-            setStargateSigningClient(signingStargateClient);
+            setSigningStargateClient(signingStargateClient);
             const signingCosmwasmClient = await clientFactory.getSigningCosmwasmClient();
-            setCosmWasmSigningClient(signingCosmwasmClient);
+            setSigningCosmWasmClient(signingCosmwasmClient);
         }
         catch (error) {
             setError(error);
@@ -49,14 +46,13 @@ const useInterchainClient = (chainName, walletName) => {
     };
     (0, react_1.useEffect)(() => {
         initialize();
-    }, [chainName, walletName, account?.address]);
+    }, [chainName, walletName, account]);
     return {
         rpcEndpoint,
         signingClient,
-        client,
-        stargateSigningClient,
-        stargateClient,
-        cosmWasmSigningClient,
+        queryClient,
+        signingStargateClient,
+        signingCosmWasmClient,
         error,
         isLoading
     };

package/hooks/useOfflineSigner.d.ts

@@ -0,0 +1,3 @@
+export declare const useOfflineSigner: (chainName: string, walletName: string) => {
+    offlineSigner: import("@interchainjs/cosmos/types/wallet").OfflineSigner;
+};

package/hooks/useOfflineSigner.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOfflineSigner = void 0;
+const useWalletManager_1 = require("./useWalletManager");
+const useOfflineSigner = (chainName, walletName) => {
+    const walletManager = (0, useWalletManager_1.useWalletManager)();
+    const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
+    return {
+        offlineSigner: walletManager.getOfflineSigner(wallet, chainName),
+    };
+};
+exports.useOfflineSigner = useOfflineSigner;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.5",
   "author": "cosmology-tech <developers@cosmology.zone>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -32,11 +32,11 @@
   "keywords": [],
   "dependencies": {
     "@chain-registry/v2-types": "^0.49.6",
-    "@interchain-kit/core": "0.0.1-beta.3",
+    "@interchain-kit/core": "0.0.1-beta.5",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
-  "gitHead": "1675c1f20a0e64154dd76838d451ab5e19fc88d7"
+  "gitHead": "84a7448891bef2688645da8009605786267de720"
 }

package/types/chain.d.ts

@@ -1,22 +1,31 @@
+import { HttpEndpoint } from '@interchainjs/types';
 import { CosmWasmSigningClient } from 'interchainjs/cosmwasm-stargate';
-import { StargateClient } from '@cosmjs/stargate';
 import { SigningClient } from 'interchainjs/signing-client';
 import { RpcQuery } from 'interchainjs/query/rpc';
 import { StargateSigningClient } from 'interchainjs/stargate';
-import { HttpEndpoint } from '@cosmjs/stargate';
 import { Chain, AssetList } from '@chain-registry/v2-types';
-import { BaseWallet } from '@interChain-kit/core';
+import { BaseWallet, WalletState } from '@interchain-kit/core';
+export type CosmosKitUseChainReturnType = {
+    connect: () => void;
+    openView: () => void;
+    closeView: () => void;
+    getRpcEndpoint: () => Promise<string | HttpEndpoint>;
+    status: WalletState;
+    username: string;
+    message: string;
+    getSigningCosmWasmClient: () => Promise<CosmWasmSigningClient>;
+    getSigningStargateClient: () => Promise<StargateSigningClient>;
+};
 export type UseChainReturnType = {
     chain: Chain;
     assetList: AssetList;
     address: string;
     wallet: BaseWallet;
     rpcEndpoint: string | HttpEndpoint;
-    client: RpcQuery;
+    queryClient: RpcQuery;
     signingClient: SigningClient;
-    stargateClient: StargateClient;
-    stargateSigningClient: StargateSigningClient;
-    cosmWasmSigningClient: CosmWasmSigningClient;
+    signingStargateClient: StargateSigningClient;
+    signingCosmWasmClient: CosmWasmSigningClient;
     isLoading: boolean;
     error: unknown;
 };