@interchain-kit/react 0.0.1-beta.52 → 0.0.1-beta.53

package/hooks/useChain.js

@@ -1,82 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChain = void 0;
-const useWalletManager_1 = require("./useWalletManager");
-const useAccount_1 = require("./useAccount");
-const useInterchainClient_1 = require("./useInterchainClient");
 const modal_1 = require("../modal");
-const useRpcEndpoint_1 = require("./useRpcEndpoint");
+const useWalletManager_1 = require("./useWalletManager");
 const core_1 = require("@interchain-kit/core");
-const useCurrentChainWallet_1 = require("./useCurrentChainWallet");
 const useChain = (chainName) => {
-    const walletManager = (0, useWalletManager_1.useWalletManager)();
-    const chainAccount = (0, useCurrentChainWallet_1.useCurrentChainWallet)();
-    const chain = walletManager.getChainByName(chainName);
-    walletManager.currentChainName = chainName;
-    const walletName = chainAccount?.info?.name;
-    const rpcEndpointHook = (0, useRpcEndpoint_1.useRpcEndpoint)(chainName, walletName);
-    const accountHook = (0, useAccount_1.useAccount)(chainName, walletName);
-    const signingClientHook = (0, useInterchainClient_1.useInterchainClient)(chainName, walletName);
+    const { assetLists, currentWalletName, disconnect, setCurrentChainName, getChainByName, getWalletByName, getChainWalletState, getChainLogoUrl, connect, getSigningClient, getRpcEndpoint, getAccount } = (0, useWalletManager_1.useWalletManager)();
+    const chain = getChainByName(chainName);
+    if (!chain) {
+        throw new core_1.ChainNameNotExist(chainName);
+    }
+    const assetList = assetLists.find(a => a.chainName === chainName);
+    const wallet = getWalletByName(currentWalletName);
+    const chainWalletStateToShow = getChainWalletState(currentWalletName, chainName);
     const { open, close } = (0, modal_1.useWalletModal)();
-    const cosmosKitUserChainReturnType = {
+    console.log({ chainName, chain });
+    return {
+        //for migration cosmos kit
         connect: () => {
-            if (chainAccount?.walletState === core_1.WalletState.Connected) {
-                return;
-            }
-            walletManager.currentChainName = chainName;
+            setCurrentChainName(chainName);
             open();
         },
-        disconnect: async () => {
-            walletManager.currentChainName = chainName;
-            await chainAccount?.disconnect();
-        },
+        disconnect: async () => disconnect(currentWalletName, chainName),
         openView: () => {
-            walletManager.currentChainName = chainName;
+            setCurrentChainName(chainName);
             open();
         },
         closeView: close,
-        getRpcEndpoint: () => chainAccount.getRpcEndpoint(),
-        status: chainAccount?.walletState,
-        username: accountHook.account?.username,
-        message: chainAccount?.errorMessage
-    };
-    if (chainAccount && chainAccount?.walletState === core_1.WalletState.Connected) {
-        return {
-            logoUrl: walletManager.getChainLogoUrl(chainName),
-            chain,
-            assetList: chainAccount?.assetList,
-            address: accountHook.account?.address,
-            wallet: chainAccount,
-            rpcEndpoint: rpcEndpointHook.rpcEndpoint,
-            ...cosmosKitUserChainReturnType, //for migration cosmos kit
-            signingClient: signingClientHook.signingClient,
-            getSigningClient: () => signingClientHook.getSigningClient(),
-            isRpcEndpointLoading: rpcEndpointHook.isLoading,
-            isAccountLoading: accountHook.isLoading,
-            isSigningClientLoading: signingClientHook.isLoading,
-            isLoading: rpcEndpointHook.isLoading || accountHook.isLoading || signingClientHook.isLoading,
-            getRpcEndpointError: rpcEndpointHook.error,
-            getSigningClientError: signingClientHook.error,
-            getAccountError: accountHook.error
-        };
-    }
-    return {
-        logoUrl: walletManager.getChainLogoUrl(chainName),
+        getRpcEndpoint: () => getRpcEndpoint(currentWalletName, chainName),
+        status: chainWalletStateToShow?.walletState,
+        username: chainWalletStateToShow?.account?.username,
+        message: chainWalletStateToShow?.errorMessage,
+        // new api
+        logoUrl: getChainLogoUrl(chainName),
         chain,
-        assetList: chainAccount?.assetList,
-        address: accountHook.account?.address,
-        wallet: chainAccount,
-        rpcEndpoint: rpcEndpointHook.rpcEndpoint,
-        ...cosmosKitUserChainReturnType, //for migration cosmos kit
-        signingClient: signingClientHook.signingClient,
-        getSigningClient: () => signingClientHook.getSigningClient(),
-        isRpcEndpointLoading: rpcEndpointHook.isLoading,
-        isAccountLoading: accountHook.isLoading,
-        isSigningClientLoading: signingClientHook.isLoading,
-        isLoading: rpcEndpointHook.isLoading || accountHook.isLoading || signingClientHook.isLoading,
-        getRpcEndpointError: rpcEndpointHook.error,
-        getSigningClientError: signingClientHook.error,
-        getAccountError: accountHook.error
+        assetList,
+        address: chainWalletStateToShow?.account?.address,
+        wallet: wallet ? Object.assign({}, wallet, {
+            walletState: chainWalletStateToShow?.walletState,
+            connect: () => connect(currentWalletName, chainName),
+            getAccount: () => getAccount(currentWalletName, chainName)
+        }) : undefined,
+        rpcEndpoint: chainWalletStateToShow?.rpcEndpoint,
+        getSigningClient: () => getSigningClient(currentWalletName, chainName),
     };
 };
 exports.useChain = useChain;

package/hooks/useChainWallet.js

@@ -2,44 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainWallet = void 0;
 const useWalletManager_1 = require("./useWalletManager");
-const useAccount_1 = require("./useAccount");
-const useInterchainClient_1 = require("./useInterchainClient");
-const useRpcEndpoint_1 = require("./useRpcEndpoint");
-const core_1 = require("@interchain-kit/core");
 const useChainWallet = (chainName, walletName) => {
-    const walletManager = (0, useWalletManager_1.useWalletManager)();
-    const walletRepository = walletManager.getWalletRepositoryByName(walletName);
-    const chainAccount = walletRepository.getChainAccountByName(chainName);
-    const rpcEndpointHook = (0, useRpcEndpoint_1.useRpcEndpoint)(chainName, walletName);
-    const accountHook = (0, useAccount_1.useAccount)(chainName, walletName);
-    const signingClientHook = (0, useInterchainClient_1.useInterchainClient)(chainName, walletName);
+    const { assetLists, disconnect, getChainByName, getWalletByName, getChainWalletState, getChainLogoUrl, connect, getSigningClient, getRpcEndpoint, getAccount } = (0, useWalletManager_1.useWalletManager)();
+    const chain = getChainByName(chainName);
+    const wallet = getWalletByName(walletName);
+    const assetList = assetLists.find(a => a.chainName === chainName);
+    const chainWalletStateToShow = getChainWalletState(walletName, chainName);
     return {
-        connect: () => {
-            if (!chainAccount && chainAccount.walletState === core_1.WalletState.Connected) {
-                return;
-            }
-            chainAccount.connect();
-        },
-        disconnect: () => chainAccount.disconnect(),
-        getRpcEndpoint: () => chainAccount.getRpcEndpoint(),
-        status: chainAccount.walletState,
-        username: accountHook.account?.username,
-        message: chainAccount.errorMessage,
-        logoUrl: walletManager.getChainLogoUrl(chainName),
-        rpcEndpoint: rpcEndpointHook.rpcEndpoint,
-        chain: chainAccount.chain,
-        assetList: chainAccount.assetList,
-        address: accountHook.account?.address,
-        wallet: walletRepository,
-        signingClient: signingClientHook.signingClient,
-        getSigningClient: () => signingClientHook.getSigningClient(),
-        isRpcEndpointLoading: rpcEndpointHook.isLoading,
-        isAccountLoading: accountHook.isLoading,
-        isSigningClientLoading: signingClientHook.isLoading,
-        isLoading: rpcEndpointHook.isLoading || accountHook.isLoading || signingClientHook.isLoading,
-        getRpcEndpointError: rpcEndpointHook.error,
-        getSigningClientError: signingClientHook.error,
-        getAccountError: accountHook.error
+        //for migration cosmos kit
+        connect: () => connect(walletName, chainName),
+        disconnect: () => disconnect(walletName, chainName),
+        getRpcEndpoint: () => getRpcEndpoint(walletName, chainName),
+        status: chainWalletStateToShow?.walletState,
+        username: chainWalletStateToShow?.account?.username,
+        message: chainWalletStateToShow?.errorMessage,
+        // new api
+        logoUrl: getChainLogoUrl(chainName),
+        chain,
+        assetList,
+        address: chainWalletStateToShow?.account?.address,
+        wallet: wallet ? Object.assign({}, wallet, {
+            walletState: chainWalletStateToShow?.walletState,
+            connect: () => connect(walletName, chainName),
+            disconnect: () => disconnect(walletName, chainName),
+            getAccount: () => getAccount(walletName, chainName)
+        }) : undefined,
+        rpcEndpoint: chainWalletStateToShow?.rpcEndpoint,
+        getSigningClient: () => getSigningClient(walletName, chainName),
     };
 };
 exports.useChainWallet = useChainWallet;

package/hooks/useWalletManager.d.ts

@@ -1,2 +1 @@
-import { WalletManager } from '@interchain-kit/core';
-export declare const useWalletManager: () => WalletManager;
+export declare const useWalletManager: () => import("..").InterchainStore;

package/hooks/useWalletManager.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWalletManager = void 0;
 const provider_1 = require("../provider");
-const helpers_1 = require("../utils/helpers");
+const zustand_1 = require("zustand");
 const useWalletManager = () => {
-    const { walletManager } = (0, provider_1.useInterchainWalletContext)();
-    return (0, helpers_1.bindAllMethodsToContext)(walletManager);
+    const store = (0, provider_1.useInterchainWalletContext)();
+    return (0, zustand_1.useStore)(store);
 };
 exports.useWalletManager = useWalletManager;

package/index.d.ts

@@ -3,3 +3,4 @@ export * from './hooks';
 export * from './types';
 export * from './enum';
 export * from './modal';
+export * from './store';

package/index.js

@@ -19,3 +19,4 @@ __exportStar(require("./hooks"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./enum"), exports);
 __exportStar(require("./modal"), exports);
+__exportStar(require("./store"), exports);

package/modal/modal.js

@@ -8,73 +8,69 @@ const hooks_1 = require("../hooks");
 const react_1 = require("react");
 const core_1 = require("@interchain-kit/core");
 const react_2 = require("@interchain-ui/react");
-const useCurrentChainWallet_1 = require("../hooks/useCurrentChainWallet");
 const WalletModal = () => {
     const { modalIsOpen, open, close } = (0, provider_1.useWalletModal)();
-    const walletManager = (0, hooks_1.useWalletManager)();
-    const handleSelectWallet = async (wallet) => {
-        walletManager.currentWalletName = wallet.info.name;
-        const currentWallet = walletManager
-            .getWalletRepositoryByName(wallet.info.name)
-            .getChainAccountByName(walletManager.currentChainName);
-        console.log(wallet.info.name, walletManager.currentChainName, Boolean(currentWallet));
+    const { currentWalletName, currentChainName, wallets, setCurrentWalletName, connect, getAccount, getWalletByName, } = (0, hooks_1.useWalletManager)();
+    const handleSelectWallet = async (selectedWallet) => {
+        const walletToView = wallets.find((w) => w.info.name === selectedWallet.info.name);
+        setCurrentWalletName(selectedWallet.info.name);
         setModalView({
-            header: (0, jsx_runtime_1.jsx)(views_1.ConnectingHeader, { wallet: wallet, onBack: gotoWalletList }),
-            content: (0, jsx_runtime_1.jsx)(views_1.ConnectingContent, { wallet: wallet }),
+            header: ((0, jsx_runtime_1.jsx)(views_1.ConnectingHeader, { wallet: walletToView, onBack: gotoWalletList })),
+            content: (0, jsx_runtime_1.jsx)(views_1.ConnectingContent, { wallet: walletToView }),
         });
-        if (currentWallet?.wallet?.info.mode === "extension" &&
-            !(currentWallet?.wallet).isExtensionInstalled) {
+        if (walletToView?.info.mode === "extension" &&
+            !walletToView.isExtensionInstalled) {
             setModalView({
-                header: ((0, jsx_runtime_1.jsx)(views_1.NotExistHeader, { wallet: currentWallet, onBack: gotoWalletList })),
-                content: (0, jsx_runtime_1.jsx)(views_1.NotExistContent, { wallet: currentWallet }),
+                header: ((0, jsx_runtime_1.jsx)(views_1.NotExistHeader, { wallet: walletToView, onBack: gotoWalletList })),
+                content: (0, jsx_runtime_1.jsx)(views_1.NotExistContent, { wallet: walletToView }),
             });
             return;
         }
         try {
-            if (currentWallet?.wallet?.info.mode === "wallet-connect") {
-                (currentWallet?.wallet).setOnPairingUriCreatedCallback(() => {
+            if (walletToView?.info.mode === "wallet-connect") {
+                walletToView.setOnPairingUriCreatedCallback(() => {
                     setModalView({
                         header: (0, jsx_runtime_1.jsx)(views_1.QRCodeHeader, { onBack: gotoWalletList }),
                         content: (0, jsx_runtime_1.jsx)(views_1.QRCodeContent, {}),
                     });
                 });
-                (currentWallet?.wallet).setPairingToConnect(wallet.pairing);
+                walletToView.setPairingToConnect(wallet.pairing);
             }
-            await currentWallet?.connect();
-            await currentWallet?.getAccount();
+            console.log({ currentChainName });
+            await connect(selectedWallet.info.name, currentChainName);
+            await getAccount(selectedWallet.info.name, currentChainName);
             setModalView({
-                header: (0, jsx_runtime_1.jsx)(views_1.ConnectedHeader, { onBack: gotoWalletList }),
+                header: ((0, jsx_runtime_1.jsx)(views_1.ConnectedHeader, { wallet: walletToView, onBack: gotoWalletList })),
                 content: (0, jsx_runtime_1.jsx)(views_1.ConnectedContent, {}),
             });
         }
         catch (error) {
             console.log(error);
             setModalView({
-                header: (0, jsx_runtime_1.jsx)(views_1.RejectHeader, { wallet: wallet, onBack: gotoWalletList }),
-                content: (0, jsx_runtime_1.jsx)(views_1.RejectContent, { wallet: wallet }),
+                header: (0, jsx_runtime_1.jsx)(views_1.RejectHeader, { wallet: walletToView, onBack: gotoWalletList }),
+                content: (0, jsx_runtime_1.jsx)(views_1.RejectContent, { wallet: walletToView }),
             });
         }
     };
-    const defaultModalView = (0, react_1.useMemo)(() => {
-        return {
-            header: (0, jsx_runtime_1.jsx)(views_1.WalletListHeader, {}),
-            content: (0, jsx_runtime_1.jsx)(views_1.WalletListContent, { onSelectWallet: handleSelectWallet }),
-        };
-    }, []);
+    const defaultModalView = {
+        header: (0, jsx_runtime_1.jsx)(views_1.WalletListHeader, {}),
+        content: (0, jsx_runtime_1.jsx)(views_1.WalletListContent, { onSelectWallet: handleSelectWallet }),
+    };
     const [modalView, setModalView] = (0, react_1.useState)(defaultModalView);
     const gotoWalletList = () => setModalView(defaultModalView);
-    const currentWallet = (0, useCurrentChainWallet_1.useCurrentChainWallet)();
+    const { status } = (0, hooks_1.useChainWallet)(currentChainName, currentWalletName);
     (0, react_1.useEffect)(() => {
-        if (modalIsOpen && currentWallet?.walletState === core_1.WalletState.Connected) {
+        const currentWallet = getWalletByName(currentWalletName);
+        if (modalIsOpen && status === core_1.WalletState.Connected) {
             setModalView({
-                header: (0, jsx_runtime_1.jsx)(views_1.ConnectedHeader, { onBack: gotoWalletList }),
+                header: ((0, jsx_runtime_1.jsx)(views_1.ConnectedHeader, { wallet: currentWallet, onBack: gotoWalletList })),
                 content: (0, jsx_runtime_1.jsx)(views_1.ConnectedContent, {}),
             });
         }
         else {
             setModalView(defaultModalView);
         }
-    }, [modalIsOpen]);
+    }, [modalIsOpen, status]);
     return ((0, jsx_runtime_1.jsx)(react_2.ConnectModal, { isOpen: modalIsOpen, header: modalView.header, onOpen: open, onClose: close, children: modalView.content }));
 };
 exports.WalletModal = WalletModal;

package/modal/views/Connected.d.ts

@@ -1,4 +1,6 @@
-export declare const ConnectedHeader: ({ onBack }: {
+import { BaseWallet } from "@interchain-kit/core";
+export declare const ConnectedHeader: ({ wallet, onBack, }: {
+    wallet: BaseWallet;
     onBack: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ConnectedContent: () => import("react/jsx-runtime").JSX.Element;

package/modal/views/Connected.js

@@ -7,31 +7,29 @@ const hooks_1 = require("../../hooks");
 const provider_1 = require("../provider");
 const utils_1 = require("../../utils");
 const Astronaut_1 = require("./Astronaut");
-const useCurrentChainWallet_1 = require("../../hooks/useCurrentChainWallet");
-const ConnectedHeader = ({ onBack }) => {
-    const currentWallet = (0, useCurrentChainWallet_1.useCurrentChainWallet)();
+const ConnectedHeader = ({ wallet, onBack, }) => {
     const { close } = (0, provider_1.useWalletModal)();
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: currentWallet?.info?.prettyName || "", hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: wallet?.info?.prettyName || "", hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
 };
 exports.ConnectedHeader = ConnectedHeader;
 const ConnectedContent = () => {
-    const currentWallet = (0, useCurrentChainWallet_1.useCurrentChainWallet)();
-    const walletManager = (0, hooks_1.useWalletManager)();
-    const { account } = (0, hooks_1.useAccount)(walletManager.currentChainName, currentWallet?.info?.name);
+    const { currentChainName, currentWalletName } = (0, hooks_1.useWalletManager)();
+    console.log({ currentChainName, currentWalletName });
+    const { address, username, wallet } = (0, hooks_1.useChainWallet)(currentChainName, currentWalletName);
     const { close } = (0, provider_1.useWalletModal)();
-    if (!currentWallet) {
+    if (!wallet) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { wallet: (0, utils_1.getWalletInfo)(currentWallet), status: "Connected", connectedInfo: {
-            name: account?.username || "Wallet",
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { wallet: (0, utils_1.getWalletInfo)(wallet), status: "Connected", connectedInfo: {
+            name: username || "Wallet",
             avatar: ((0, jsx_runtime_1.jsx)(Astronaut_1.AstronautSvg, { style: {
                     fontSize: "inherit",
                     width: "100%",
                     height: "100%",
                 } })),
-            address: account?.address,
+            address: address,
         }, onDisconnect: async () => {
-            await currentWallet.disconnect();
+            await wallet.disconnect(currentChainName);
             close();
         } }));
 };

package/modal/views/QRCode.js

@@ -6,20 +6,19 @@ const react_1 = require("@interchain-ui/react");
 const hooks_1 = require("../../hooks");
 const provider_1 = require("../provider");
 const QRCodeHeader = ({ onBack }) => {
-    const currentWallet = (0, hooks_1.useCurrentWallet)();
-    const walletManager = (0, hooks_1.useWalletManager)();
+    const { currentChainName, currentWalletName, getWalletByName, disconnect } = (0, hooks_1.useWalletManager)();
     const { close } = (0, provider_1.useWalletModal)();
+    const currentWallet = getWalletByName(currentWalletName);
     return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: currentWallet?.info?.prettyName || "", hasBackButton: true, onClose: () => void 0, onBack: async () => {
-            await walletManager.disconnect(currentWallet?.info?.name || "");
+            await disconnect(currentWallet?.info?.name || "", currentChainName);
             onBack();
         }, closeButtonProps: { onClick: close } }));
 };
 exports.QRCodeHeader = QRCodeHeader;
 const QRCodeContent = () => {
-    const currentWalletRepository = (0, hooks_1.useCurrentWallet)();
-    const currentWallet = currentWalletRepository.wallet;
-    const walletManager = (0, hooks_1.useWalletManager)();
+    const { currentChainName, currentWalletName, getWalletByName, connect } = (0, hooks_1.useWalletManager)();
+    const currentWallet = getWalletByName(currentWalletName);
     const data = currentWallet.pairingUri;
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalQRCode, { status: data ? "Done" : "Pending", link: data, description: "Open App to connect", errorTitle: "errorTitle", errorDesc: currentWallet.errorMessage || "", onRefresh: () => walletManager.connect(currentWallet?.info?.name || "") }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalQRCode, { status: data ? "Done" : "Pending", link: data, description: "Open App to connect", errorTitle: "errorTitle", errorDesc: currentWallet.errorMessage || "", onRefresh: () => connect(currentWallet?.info?.name || "", currentChainName) }));
 };
 exports.QRCodeContent = QRCodeContent;

package/modal/views/Reject.js

@@ -14,6 +14,8 @@ exports.RejectHeader = RejectHeader;
 const RejectContent = ({ wallet }) => {
     const walletManager = (0, hooks_1.useWalletManager)();
     const { close } = (0, provider_1.useWalletModal)();
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { status: "Rejected", wallet: (0, utils_1.getWalletInfo)(wallet), contentHeader: "Request Rejected", contentDesc: wallet.errorMessage || "Connection permission is denied.", onConnect: () => walletManager.connect(wallet.info.name).then(close) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { status: "Rejected", wallet: (0, utils_1.getWalletInfo)(wallet), contentHeader: "Request Rejected", contentDesc: wallet.errorMessage || "Connection permission is denied.", onConnect: () => walletManager
+            .connect(wallet.info.name, walletManager.currentChainName)
+            .then(close) }));
 };
 exports.RejectContent = RejectContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.0.1-beta.52",
+  "version": "0.0.1-beta.53",
   "author": "cosmology-tech <developers@cosmology.zone>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -28,12 +28,12 @@
     "lint": "eslint . --fix",
     "test": "jest",
     "test:watch": "jest --watch",
-    "dev": "tsc -w --preserveWatchOutput"
+    "dev": "tsc -w --preserveWatchOutput -p tsconfig.esm.json"
   },
   "keywords": [],
   "dependencies": {
     "@chain-registry/v2-types": "^0.53.40",
-    "@interchain-kit/core": "0.0.1-beta.52",
+    "@interchain-kit/core": "0.0.1-beta.53",
     "@interchain-ui/react": "1.26.1",
     "@interchainjs/cosmos": "1.6.3",
     "@interchainjs/cosmos-types": "1.6.3",
@@ -46,7 +46,8 @@
     "interchainjs": "1.6.3",
     "observable-slim": "^0.1.6",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "zustand": "^5.0.3"
   },
-  "gitHead": "b88068536c1230bf52e8288237862416a42adf7c"
+  "gitHead": "cb214404a1917de214d4db94b86a34db986e3d3a"
 }

package/provider.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { BaseWallet, SignerOptions, WalletManager, EndpointOptions } from "@interchain-kit/core";
+import { BaseWallet, SignerOptions, EndpointOptions } from "@interchain-kit/core";
 import { AssetList, Chain } from "@chain-registry/v2-types";
-type InterchainWalletContextType = {
-    walletManager: WalletManager;
-};
+import { InterchainStore } from "./store";
+import { StoreApi } from "zustand";
+type InterchainWalletContextType = StoreApi<InterchainStore>;
 type InterchainWalletProviderProps = {
     chains: Chain[];
     assetLists: AssetList[];

package/provider.js

@@ -6,19 +6,16 @@ const react_1 = require("react");
 const react_2 = require("react");
 const core_1 = require("@interchain-kit/core");
 const modal_1 = require("./modal");
+const store_1 = require("./store");
 const InterchainWalletContext = (0, react_2.createContext)(null);
 const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOptions, children, }) => {
-    const [_, forceRender] = (0, react_1.useState)({});
-    const walletManager = (0, react_1.useMemo)(() => {
-        return new core_1.WalletManager(chains, assetLists, wallets, signerOptions, endpointOptions, () => forceRender({}));
-    }, []);
+    // const [_, forceRender] = useState({});
+    const walletManager = new core_1.WalletManager(chains, assetLists, wallets, signerOptions, endpointOptions);
+    const store = (0, react_1.useRef)((0, store_1.createInterchainStore)(walletManager));
     (0, react_1.useEffect)(() => {
         walletManager.init();
     }, []);
-    if (walletManager.state === core_1.WalletManagerState.Initializing) {
-        return (0, jsx_runtime_1.jsx)("div", { children: "Interchain Kit Initializing..." });
-    }
-    return ((0, jsx_runtime_1.jsx)(InterchainWalletContext.Provider, { value: { walletManager }, children: (0, jsx_runtime_1.jsx)(modal_1.WalletModalProvider, { children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(InterchainWalletContext.Provider, { value: store.current, children: (0, jsx_runtime_1.jsx)(modal_1.WalletModalProvider, { children: children }) }));
 };
 exports.ChainProvider = ChainProvider;
 const useInterchainWalletContext = () => {

package/store/index.d.ts

@@ -0,0 +1,35 @@
+import { AssetList, Chain } from "@chain-registry/v2-types";
+import { BaseWallet, EndpointOptions, SignerOptions, WalletAccount, WalletManager, WalletState } from "@interchain-kit/core";
+import { SignerOptions as InterchainSignerOptions } from '@interchainjs/cosmos/types/signing-client';
+import { HttpEndpoint } from '@interchainjs/types';
+type ChainWalletState = {
+    chainName: string;
+    walletName: string;
+    walletState: WalletState;
+    rpcEndpoint: string | HttpEndpoint;
+    errorMessage: string;
+    signerOption: InterchainSignerOptions;
+    account: WalletAccount;
+};
+export interface InterchainStore extends WalletManager {
+    chainWalletState: ChainWalletState[];
+    currentWalletName: string;
+    currentChainName: string;
+    setCurrentChainName: (chainName: string) => void;
+    setCurrentWalletName: (walletName: string) => void;
+    getDraftChainWalletState: (state: InterchainStore, walletName: string, chainName: string) => ChainWalletState;
+    getChainWalletState: (walletName: string, chainName: string) => ChainWalletState | undefined;
+    updateChainWalletState: (walletName: string, chainName: string, data: Partial<ChainWalletState>) => void;
+}
+export type InterchainStoreData = {
+    chains: Chain[];
+    assetLists: AssetList[];
+    wallets: BaseWallet[];
+    signerOptions: SignerOptions;
+    endpointOptions: EndpointOptions;
+};
+export declare const createInterchainStore: (walletManager: WalletManager) => Omit<import("zustand").StoreApi<InterchainStore>, "setState"> & {
+    setState(nextStateOrUpdater: InterchainStore | Partial<InterchainStore> | ((state: import("immer").WritableDraft<InterchainStore>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: InterchainStore | ((state: import("immer").WritableDraft<InterchainStore>) => void), shouldReplace: true): void;
+};
+export {};