@interchain-kit/react 0.2.201 → 0.2.202

package/esm/modal/modal.js

@@ -13,14 +13,19 @@ export const WalletModal = () => {
     const [selectedWallet, setSelectedWallet] = useState(null);
     const { chain, status, wallet } = useChainWallet(currentChainName, currentWalletName);
     const handleConnect = async () => {
-        if (wallet.originalWallet instanceof WCWallet) {
-            wallet.originalWallet.setOnPairingUriCreatedCallback((uri) => {
-                setQRCode(uri);
-            });
+        try {
+            if (wallet.originalWallet instanceof WCWallet) {
+                wallet.originalWallet.setOnPairingUriCreatedCallback((uri) => {
+                    setQRCode(uri);
+                });
+            }
+            await connect(selectedWallet?.info?.name, chain.chainName);
+            await getAccount(selectedWallet?.info?.name, chain.chainName);
+            setSelectedWallet(null);
+        }
+        catch (error) {
+            console.error("Failed to connect wallet:", error);
         }
-        await connect(selectedWallet?.info?.name, chain.chainName);
-        await getAccount(selectedWallet?.info?.name, chain.chainName);
-        setSelectedWallet(null);
     };
     useEffect(() => {
         if (selectedWallet && currentWalletName && currentChainName) {
@@ -58,7 +63,7 @@ export const WalletModal = () => {
         status,
         modalIsOpen,
         selectedWallet,
-        qrCode
+        qrCode,
     ]);
     const goBackList = () => setModalType("wallet-list");
     const { header, content } = useMemo(() => {

package/esm/modal/views/Connected.js

@@ -10,7 +10,6 @@ export const ConnectedHeader = ({ wallet, onBack, }) => {
 };
 export const ConnectedContent = ({ afterDisconnect, }) => {
     const { currentChainName, currentWalletName } = useWalletManager();
-    console.log({ currentChainName, currentWalletName });
     const { address, username, wallet } = useChainWallet(currentChainName, currentWalletName);
     const { close } = useWalletModal();
     if (!wallet) {

package/esm/provider.js

@@ -10,7 +10,8 @@ export const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endp
     const walletManager = new WalletManager(chains, assetLists, wallets, signerOptions, endpointOptions);
     const store = useRef(createInterchainStore(walletManager));
     useEffect(() => {
-        walletManager.init();
+        // walletManager.init();
+        store.current.getState().init();
     }, []);
     return (_jsx(InterchainWalletContext.Provider, { value: store.current, children: _jsx(WalletModalProvider, { children: children }) }));
 };

package/esm/store/index.js

@@ -1,4 +1,4 @@
-import { WalletState } from "@interchain-kit/core";
+import { clientNotExistError, WalletState } from "@interchain-kit/core";
 import { createStore } from "zustand";
 import { immer } from "zustand/middleware/immer";
 import { persist, createJSONStorage } from 'zustand/middleware';
@@ -49,7 +49,28 @@ export const createInterchainStore = (walletManager) => {
                 draft.chainWalletState[targetIndex] = { ...draft.chainWalletState[targetIndex], ...data };
             });
         },
-        init: () => walletManager.init(),
+        init: async () => {
+            const NotExistWallets = [];
+            await Promise.all(get().wallets.map(async (wallet) => {
+                try {
+                    await wallet.init();
+                }
+                catch (error) {
+                    if (error === clientNotExistError.message) {
+                        NotExistWallets.push(wallet.info.name);
+                    }
+                }
+            }));
+            set(draft => {
+                draft.chainWalletState = draft.chainWalletState.map(cws => {
+                    if (NotExistWallets.includes(cws.walletName)) {
+                        return { ...cws, walletState: WalletState.NotExist };
+                    }
+                    return cws;
+                });
+            });
+            // return walletManager.init()
+        },
         setCurrentChainName: (chainName) => {
             set(draft => { draft.currentChainName = chainName; });
         },

package/modal/modal.js

@@ -16,14 +16,19 @@ const WalletModal = () => {
     const [selectedWallet, setSelectedWallet] = (0, react_1.useState)(null);
     const { chain, status, wallet } = (0, hooks_1.useChainWallet)(currentChainName, currentWalletName);
     const handleConnect = async () => {
-        if (wallet.originalWallet instanceof core_1.WCWallet) {
-            wallet.originalWallet.setOnPairingUriCreatedCallback((uri) => {
-                setQRCode(uri);
-            });
+        try {
+            if (wallet.originalWallet instanceof core_1.WCWallet) {
+                wallet.originalWallet.setOnPairingUriCreatedCallback((uri) => {
+                    setQRCode(uri);
+                });
+            }
+            await connect(selectedWallet?.info?.name, chain.chainName);
+            await getAccount(selectedWallet?.info?.name, chain.chainName);
+            setSelectedWallet(null);
+        }
+        catch (error) {
+            console.error("Failed to connect wallet:", error);
         }
-        await connect(selectedWallet?.info?.name, chain.chainName);
-        await getAccount(selectedWallet?.info?.name, chain.chainName);
-        setSelectedWallet(null);
     };
     (0, react_1.useEffect)(() => {
         if (selectedWallet && currentWalletName && currentChainName) {
@@ -61,7 +66,7 @@ const WalletModal = () => {
         status,
         modalIsOpen,
         selectedWallet,
-        qrCode
+        qrCode,
     ]);
     const goBackList = () => setModalType("wallet-list");
     const { header, content } = (0, react_1.useMemo)(() => {

package/modal/views/Connected.js

@@ -14,7 +14,6 @@ const ConnectedHeader = ({ wallet, onBack, }) => {
 exports.ConnectedHeader = ConnectedHeader;
 const ConnectedContent = ({ afterDisconnect, }) => {
     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 (!wallet) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.2.201",
+  "version": "0.2.202",
   "author": "Hyperweb <developers@hyperweb.io>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -33,7 +33,7 @@
   "keywords": [],
   "dependencies": {
     "@chain-registry/v2-types": "^0.53.40",
-    "@interchain-kit/core": "0.2.201",
+    "@interchain-kit/core": "0.2.202",
     "@interchain-ui/react": "1.26.1",
     "@interchainjs/cosmos": "1.9.3",
     "@interchainjs/cosmos-types": "1.9.3",
@@ -46,5 +46,5 @@
     "react-dom": "^18.3.1",
     "zustand": "^5.0.3"
   },
-  "gitHead": "0e8792f853a2b27e74180885529070365918400b"
+  "gitHead": "60f30aa20fa8d8e0167ebe67ce195dda02dcb3ff"
 }

package/provider.js

@@ -13,7 +13,8 @@ const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOpt
     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();
+        // walletManager.init();
+        store.current.getState().init();
     }, []);
     return ((0, jsx_runtime_1.jsx)(InterchainWalletContext.Provider, { value: store.current, children: (0, jsx_runtime_1.jsx)(modal_1.WalletModalProvider, { children: children }) }));
 };

package/store/index.js

@@ -52,7 +52,28 @@ const createInterchainStore = (walletManager) => {
                 draft.chainWalletState[targetIndex] = { ...draft.chainWalletState[targetIndex], ...data };
             });
         },
-        init: () => walletManager.init(),
+        init: async () => {
+            const NotExistWallets = [];
+            await Promise.all(get().wallets.map(async (wallet) => {
+                try {
+                    await wallet.init();
+                }
+                catch (error) {
+                    if (error === core_1.clientNotExistError.message) {
+                        NotExistWallets.push(wallet.info.name);
+                    }
+                }
+            }));
+            set(draft => {
+                draft.chainWalletState = draft.chainWalletState.map(cws => {
+                    if (NotExistWallets.includes(cws.walletName)) {
+                        return { ...cws, walletState: core_1.WalletState.NotExist };
+                    }
+                    return cws;
+                });
+            });
+            // return walletManager.init()
+        },
         setCurrentChainName: (chainName) => {
             set(draft => { draft.currentChainName = chainName; });
         },