@interchain-kit/react 0.2.204 → 0.2.206

package/esm/hooks/useWalletManager.js

@@ -1,17 +1,6 @@
-import { useStore } from "zustand";
 import { useInterchainWalletContext } from "../provider";
-function bindMethodsToContext(context) {
-    for (const key of Object.getOwnPropertyNames(Object.getPrototypeOf(context))) {
-        const value = context[key];
-        if (typeof value === 'function') {
-            context[key] = value.bind(context);
-        }
-    }
-}
+import { useStore } from 'zustand';
 export const useWalletManager = () => {
-    const object = useInterchainWalletContext();
-    // put useStore here to update the hook
-    const store = useStore(object.store);
-    bindMethodsToContext(object);
-    return object;
+    const store = useInterchainWalletContext();
+    return useStore(store);
 };

package/esm/provider.js

@@ -1,16 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 import { createContext, useContext } from "react";
 import { WalletManager, } from "@interchain-kit/core";
 import { WalletModalProvider } from "./modal";
+import { createInterchainStore } from "./store";
 const InterchainWalletContext = createContext(null);
 export const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOptions, children, }) => {
     // const [_, forceRender] = useState({});
     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: walletManager, children: _jsx(WalletModalProvider, { children: children }) }));
+    return (_jsx(InterchainWalletContext.Provider, { value: store.current, children: _jsx(WalletModalProvider, { children: children }) }));
 };
 export const useInterchainWalletContext = () => {
     const context = useContext(InterchainWalletContext);

package/esm/store/index.js

@@ -17,23 +17,8 @@ const immerSyncUp = (newWalletManager) => {
 export const createInterchainStore = (walletManager) => {
     const { chains, assetLists, wallets, signerOptions, endpointOptions } = walletManager;
     // const walletManager = new WalletManager(chains, assetLists, wallets, signerOptions, endpointOptions)
-    const chainWalletState = [];
-    wallets.forEach(wallet => {
-        chains.forEach(chain => {
-            chainWalletState.push({
-                chainName: chain.chainName,
-                walletName: wallet.info.name,
-                walletState: WalletState.Disconnected,
-                rpcEndpoint: "",
-                errorMessage: "",
-                signerOption: undefined,
-                account: undefined
-            });
-        });
-    });
     return createStore(persist(immer((set, get) => ({
-        store: walletManager.store,
-        chainWalletState,
+        chainWalletState: [],
         currentWalletName: '',
         currentChainName: '',
         chains: [...walletManager.chains],
@@ -51,6 +36,23 @@ export const createInterchainStore = (walletManager) => {
             });
         },
         init: async () => {
+            const existedChainWalletStatesMap = new Map(get().chainWalletState.map(cws => [cws.walletName + cws.chainName, cws]));
+            wallets.forEach(wallet => {
+                chains.forEach(chain => {
+                    if (!existedChainWalletStatesMap.has(wallet.info.name + chain.chainName)) {
+                        set(draft => {
+                            draft.chainWalletState.push({
+                                chainName: chain.chainName,
+                                walletName: wallet.info.name,
+                                walletState: WalletState.Disconnected,
+                                rpcEndpoint: "",
+                                errorMessage: "",
+                                account: undefined
+                            });
+                        });
+                    }
+                });
+            });
             const NotExistWallets = [];
             await Promise.all(get().wallets.map(async (wallet) => {
                 try {
@@ -106,7 +108,6 @@ export const createInterchainStore = (walletManager) => {
                                 walletState: WalletState.Disconnected,
                                 rpcEndpoint: "",
                                 errorMessage: "",
-                                signerOption: signerOptions?.signing?.(newChain.chainName),
                                 account: undefined
                             });
                         });

package/hooks/useWalletManager.d.ts

@@ -1 +1 @@
-export declare const useWalletManager: () => import("@interchain-kit/core").WalletManager;
+export declare const useWalletManager: () => import("..").InterchainStore;

package/hooks/useWalletManager.js

@@ -1,21 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWalletManager = void 0;
-const zustand_1 = require("zustand");
 const provider_1 = require("../provider");
-function bindMethodsToContext(context) {
-    for (const key of Object.getOwnPropertyNames(Object.getPrototypeOf(context))) {
-        const value = context[key];
-        if (typeof value === 'function') {
-            context[key] = value.bind(context);
-        }
-    }
-}
+const zustand_1 = require("zustand");
 const useWalletManager = () => {
-    const object = (0, provider_1.useInterchainWalletContext)();
-    // put useStore here to update the hook
-    const store = (0, zustand_1.useStore)(object.store);
-    bindMethodsToContext(object);
-    return object;
+    const store = (0, provider_1.useInterchainWalletContext)();
+    return (0, zustand_1.useStore)(store);
 };
 exports.useWalletManager = useWalletManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.2.204",
+  "version": "0.2.206",
   "author": "Hyperweb <developers@hyperweb.io>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -33,18 +33,18 @@
   "keywords": [],
   "dependencies": {
     "@chain-registry/v2-types": "^0.53.40",
-    "@interchain-kit/core": "0.2.204",
+    "@interchain-kit/core": "0.2.206",
     "@interchain-ui/react": "1.26.1",
-    "@interchainjs/cosmos": "1.9.12",
-    "@interchainjs/cosmos-types": "1.9.12",
+    "@interchainjs/cosmos": "1.9.16",
+    "@interchainjs/cosmos-types": "1.9.16",
     "@react-icons/all-files": "^4.1.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@walletconnect/types": "^2.17.3",
-    "interchainjs": "1.9.12",
+    "interchainjs": "1.9.16",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "zustand": "^5.0.3"
   },
-  "gitHead": "256ae367a0ff176254eac9e8695f64099ba7b1a1"
+  "gitHead": "97627f5e83dc79e50bf62dd64577015fb582495c"
 }

package/provider.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
-import { BaseWallet, SignerOptions, EndpointOptions, WalletManager } from "@interchain-kit/core";
+import { BaseWallet, SignerOptions, EndpointOptions } from "@interchain-kit/core";
 import { AssetList, Chain } from "@chain-registry/v2-types";
+import { InterchainStore } from "./store";
+import { StoreApi } from "zustand";
+type InterchainWalletContextType = StoreApi<InterchainStore>;
 type InterchainWalletProviderProps = {
     chains: Chain[];
     assetLists: AssetList[];
@@ -10,5 +13,5 @@ type InterchainWalletProviderProps = {
     children: React.ReactNode;
 };
 export declare const ChainProvider: ({ chains, assetLists, wallets, signerOptions, endpointOptions, children, }: InterchainWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useInterchainWalletContext: () => WalletManager;
+export declare const useInterchainWalletContext: () => InterchainWalletContextType;
 export {};

package/provider.js

@@ -6,14 +6,17 @@ 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] = 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();
+        // walletManager.init();
+        store.current.getState().init();
     }, []);
-    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

@@ -1,6 +1,5 @@
 import { AssetList, Chain } from "@chain-registry/v2-types";
 import { BaseWallet, EndpointOptions, SignerOptions, WalletAccount, WalletManager, WalletState } from "@interchain-kit/core";
-import { SigningOptions as InterchainSignerOptions } from '@interchainjs/cosmos/types/signing-client';
 import { HttpEndpoint } from '@interchainjs/types';
 type ChainWalletState = {
     chainName: string;
@@ -8,7 +7,6 @@ type ChainWalletState = {
     walletState: WalletState;
     rpcEndpoint: string | HttpEndpoint;
     errorMessage: string;
-    signerOption: InterchainSignerOptions;
     account: WalletAccount;
 };
 export interface InterchainStore extends WalletManager {

package/store/index.js

@@ -20,23 +20,8 @@ const immerSyncUp = (newWalletManager) => {
 const createInterchainStore = (walletManager) => {
     const { chains, assetLists, wallets, signerOptions, endpointOptions } = walletManager;
     // const walletManager = new WalletManager(chains, assetLists, wallets, signerOptions, endpointOptions)
-    const chainWalletState = [];
-    wallets.forEach(wallet => {
-        chains.forEach(chain => {
-            chainWalletState.push({
-                chainName: chain.chainName,
-                walletName: wallet.info.name,
-                walletState: core_1.WalletState.Disconnected,
-                rpcEndpoint: "",
-                errorMessage: "",
-                signerOption: undefined,
-                account: undefined
-            });
-        });
-    });
     return (0, zustand_1.createStore)((0, middleware_1.persist)((0, immer_1.immer)((set, get) => ({
-        store: walletManager.store,
-        chainWalletState,
+        chainWalletState: [],
         currentWalletName: '',
         currentChainName: '',
         chains: [...walletManager.chains],
@@ -54,6 +39,23 @@ const createInterchainStore = (walletManager) => {
             });
         },
         init: async () => {
+            const existedChainWalletStatesMap = new Map(get().chainWalletState.map(cws => [cws.walletName + cws.chainName, cws]));
+            wallets.forEach(wallet => {
+                chains.forEach(chain => {
+                    if (!existedChainWalletStatesMap.has(wallet.info.name + chain.chainName)) {
+                        set(draft => {
+                            draft.chainWalletState.push({
+                                chainName: chain.chainName,
+                                walletName: wallet.info.name,
+                                walletState: core_1.WalletState.Disconnected,
+                                rpcEndpoint: "",
+                                errorMessage: "",
+                                account: undefined
+                            });
+                        });
+                    }
+                });
+            });
             const NotExistWallets = [];
             await Promise.all(get().wallets.map(async (wallet) => {
                 try {
@@ -109,7 +111,6 @@ const createInterchainStore = (walletManager) => {
                                 walletState: core_1.WalletState.Disconnected,
                                 rpcEndpoint: "",
                                 errorMessage: "",
-                                signerOption: signerOptions?.signing?.(newChain.chainName),
                                 account: undefined
                             });
                         });

package/utils/wallet.d.ts

@@ -1,7 +1,7 @@
 import { BaseWallet } from "@interchain-kit/core";
 export declare const getWalletInfo: (wallet: BaseWallet) => {
-    name: string;
-    prettyName: string;
+    name: any;
+    prettyName: any;
     logo: string;
     mobileDisabled: boolean;
 };