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

package/provider.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { BaseWallet, SignerOptions, WalletManager, EndpointOptions } from '@interChain-kit/core';
-import { AssetList, Chain } from '@chain-registry/v2-types';
+import React from "react";
+import { BaseWallet, SignerOptions, WalletManager, EndpointOptions } from "@interchain-kit/core";
+import { AssetList, Chain } from "@chain-registry/v2-types";
 type InterchainWalletContextType = {
     walletManager: WalletManager;
 };
-type InterchianWalletProviderProps = {
+type InterchainWalletProviderProps = {
     chains: Chain[];
     assetLists: AssetList[];
     wallets: BaseWallet[];
-    signerOptions: SignerOptions;
-    endpointOptions: EndpointOptions;
+    signerOptions?: SignerOptions;
+    endpointOptions?: EndpointOptions;
     children: React.ReactNode;
 };
-export declare const ChainProvider: ({ chains, assetLists, wallets, signerOptions, endpointOptions, children }: InterchianWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useInterChainWalletContext: () => InterchainWalletContextType;
+export declare const ChainProvider: ({ chains, assetLists, wallets, signerOptions, endpointOptions, children, }: InterchainWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useInterchainWalletContext: () => InterchainWalletContextType;
 export {};

package/provider.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInterChainWalletContext = exports.ChainProvider = void 0;
+exports.useInterchainWalletContext = exports.ChainProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("react");
-const core_1 = require("@interChain-kit/core");
+const core_1 = require("@interchain-kit/core");
 const modal_1 = require("./modal");
-const InterChainWalletContext = (0, react_2.createContext)(null);
-const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOptions, children }) => {
+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({}));
@@ -15,14 +15,17 @@ const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOpt
     (0, react_1.useEffect)(() => {
         walletManager.init();
     }, []);
-    return ((0, jsx_runtime_1.jsx)(InterChainWalletContext.Provider, { value: { walletManager }, children: (0, jsx_runtime_1.jsx)(modal_1.WalletModalProvider, { children: children }) }));
+    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 }) }));
 };
 exports.ChainProvider = ChainProvider;
-const useInterChainWalletContext = () => {
-    const context = (0, react_2.useContext)(InterChainWalletContext);
+const useInterchainWalletContext = () => {
+    const context = (0, react_2.useContext)(InterchainWalletContext);
     if (!context) {
-        throw new Error('useInterChainWalletContext must be used within a InterChainProvider');
+        throw new Error("useInterChainWalletContext must be used within a InterChainProvider");
     }
     return context;
 };
-exports.useInterChainWalletContext = useInterChainWalletContext;
+exports.useInterchainWalletContext = useInterchainWalletContext;

package/types/chain.d.ts

@@ -1,31 +1,37 @@
 import { HttpEndpoint } from '@interchainjs/types';
-import { CosmWasmSigningClient } from 'interchainjs/cosmwasm-stargate';
-import { SigningClient } from 'interchainjs/signing-client';
-import { RpcQuery } from 'interchainjs/query/rpc';
-import { StargateSigningClient } from 'interchainjs/stargate';
 import { Chain, AssetList } from '@chain-registry/v2-types';
 import { BaseWallet, WalletState } from '@interchain-kit/core';
+import { SigningClient } from './sign-client';
 export type CosmosKitUseChainReturnType = {
     connect: () => void;
+    disconnect: () => void;
     openView: () => void;
     closeView: () => void;
     getRpcEndpoint: () => Promise<string | HttpEndpoint>;
     status: WalletState;
     username: string;
     message: string;
-    getSigningCosmWasmClient: () => Promise<CosmWasmSigningClient>;
-    getSigningStargateClient: () => Promise<StargateSigningClient>;
 };
 export type UseChainReturnType = {
+    logoUrl: string | undefined;
     chain: Chain;
     assetList: AssetList;
     address: string;
     wallet: BaseWallet;
     rpcEndpoint: string | HttpEndpoint;
-    queryClient: RpcQuery;
     signingClient: SigningClient;
-    signingStargateClient: StargateSigningClient;
-    signingCosmWasmClient: CosmWasmSigningClient;
+    getSigningClient: () => Promise<SigningClient>;
+    isRpcEndpointLoading: boolean;
+    isAccountLoading: boolean;
+    isSigningClientLoading: boolean;
+    isLoading: boolean;
+    getRpcEndpointError: Error | null;
+    getSigningClientError: Error | null;
+    getAccountError: Error | null;
+} & CosmosKitUseChainReturnType;
+export type UseChainWalletReturnType = Omit<UseChainReturnType, 'openView' | 'closeView'>;
+export type UseInterchainClientReturnType = {
+    signingClient: SigningClient | null;
+    error: string | unknown | null;
     isLoading: boolean;
-    error: unknown;
 };

package/types/index.d.ts

@@ -1 +1,2 @@
 export * from './wallet';
+export * from './sign-client';

package/types/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./wallet"), exports);
+__exportStar(require("./sign-client"), exports);

package/types/sign-client.d.ts

@@ -0,0 +1,2 @@
+import { WalletManager } from "@interchain-kit/core";
+export type SigningClient = Awaited<ReturnType<WalletManager['getSigningClient']>>;

package/types/sign-client.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/wallet.d.ts

@@ -1,4 +1,4 @@
-import { BaseWallet } from "@interChain-kit/core";
+import { BaseWallet } from "@interchain-kit/core";
 import { ConnectState } from "../enum";
 export type UseWalletReturnType = {
     wallet: BaseWallet;

package/utils/helpers.d.ts

@@ -0,0 +1 @@
+export declare function bindAllMethodsToContext<T extends object>(context: T): T;

package/utils/helpers.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bindAllMethodsToContext = void 0;
+function bindAllMethodsToContext(context) {
+    return new Proxy(context, {
+        get(target, prop, receiver) {
+            const value = Reflect.get(target, prop, receiver);
+            if (typeof value === 'function') {
+                return value.bind(context);
+            }
+            return value;
+        }
+    });
+}
+exports.bindAllMethodsToContext = bindAllMethodsToContext;

package/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './wallet';

package/utils/index.js

@@ -1 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./wallet"), exports);

package/utils/wallet.d.ts

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

package/utils/wallet.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWalletInfo = void 0;
+const getWalletInfo = (wallet) => {
+    return {
+        name: wallet.info.name,
+        prettyName: wallet.info.prettyName,
+        logo: wallet.info.logo,
+        mobileDisabled: true,
+    };
+};
+exports.getWalletInfo = getWalletInfo;

package/esm/hooks/useActiveWallet.js

@@ -1,5 +0,0 @@
-import { useWalletManager } from "./useWalletManager";
-export const useActiveWallet = () => {
-    const walletManager = useWalletManager();
-    return walletManager.getActiveWallet();
-};

package/hooks/useActiveWallet.d.ts

@@ -1 +0,0 @@
-export declare const useActiveWallet: () => import("@interChain-kit/core").BaseWallet;

package/hooks/useActiveWallet.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveWallet = void 0;
-const useWalletManager_1 = require("./useWalletManager");
-const useActiveWallet = () => {
-    const walletManager = (0, useWalletManager_1.useWalletManager)();
-    return walletManager.getActiveWallet();
-};
-exports.useActiveWallet = useActiveWallet;