@interchain-kit/react 0.3.48 → 0.3.50

package/esm/hooks/index.js

@@ -1,6 +1,7 @@
-export * from './useWalletManager';
+export * from './useAsync';
 export * from './useChain';
+export * from './useChains';
 export * from './useChainWallet';
 export * from './useSigningClient';
-export * from './useAsync';
+export * from './useWalletManager';
 export * from './useWalletModal';

package/esm/hooks/useAsync.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 export const cache = new Map();
 export const activeRequests = new Map();
 export function useAsync({ queryKey, queryFn, enabled = true, disableCache = false, }) {

package/esm/hooks/useChains.js

@@ -0,0 +1,8 @@
+import { useChain } from './useChain';
+export const useChains = (chainNames) => {
+    const results = {};
+    chainNames.forEach(chainName => {
+        results[chainName] = useChain(chainName);
+    });
+    return results;
+};

package/esm/hooks/useSigningClient.js

@@ -2,7 +2,15 @@ import { WalletState } from '@interchain-kit/core';
 import { useAsync } from './useAsync';
 import { useWalletManager } from './useWalletManager';
 export const useSigningClient = (chainName, walletName) => {
-    const { getSigningClient, getChainWalletState, getRpcEndpoint, isReady } = useWalletManager();
+    const { getSigningClient, getChainWalletState, getRpcEndpoint, isReady, getChainByName } = useWalletManager();
+    const chain = getChainByName(chainName);
+    if (chain.chainType !== 'cosmos') {
+        return {
+            signingClient: null,
+            isLoading: false,
+            error: null,
+        };
+    }
     const chainWalletState = getChainWalletState(walletName, chainName);
     const { data, isLoading, error } = useAsync({
         queryKey: `signing-client-${chainName}-${walletName}`,

package/esm/modal/modal.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { WalletState } from "@interchain-kit/core";
-import { ConnectModal, ThemeProvider, } from "@interchain-ui/react";
-import { useMemo, useState } from "react";
-import { useWalletManager } from "../hooks";
-import { transferToWalletUISchema } from "../utils";
-import { ConnectedContent, ConnectedHeader, ConnectingContent, ConnectingHeader, ErrorContent, ErrorHeader, NotExistContent, NotExistHeader, QRCodeContent, QRCodeHeader, RejectContent, RejectHeader, WalletListContent, WalletListHeader, } from "./views";
+import { WalletState } from '@interchain-kit/core';
+import { ConnectModal, ThemeProvider, } from '@interchain-ui/react';
+import { useMemo, useState } from 'react';
+import { useWalletManager } from '../hooks';
+import { transferToWalletUISchema } from '../utils';
+import { ConnectedContent, ConnectedHeader, ConnectingContent, ConnectingHeader, ErrorContent, ErrorHeader, NotExistContent, NotExistHeader, QRCodeContent, QRCodeHeader, RejectContent, RejectHeader, WalletListContent, WalletListHeader, } from './views';
 export const InterchainWalletModal = ({ 
 // ==== Custom modal styles
 modalContainerClassName, modalContentClassName, modalChildrenClassName, modalContentStyles, modalThemeProviderProps, }) => {
@@ -38,7 +38,7 @@ modalContainerClassName, modalContentClassName, modalChildrenClassName, modalCon
 export const WalletModalElement = ({ shouldShowList, isOpen, walletConnectQRCodeUri, wallets, username, address, currentWallet, isConnecting, isConnected, isRejected, isDisconnected, isNotExist, errorMessage, open, close, disconnect, onSelectWallet, onBack, onReconnect, getDownloadLink, getEnv, modalThemeProviderProps, modalContainerClassName, modalContentClassName, modalChildrenClassName, modalContentStyles, }) => {
     const { header, content } = useMemo(() => {
         if (shouldShowList ||
-            (isDisconnected && currentWallet.errorMessage === "")) {
+            (isDisconnected && currentWallet.errorMessage === '')) {
             return {
                 header: _jsx(WalletListHeader, { close: close }),
                 content: (_jsx(WalletListContent, { onSelectWallet: onSelectWallet, wallets: wallets })),
@@ -46,7 +46,7 @@ export const WalletModalElement = ({ shouldShowList, isOpen, walletConnectQRCode
         }
         if (currentWallet &&
             walletConnectQRCodeUri &&
-            currentWallet.info.name === "WalletConnect") {
+            currentWallet.info.name === 'WalletConnect') {
             return {
                 header: (_jsx(QRCodeHeader, { wallet: currentWallet, close: close, onBack: onBack })),
                 content: (_jsx(QRCodeContent, { walletConnectQRCodeUri: walletConnectQRCodeUri, errorMessage: errorMessage, onReconnect: onReconnect })),

package/esm/modal/views/Connected.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectModalHead, ConnectModalStatus } from "@interchain-ui/react";
-import { getWalletInfo } from "../../utils";
-import { AstronautSvg } from "./Astronaut";
+import { ConnectModalHead, ConnectModalStatus } from '@interchain-ui/react';
+import { getWalletInfo } from '../../utils';
+import { AstronautSvg } from './Astronaut';
 export const ConnectedHeader = ({ wallet, close, onBack, }) => {
-    return (_jsx(ConnectModalHead, { title: wallet?.info?.prettyName || "", hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
+    return (_jsx(ConnectModalHead, { title: wallet?.info?.prettyName || '', hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
 };
 export const ConnectedContent = ({ address, username, wallet, disconnect, }) => {
-    return (_jsx(ConnectModalStatus, { wallet: getWalletInfo(wallet), status: "Connected", connectedInfo: {
-            name: username || "Wallet",
+    return (_jsx(ConnectModalStatus, { wallet: getWalletInfo(wallet), status: 'Connected', connectedInfo: {
+            name: username || 'Wallet',
             avatar: (_jsx(AstronautSvg, { style: {
-                    fontSize: "inherit",
-                    width: "100%",
-                    height: "100%",
+                    fontSize: 'inherit',
+                    width: '100%',
+                    height: '100%',
                 } })),
             address: address,
         }, onDisconnect: disconnect }));

package/esm/modal/views/Connecting.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectModalHead, ConnectModalStatus } from "@interchain-ui/react";
+import { ConnectModalHead, ConnectModalStatus } from '@interchain-ui/react';
 export const ConnectingHeader = ({ wallet, close, onBack, }) => {
     return (_jsx(ConnectModalHead, { title: wallet.info.prettyName, hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: {
             onClick: close,
@@ -7,8 +7,8 @@ export const ConnectingHeader = ({ wallet, close, onBack, }) => {
 };
 export const ConnectingContent = ({ wallet }) => {
     const { info: { prettyName, mode }, } = wallet;
-    let title = "Requesting Connection";
-    let desc = mode === "wallet-connect"
+    let title = 'Requesting Connection';
+    let desc = mode === 'wallet-connect'
         ? `Approve ${prettyName} connection request on your mobile.`
         : `Open the ${prettyName} browser extension to connect your wallet.`;
     if (!wallet)

package/esm/modal/views/Error.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectModalHead, ConnectModalStatus } from "@interchain-ui/react";
-import { getWalletInfo } from "../../utils";
+import { ConnectModalHead, ConnectModalStatus } from '@interchain-ui/react';
+import { getWalletInfo } from '../../utils';
 export const ErrorHeader = ({ wallet, close, onBack, }) => {
     return (_jsx(ConnectModalHead, { title: wallet.info.prettyName, hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
 };
 export const ErrorContent = ({ wallet, onBack, }) => {
-    return (_jsx(ConnectModalStatus, { status: "Error", wallet: getWalletInfo(wallet), contentHeader: "Oops! Something wrong...", contentDesc: wallet.errorMessage, onChangeWallet: onBack }));
+    return (_jsx(ConnectModalStatus, { status: "Error", wallet: getWalletInfo(wallet), contentHeader: 'Oops! Something wrong...', contentDesc: wallet.errorMessage, onChangeWallet: onBack }));
 };

package/esm/modal/views/NotExist.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectModalHead, ConnectModalStatus } from "@interchain-ui/react";
-import { useMemo } from "react";
-import { FaAndroid } from "@react-icons/all-files/fa/FaAndroid";
-import { GoDesktopDownload } from "@react-icons/all-files/go/GoDesktopDownload";
-import { GrFirefox } from "@react-icons/all-files/gr/GrFirefox";
-import { RiAppStoreFill } from "@react-icons/all-files/ri/RiAppStoreFill";
-import { RiChromeFill } from "@react-icons/all-files/ri/RiChromeFill";
+import { ConnectModalHead, ConnectModalStatus } from '@interchain-ui/react';
+import { FaAndroid } from '@react-icons/all-files/fa/FaAndroid';
+import { GoDesktopDownload } from '@react-icons/all-files/go/GoDesktopDownload';
+import { GrFirefox } from '@react-icons/all-files/gr/GrFirefox';
+import { RiAppStoreFill } from '@react-icons/all-files/ri/RiAppStoreFill';
+import { RiChromeFill } from '@react-icons/all-files/ri/RiChromeFill';
+import { useMemo } from 'react';
 export const NotExistHeader = ({ wallet, close, onBack, }) => {
-    return (_jsx(ConnectModalHead, { title: wallet?.info?.prettyName || "", hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
+    return (_jsx(ConnectModalHead, { title: wallet?.info?.prettyName || '', hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
 };
 export const NotExistContent = ({ wallet, getDownloadLink, getEnv, }) => {
     const downloadLink = useMemo(() => {
@@ -15,26 +15,26 @@ export const NotExistContent = ({ wallet, getDownloadLink, getEnv, }) => {
     }, [wallet?.info?.name]);
     const onInstall = () => {
         if (downloadLink) {
-            window.open(downloadLink.link, "_blank");
+            window.open(downloadLink.link, '_blank');
         }
     };
     const IconComp = getIcon(getEnv());
     return (_jsx(ConnectModalStatus, { status: "NotExist", wallet: {
             name: wallet?.info?.prettyName,
-            logo: typeof wallet?.info?.logo === "string" ? wallet?.info?.logo : "",
+            logo: typeof wallet?.info?.logo === 'string' ? wallet?.info?.logo : '',
             mobileDisabled: true,
         }, contentHeader: `${wallet?.info?.prettyName} Not Installed`, contentDesc: true
             ? `If ${wallet?.info?.prettyName.toLowerCase()} is installed on your device, please refresh this page or follow the browser instruction.`
             : `Download link not provided. Try searching it or consulting the developer team.`, onInstall: onInstall, installIcon: _jsx(IconComp, {}), disableInstall: downloadLink === null }));
 };
 function getIcon(env) {
-    if (env?.browser === "chrome")
+    if (env?.browser === 'chrome')
         return RiChromeFill;
-    if (env?.browser === "firefox")
+    if (env?.browser === 'firefox')
         return GrFirefox;
-    if (env?.os === "android")
+    if (env?.os === 'android')
         return FaAndroid;
-    if (env?.os === "ios")
+    if (env?.os === 'ios')
         return RiAppStoreFill;
     return GoDesktopDownload;
 }

package/esm/modal/views/QRCode.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectModalHead, ConnectModalQRCode } from "@interchain-ui/react";
+import { ConnectModalHead, ConnectModalQRCode } from '@interchain-ui/react';
 export const QRCodeHeader = ({ wallet, close, onBack, }) => {
-    return (_jsx(ConnectModalHead, { title: wallet?.info?.prettyName || "", hasBackButton: true, onClose: () => void 0, onBack: onBack, closeButtonProps: { onClick: close } }));
+    return (_jsx(ConnectModalHead, { title: wallet?.info?.prettyName || '', hasBackButton: true, onClose: () => void 0, onBack: onBack, closeButtonProps: { onClick: close } }));
 };
 export const QRCodeContent = ({ errorMessage, walletConnectQRCodeUri, onReconnect, }) => {
-    return (_jsx(ConnectModalQRCode, { status: walletConnectQRCodeUri ? "Done" : "Pending", link: walletConnectQRCodeUri, description: "Open App to connect", errorTitle: "errorTitle", errorDesc: errorMessage || "", onRefresh: onReconnect }));
+    return (_jsx(ConnectModalQRCode, { status: walletConnectQRCodeUri ? 'Done' : 'Pending', link: walletConnectQRCodeUri, description: 'Open App to connect', errorTitle: 'errorTitle', errorDesc: errorMessage || '', onRefresh: onReconnect }));
 };

package/esm/modal/views/Reject.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectModalHead, ConnectModalStatus } from "@interchain-ui/react";
-import { getWalletInfo } from "../../utils";
+import { ConnectModalHead, ConnectModalStatus } from '@interchain-ui/react';
+import { getWalletInfo } from '../../utils';
 export const RejectHeader = ({ wallet, close, onBack, }) => {
     return (_jsx(ConnectModalHead, { title: wallet?.info?.prettyName, hasBackButton: true, onClose: close, onBack: onBack, closeButtonProps: { onClick: close } }));
 };
 export const RejectContent = ({ wallet, onReconnect, }) => {
-    return (_jsx(ConnectModalStatus, { status: "Rejected", wallet: getWalletInfo(wallet), contentHeader: "Request Rejected", contentDesc: wallet.errorMessage || "Connection permission is denied.", onConnect: onReconnect }));
+    return (_jsx(ConnectModalStatus, { status: "Rejected", wallet: getWalletInfo(wallet), contentHeader: 'Request Rejected', contentDesc: wallet.errorMessage || 'Connection permission is denied.', onConnect: onReconnect }));
 };

package/esm/modal/views/WalletList.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConnectModalHead, ConnectModalWalletList } from "@interchain-ui/react";
+import { ConnectModalHead, ConnectModalWalletList } from '@interchain-ui/react';
 export const WalletListHeader = ({ close }) => {
     return (_jsx(ConnectModalHead, { title: "Select your wallet", hasBackButton: false, onClose: close, closeButtonProps: { onClick: close } }));
 };

package/esm/modal/views/index.js

@@ -1,7 +1,7 @@
-export * from './Connecting';
-export * from './WalletList';
 export * from './Connected';
-export * from './Reject';
-export * from './QRCode';
-export * from './NotExist';
+export * from './Connecting';
 export * from './Error';
+export * from './NotExist';
+export * from './QRCode';
+export * from './Reject';
+export * from './WalletList';

package/esm/provider.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { WalletManagerStore } from "@interchain-kit/store";
-import { useEffect, useRef } from "react";
-import { createContext, useContext } from "react";
-import { ModalRenderer } from "./modal";
+import { WalletManagerStore } from '@interchain-kit/store';
+import { useEffect, useRef } from 'react';
+import { createContext, useContext } from 'react';
+import { ModalRenderer } from './modal';
 const InterchainWalletContext = createContext(null);
 export const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOptions, children, walletModal: ProviderWalletModal, }) => {
     const store = useRef(null);
@@ -17,7 +17,7 @@ export const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endp
 export const useInterchainWalletContext = () => {
     const context = 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;
 };

package/esm/utils/decorateWallet.js

@@ -3,7 +3,7 @@ export const decorateWallet = (wallet, decorateMethods) => {
         get(target, prop, receiver) {
             if (prop in decorateMethods) {
                 const value = decorateMethods[prop];
-                if (typeof value === "function") {
+                if (typeof value === 'function') {
                     return value.bind(target);
                 }
                 return value;

package/esm/utils/index.js

@@ -1,3 +1,3 @@
-export * from './wallet';
 export * from './dedupeAsync';
 export * from './restoreAccount';
+export * from './wallet';

package/esm/utils/wallet.js

@@ -7,7 +7,7 @@ export const getWalletInfo = (wallet) => {
     };
 };
 export const transferToWalletUISchema = (w) => {
-    if (w.info.mode === "wallet-connect") {
+    if (w.info.mode === 'wallet-connect') {
         const wc = w;
         if (wc.session) {
             return {
@@ -15,7 +15,7 @@ export const transferToWalletUISchema = (w) => {
                 prettyName: `${wc.session?.peer.metadata?.name} - Mobile`,
                 logo: wc.session?.peer.metadata?.icons?.[0],
                 mobileDisabled: true,
-                shape: "list",
+                shape: 'list',
                 originalWallet: { ...w, session: wc.session },
                 subLogo: w.info.logo,
             };
@@ -26,7 +26,7 @@ export const transferToWalletUISchema = (w) => {
         prettyName: w.info.prettyName,
         logo: w.info.logo,
         mobileDisabled: true,
-        shape: "list",
+        shape: 'list',
         originalWallet: w,
     };
 };

package/hooks/index.d.ts

@@ -1,6 +1,7 @@
-export * from './useWalletManager';
+export * from './useAsync';
 export * from './useChain';
+export * from './useChains';
 export * from './useChainWallet';
 export * from './useSigningClient';
-export * from './useAsync';
+export * from './useWalletManager';
 export * from './useWalletModal';

package/hooks/index.js

@@ -14,9 +14,10 @@ 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("./useWalletManager"), exports);
+__exportStar(require("./useAsync"), exports);
 __exportStar(require("./useChain"), exports);
+__exportStar(require("./useChains"), exports);
 __exportStar(require("./useChainWallet"), exports);
 __exportStar(require("./useSigningClient"), exports);
-__exportStar(require("./useAsync"), exports);
+__exportStar(require("./useWalletManager"), exports);
 __exportStar(require("./useWalletModal"), exports);

package/hooks/useChains.d.ts

@@ -0,0 +1,3 @@
+import { Chain } from '@chain-registry/types';
+import { UseChainReturnType } from './../types/chain';
+export declare const useChains: (chainNames: Chain["chainName"][]) => Record<string, UseChainReturnType>;

package/hooks/useChains.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChains = void 0;
+const useChain_1 = require("./useChain");
+const useChains = (chainNames) => {
+    const results = {};
+    chainNames.forEach(chainName => {
+        results[chainName] = (0, useChain_1.useChain)(chainName);
+    });
+    return results;
+};
+exports.useChains = useChains;

package/hooks/useSigningClient.js

@@ -5,7 +5,15 @@ const core_1 = require("@interchain-kit/core");
 const useAsync_1 = require("./useAsync");
 const useWalletManager_1 = require("./useWalletManager");
 const useSigningClient = (chainName, walletName) => {
-    const { getSigningClient, getChainWalletState, getRpcEndpoint, isReady } = (0, useWalletManager_1.useWalletManager)();
+    const { getSigningClient, getChainWalletState, getRpcEndpoint, isReady, getChainByName } = (0, useWalletManager_1.useWalletManager)();
+    const chain = getChainByName(chainName);
+    if (chain.chainType !== 'cosmos') {
+        return {
+            signingClient: null,
+            isLoading: false,
+            error: null,
+        };
+    }
     const chainWalletState = getChainWalletState(walletName, chainName);
     const { data, isLoading, error } = (0, useAsync_1.useAsync)({
         queryKey: `signing-client-${chainName}-${walletName}`,

package/modal/modal.d.ts

@@ -1,7 +1,7 @@
-import { DownloadInfo } from "@interchain-kit/core";
-import { ThemeProviderProps, Wallet as InterchainUIWalletType } from "@interchain-ui/react";
-import { ReactElement } from "react";
-import { WalletStore } from "@interchain-kit/store/wallet-manager/wallet-store";
+import { DownloadInfo } from '@interchain-kit/core';
+import { WalletStore } from '@interchain-kit/store/wallet-manager/wallet-store';
+import { ThemeProviderProps, Wallet as InterchainUIWalletType } from '@interchain-ui/react';
+import { ReactElement } from 'react';
 export type WalletModalProps = {
     isOpen: boolean;
     wallets: WalletStore[];

package/modal/modal.js

@@ -42,7 +42,7 @@ exports.InterchainWalletModal = InterchainWalletModal;
 const WalletModalElement = ({ shouldShowList, isOpen, walletConnectQRCodeUri, wallets, username, address, currentWallet, isConnecting, isConnected, isRejected, isDisconnected, isNotExist, errorMessage, open, close, disconnect, onSelectWallet, onBack, onReconnect, getDownloadLink, getEnv, modalThemeProviderProps, modalContainerClassName, modalContentClassName, modalChildrenClassName, modalContentStyles, }) => {
     const { header, content } = (0, react_2.useMemo)(() => {
         if (shouldShowList ||
-            (isDisconnected && currentWallet.errorMessage === "")) {
+            (isDisconnected && currentWallet.errorMessage === '')) {
             return {
                 header: (0, jsx_runtime_1.jsx)(views_1.WalletListHeader, { close: close }),
                 content: ((0, jsx_runtime_1.jsx)(views_1.WalletListContent, { onSelectWallet: onSelectWallet, wallets: wallets })),
@@ -50,7 +50,7 @@ const WalletModalElement = ({ shouldShowList, isOpen, walletConnectQRCodeUri, wa
         }
         if (currentWallet &&
             walletConnectQRCodeUri &&
-            currentWallet.info.name === "WalletConnect") {
+            currentWallet.info.name === 'WalletConnect') {
             return {
                 header: ((0, jsx_runtime_1.jsx)(views_1.QRCodeHeader, { wallet: currentWallet, close: close, onBack: onBack })),
                 content: ((0, jsx_runtime_1.jsx)(views_1.QRCodeContent, { walletConnectQRCodeUri: walletConnectQRCodeUri, errorMessage: errorMessage, onReconnect: onReconnect })),

package/modal/views/Connected.d.ts

@@ -1,4 +1,4 @@
-import { BaseWallet } from "@interchain-kit/core";
+import { BaseWallet } from '@interchain-kit/core';
 export declare const ConnectedHeader: ({ wallet, close, onBack, }: {
     wallet: BaseWallet;
     close: () => void;

package/modal/views/Connected.js

@@ -6,16 +6,16 @@ const react_1 = require("@interchain-ui/react");
 const utils_1 = require("../../utils");
 const Astronaut_1 = require("./Astronaut");
 const ConnectedHeader = ({ wallet, close, onBack, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: wallet?.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 = ({ address, username, wallet, disconnect, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { wallet: (0, utils_1.getWalletInfo)(wallet), status: "Connected", connectedInfo: {
-            name: 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%",
+                    fontSize: 'inherit',
+                    width: '100%',
+                    height: '100%',
                 } })),
             address: address,
         }, onDisconnect: disconnect }));

package/modal/views/Connecting.d.ts

@@ -1,4 +1,4 @@
-import { BaseWallet } from "@interchain-kit/core";
+import { BaseWallet } from '@interchain-kit/core';
 export declare const ConnectingHeader: ({ wallet, close, onBack, }: {
     wallet: BaseWallet;
     close: () => void;

package/modal/views/Connecting.js

@@ -11,8 +11,8 @@ const ConnectingHeader = ({ wallet, close, onBack, }) => {
 exports.ConnectingHeader = ConnectingHeader;
 const ConnectingContent = ({ wallet }) => {
     const { info: { prettyName, mode }, } = wallet;
-    let title = "Requesting Connection";
-    let desc = mode === "wallet-connect"
+    let title = 'Requesting Connection';
+    let desc = mode === 'wallet-connect'
         ? `Approve ${prettyName} connection request on your mobile.`
         : `Open the ${prettyName} browser extension to connect your wallet.`;
     if (!wallet)

package/modal/views/Error.d.ts

@@ -1,4 +1,4 @@
-import { WalletStore } from "@interchain-kit/store";
+import { WalletStore } from '@interchain-kit/store';
 export declare const ErrorHeader: ({ wallet, close, onBack, }: {
     wallet: WalletStore;
     close: () => void;

package/modal/views/Error.js

@@ -9,6 +9,6 @@ const ErrorHeader = ({ wallet, close, onBack, }) => {
 };
 exports.ErrorHeader = ErrorHeader;
 const ErrorContent = ({ wallet, onBack, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { status: "Error", wallet: (0, utils_1.getWalletInfo)(wallet), contentHeader: "Oops! Something wrong...", contentDesc: wallet.errorMessage, onChangeWallet: onBack }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { status: "Error", wallet: (0, utils_1.getWalletInfo)(wallet), contentHeader: 'Oops! Something wrong...', contentDesc: wallet.errorMessage, onChangeWallet: onBack }));
 };
 exports.ErrorContent = ErrorContent;

package/modal/views/NotExist.d.ts

@@ -1,5 +1,5 @@
-import { DownloadInfo } from "@interchain-kit/core";
-import { WalletStore } from "@interchain-kit/store";
+import { DownloadInfo } from '@interchain-kit/core';
+import { WalletStore } from '@interchain-kit/store';
 export declare const NotExistHeader: ({ wallet, close, onBack, }: {
     wallet: WalletStore;
     close: () => void;

package/modal/views/NotExist.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NotExistContent = exports.NotExistHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@interchain-ui/react");
-const react_2 = require("react");
 const FaAndroid_1 = require("@react-icons/all-files/fa/FaAndroid");
 const GoDesktopDownload_1 = require("@react-icons/all-files/go/GoDesktopDownload");
 const GrFirefox_1 = require("@react-icons/all-files/gr/GrFirefox");
 const RiAppStoreFill_1 = require("@react-icons/all-files/ri/RiAppStoreFill");
 const RiChromeFill_1 = require("@react-icons/all-files/ri/RiChromeFill");
+const react_2 = require("react");
 const NotExistHeader = ({ wallet, close, onBack, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: wallet?.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.NotExistHeader = NotExistHeader;
 const NotExistContent = ({ wallet, getDownloadLink, getEnv, }) => {
@@ -19,13 +19,13 @@ const NotExistContent = ({ wallet, getDownloadLink, getEnv, }) => {
     }, [wallet?.info?.name]);
     const onInstall = () => {
         if (downloadLink) {
-            window.open(downloadLink.link, "_blank");
+            window.open(downloadLink.link, '_blank');
         }
     };
     const IconComp = getIcon(getEnv());
     return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalStatus, { status: "NotExist", wallet: {
             name: wallet?.info?.prettyName,
-            logo: typeof wallet?.info?.logo === "string" ? wallet?.info?.logo : "",
+            logo: typeof wallet?.info?.logo === 'string' ? wallet?.info?.logo : '',
             mobileDisabled: true,
         }, contentHeader: `${wallet?.info?.prettyName} Not Installed`, contentDesc: true
             ? `If ${wallet?.info?.prettyName.toLowerCase()} is installed on your device, please refresh this page or follow the browser instruction.`
@@ -33,13 +33,13 @@ const NotExistContent = ({ wallet, getDownloadLink, getEnv, }) => {
 };
 exports.NotExistContent = NotExistContent;
 function getIcon(env) {
-    if (env?.browser === "chrome")
+    if (env?.browser === 'chrome')
         return RiChromeFill_1.RiChromeFill;
-    if (env?.browser === "firefox")
+    if (env?.browser === 'firefox')
         return GrFirefox_1.GrFirefox;
-    if (env?.os === "android")
+    if (env?.os === 'android')
         return FaAndroid_1.FaAndroid;
-    if (env?.os === "ios")
+    if (env?.os === 'ios')
         return RiAppStoreFill_1.RiAppStoreFill;
     return GoDesktopDownload_1.GoDesktopDownload;
 }

package/modal/views/QRCode.d.ts

@@ -1,4 +1,4 @@
-import { BaseWallet } from "@interchain-kit/core";
+import { BaseWallet } from '@interchain-kit/core';
 export declare const QRCodeHeader: ({ wallet, close, onBack, }: {
     wallet: BaseWallet;
     close: () => void;

package/modal/views/QRCode.js

@@ -4,10 +4,10 @@ exports.QRCodeContent = exports.QRCodeHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@interchain-ui/react");
 const QRCodeHeader = ({ wallet, close, onBack, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: wallet?.info?.prettyName || "", hasBackButton: true, onClose: () => void 0, onBack: onBack, closeButtonProps: { onClick: close } }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: wallet?.info?.prettyName || '', hasBackButton: true, onClose: () => void 0, onBack: onBack, closeButtonProps: { onClick: close } }));
 };
 exports.QRCodeHeader = QRCodeHeader;
 const QRCodeContent = ({ errorMessage, walletConnectQRCodeUri, onReconnect, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalQRCode, { status: walletConnectQRCodeUri ? "Done" : "Pending", link: walletConnectQRCodeUri, description: "Open App to connect", errorTitle: "errorTitle", errorDesc: errorMessage || "", onRefresh: onReconnect }));
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalQRCode, { status: walletConnectQRCodeUri ? 'Done' : 'Pending', link: walletConnectQRCodeUri, description: 'Open App to connect', errorTitle: 'errorTitle', errorDesc: errorMessage || '', onRefresh: onReconnect }));
 };
 exports.QRCodeContent = QRCodeContent;

package/modal/views/Reject.d.ts

@@ -1,4 +1,4 @@
-import { WalletStore } from "@interchain-kit/store";
+import { WalletStore } from '@interchain-kit/store';
 export declare const RejectHeader: ({ wallet, close, onBack, }: {
     wallet: WalletStore;
     close: () => void;

package/modal/views/Reject.js

@@ -9,6 +9,6 @@ const RejectHeader = ({ wallet, close, onBack, }) => {
 };
 exports.RejectHeader = RejectHeader;
 const RejectContent = ({ wallet, onReconnect, }) => {
-    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: onReconnect }));
+    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: onReconnect }));
 };
 exports.RejectContent = RejectContent;

package/modal/views/WalletList.d.ts

@@ -1,4 +1,4 @@
-import { Wallet as InterchainUIWalletType } from "@interchain-ui/react";
+import { Wallet as InterchainUIWalletType } from '@interchain-ui/react';
 export declare const WalletListHeader: ({ close }: {
     close: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/modal/views/index.d.ts

@@ -1,7 +1,7 @@
-export * from './Connecting';
-export * from './WalletList';
 export * from './Connected';
-export * from './Reject';
-export * from './QRCode';
-export * from './NotExist';
+export * from './Connecting';
 export * from './Error';
+export * from './NotExist';
+export * from './QRCode';
+export * from './Reject';
+export * from './WalletList';

package/modal/views/index.js

@@ -14,10 +14,10 @@ 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("./Connecting"), exports);
-__exportStar(require("./WalletList"), exports);
 __exportStar(require("./Connected"), exports);
-__exportStar(require("./Reject"), exports);
-__exportStar(require("./QRCode"), exports);
-__exportStar(require("./NotExist"), exports);
+__exportStar(require("./Connecting"), exports);
 __exportStar(require("./Error"), exports);
+__exportStar(require("./NotExist"), exports);
+__exportStar(require("./QRCode"), exports);
+__exportStar(require("./Reject"), exports);
+__exportStar(require("./WalletList"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.3.48",
+  "version": "0.3.50",
   "author": "Hyperweb <developers@hyperweb.io>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -35,8 +35,8 @@
   "keywords": [],
   "dependencies": {
     "@chain-registry/types": "^2.0.1",
-    "@interchain-kit/core": "0.3.48",
-    "@interchain-kit/store": "0.3.48",
+    "@interchain-kit/core": "0.3.50",
+    "@interchain-kit/store": "0.3.50",
     "@interchain-ui/react": "^1.26.3",
     "@interchainjs/cosmos": "1.17.3",
     "@interchainjs/cosmos-types": "1.17.3",
@@ -70,5 +70,5 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "gitHead": "763ba776cbfcbff8ef76a512ef5758c7187cb1f4"
+  "gitHead": "2b3813f0fb8f9c6beb7259845acbc0a0d52c72c0"
 }

package/provider.d.ts

@@ -1,8 +1,8 @@
-import { AssetList, Chain } from "@chain-registry/types";
-import { BaseWallet, EndpointOptions, SignerOptions } from "@interchain-kit/core";
-import { WalletManagerStore } from "@interchain-kit/store";
-import React, { ReactElement } from "react";
-import { WalletModalProps } from "./modal";
+import { AssetList, Chain } from '@chain-registry/types';
+import { BaseWallet, EndpointOptions, SignerOptions } from '@interchain-kit/core';
+import { WalletManagerStore } from '@interchain-kit/store';
+import React, { ReactElement } from 'react';
+import { WalletModalProps } from './modal';
 type InterchainWalletProviderProps = {
     chains: Chain[];
     assetLists: AssetList[];

package/provider.js

@@ -21,7 +21,7 @@ exports.ChainProvider = ChainProvider;
 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;
 };

package/types/chain.d.ts

@@ -1,8 +1,8 @@
-import { HttpEndpoint } from '@interchainjs/types';
-import { Chain, AssetList } from '@chain-registry/types';
+import { AssetList, Chain } from '@chain-registry/types';
 import { WalletState } from '@interchain-kit/core';
-import { SigningClient } from './sign-client';
 import { ChainWalletStore } from '@interchain-kit/store';
+import { HttpEndpoint } from '@interchainjs/types';
+import { SigningClient } from './sign-client';
 export type CosmosKitUseChainReturnType = {
     connect: () => void;
     disconnect: () => void;

package/types/sign-client.d.ts

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

package/utils/decorateWallet.d.ts

@@ -1,2 +1,2 @@
-import { BaseWallet } from "@interchain-kit/core";
+import { BaseWallet } from '@interchain-kit/core';
 export declare const decorateWallet: <T extends BaseWallet>(wallet: T, decorateMethods: Partial<T>) => T;

package/utils/decorateWallet.js

@@ -6,7 +6,7 @@ const decorateWallet = (wallet, decorateMethods) => {
         get(target, prop, receiver) {
             if (prop in decorateMethods) {
                 const value = decorateMethods[prop];
-                if (typeof value === "function") {
+                if (typeof value === 'function') {
                     return value.bind(target);
                 }
                 return value;

package/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './wallet';
 export * from './dedupeAsync';
 export * from './restoreAccount';
+export * from './wallet';

package/utils/index.js

@@ -14,6 +14,6 @@ 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);
 __exportStar(require("./dedupeAsync"), exports);
 __exportStar(require("./restoreAccount"), exports);
+__exportStar(require("./wallet"), exports);

package/utils/restoreAccount.d.ts

@@ -1,2 +1,2 @@
-import { WalletAccount } from "@interchain-kit/core";
+import { WalletAccount } from '@interchain-kit/core';
 export declare const restoreAccountFromLocalStorage: (walletAccount: WalletAccount) => WalletAccount;

package/utils/wallet.d.ts

@@ -1,4 +1,4 @@
-import { BaseWallet } from "@interchain-kit/core";
+import { BaseWallet } from '@interchain-kit/core';
 export declare const getWalletInfo: (wallet: BaseWallet) => {
     name: string;
     prettyName: string;
@@ -16,6 +16,7 @@ export declare const transferToWalletUISchema: (w: BaseWallet) => {
         info: import("@interchain-kit/core").Wallet;
         events: import("events")<import("@interchain-kit/core").WalletEvents>;
         chainMap: Map<import("@chain-registry/types").Chain["chainId"], import("@chain-registry/types").Chain>;
+        chainNameMap: Map<import("@chain-registry/types").Chain["chainName"], import("@chain-registry/types").Chain>;
         assetLists: import("@chain-registry/types").AssetList[];
         client: any;
     };

package/utils/wallet.js

@@ -11,7 +11,7 @@ const getWalletInfo = (wallet) => {
 };
 exports.getWalletInfo = getWalletInfo;
 const transferToWalletUISchema = (w) => {
-    if (w.info.mode === "wallet-connect") {
+    if (w.info.mode === 'wallet-connect') {
         const wc = w;
         if (wc.session) {
             return {
@@ -19,7 +19,7 @@ const transferToWalletUISchema = (w) => {
                 prettyName: `${wc.session?.peer.metadata?.name} - Mobile`,
                 logo: wc.session?.peer.metadata?.icons?.[0],
                 mobileDisabled: true,
-                shape: "list",
+                shape: 'list',
                 originalWallet: { ...w, session: wc.session },
                 subLogo: w.info.logo,
             };
@@ -30,7 +30,7 @@ const transferToWalletUISchema = (w) => {
         prettyName: w.info.prettyName,
         logo: w.info.logo,
         mobileDisabled: true,
-        shape: "list",
+        shape: 'list',
         originalWallet: w,
     };
 };