@interchain-kit/react 0.2.202 → 0.2.204

package/esm/hooks/useWalletManager.js

@@ -1,6 +1,17 @@
+import { useStore } from "zustand";
 import { useInterchainWalletContext } from "../provider";
-import { useStore } from 'zustand';
+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);
+        }
+    }
+}
 export const useWalletManager = () => {
-    const store = useInterchainWalletContext();
-    return useStore(store);
+    const object = useInterchainWalletContext();
+    // put useStore here to update the hook
+    const store = useStore(object.store);
+    bindMethodsToContext(object);
+    return object;
 };

package/esm/provider.js

@@ -1,19 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
+import { useEffect } 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();
-        store.current.getState().init();
+        walletManager.init();
     }, []);
-    return (_jsx(InterchainWalletContext.Provider, { value: store.current, children: _jsx(WalletModalProvider, { children: children }) }));
+    return (_jsx(InterchainWalletContext.Provider, { value: walletManager, children: _jsx(WalletModalProvider, { children: children }) }));
 };
 export const useInterchainWalletContext = () => {
     const context = useContext(InterchainWalletContext);

package/esm/store/index.js

@@ -32,6 +32,7 @@ export const createInterchainStore = (walletManager) => {
         });
     });
     return createStore(persist(immer((set, get) => ({
+        store: walletManager.store,
         chainWalletState,
         currentWalletName: '',
         currentChainName: '',

package/hooks/useWalletManager.d.ts

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

package/hooks/useWalletManager.js

@@ -1,10 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWalletManager = void 0;
-const provider_1 = require("../provider");
 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 useWalletManager = () => {
-    const store = (0, provider_1.useInterchainWalletContext)();
-    return (0, zustand_1.useStore)(store);
+    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;
 };
 exports.useWalletManager = useWalletManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.2.202",
+  "version": "0.2.204",
   "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.202",
+    "@interchain-kit/core": "0.2.204",
     "@interchain-ui/react": "1.26.1",
-    "@interchainjs/cosmos": "1.9.3",
-    "@interchainjs/cosmos-types": "1.9.3",
+    "@interchainjs/cosmos": "1.9.12",
+    "@interchainjs/cosmos-types": "1.9.12",
     "@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.3",
+    "interchainjs": "1.9.12",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "zustand": "^5.0.3"
   },
-  "gitHead": "60f30aa20fa8d8e0167ebe67ce195dda02dcb3ff"
+  "gitHead": "256ae367a0ff176254eac9e8695f64099ba7b1a1"
 }

package/provider.d.ts

@@ -1,9 +1,6 @@
 import React from "react";
-import { BaseWallet, SignerOptions, EndpointOptions } from "@interchain-kit/core";
+import { BaseWallet, SignerOptions, EndpointOptions, WalletManager } 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[];
@@ -13,5 +10,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: () => InterchainWalletContextType;
+export declare const useInterchainWalletContext: () => WalletManager;
 export {};

package/provider.js

@@ -6,17 +6,14 @@ 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();
-        store.current.getState().init();
+        walletManager.init();
     }, []);
-    return ((0, jsx_runtime_1.jsx)(InterchainWalletContext.Provider, { value: store.current, children: (0, jsx_runtime_1.jsx)(modal_1.WalletModalProvider, { children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(InterchainWalletContext.Provider, { value: walletManager, children: (0, jsx_runtime_1.jsx)(modal_1.WalletModalProvider, { children: children }) }));
 };
 exports.ChainProvider = ChainProvider;
 const useInterchainWalletContext = () => {

package/store/index.js

@@ -35,6 +35,7 @@ const createInterchainStore = (walletManager) => {
         });
     });
     return (0, zustand_1.createStore)((0, middleware_1.persist)((0, immer_1.immer)((set, get) => ({
+        store: walletManager.store,
         chainWalletState,
         currentWalletName: '',
         currentChainName: '',