@interchain-kit/react 0.2.207 → 0.2.211

package/modal/modal.js

@@ -3,110 +3,56 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WalletModal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const views_1 = require("./views");
-const provider_1 = require("./provider");
-const hooks_1 = require("../hooks");
 const react_1 = require("react");
-const core_1 = require("@interchain-kit/core");
 const react_2 = require("@interchain-ui/react");
-const WalletModal = () => {
-    const [qrCode, setQRCode] = (0, react_1.useState)(null);
-    const { currentWalletName, currentChainName, wallets, connect, getAccount, setCurrentWalletName, } = (0, hooks_1.useWalletManager)();
-    const { modalIsOpen, open, close } = (0, provider_1.useWalletModal)();
-    const [modalType, setModalType] = (0, react_1.useState)("wallet-list");
-    const [selectedWallet, setSelectedWallet] = (0, react_1.useState)(null);
-    const { chain, status, wallet } = (0, hooks_1.useChainWallet)(currentChainName, currentWalletName);
-    const handleConnect = async () => {
-        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);
+const WalletModal = ({ shouldShowList, isOpen, walletConnectQRCodeUri, wallets, username, address, currentWallet, isConnecting, isConnected, isRejected, isDisconnected, isNotExist, errorMessage, open, close, disconnect, onSelectWallet, onBack, onReconnect, getDownloadLink, getEnv, }) => {
+    const { header, content } = (0, react_1.useMemo)(() => {
+        if (shouldShowList || isDisconnected) {
+            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 })),
+            };
+        }
+        if (currentWallet &&
+            walletConnectQRCodeUri &&
+            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 })),
+            };
         }
-        catch (error) {
-            console.error("Failed to connect wallet:", error);
+        if (currentWallet && isNotExist) {
+            return {
+                header: ((0, jsx_runtime_1.jsx)(views_1.NotExistHeader, { wallet: currentWallet, close: close, onBack: onBack })),
+                content: ((0, jsx_runtime_1.jsx)(views_1.NotExistContent, { wallet: currentWallet, getDownloadLink: getDownloadLink, getEnv: getEnv })),
+            };
         }
-    };
-    (0, react_1.useEffect)(() => {
-        if (selectedWallet && currentWalletName && currentChainName) {
-            handleConnect();
+        if (currentWallet && isRejected) {
+            return {
+                header: ((0, jsx_runtime_1.jsx)(views_1.RejectHeader, { wallet: currentWallet, close: close, onBack: onBack })),
+                content: ((0, jsx_runtime_1.jsx)(views_1.RejectContent, { wallet: currentWallet, onReconnect: onReconnect })),
+            };
         }
-    }, [selectedWallet]);
-    const handleSelectWallet = async (selectedWallet) => {
-        setSelectedWallet(selectedWallet);
-        setCurrentWalletName(selectedWallet?.info?.name);
-    };
-    (0, react_1.useEffect)(() => {
-        if (!selectedWallet) {
-            setModalType("wallet-list");
+        if (currentWallet && isConnected) {
+            return {
+                header: ((0, jsx_runtime_1.jsx)(views_1.ConnectedHeader, { wallet: currentWallet, onBack: onBack, close: close })),
+                content: ((0, jsx_runtime_1.jsx)(views_1.ConnectedContent, { wallet: currentWallet, username: username, address: address, disconnect: disconnect })),
+            };
         }
-        if (currentWalletName && currentChainName) {
-            if (status === core_1.WalletState.Connecting) {
-                setModalType("connecting");
-            }
-            if (status === core_1.WalletState.Connected) {
-                setModalType("connected");
-            }
-            if (status === core_1.WalletState.Rejected) {
-                setModalType("reject");
-            }
-            if (status === core_1.WalletState.Disconnected) {
-                setModalType("wallet-list");
-            }
-            if (qrCode) {
-                setModalType("qr-code");
-            }
+        if (currentWallet && isConnecting) {
+            return {
+                header: ((0, jsx_runtime_1.jsx)(views_1.ConnectingHeader, { wallet: currentWallet, close: close, onBack: onBack })),
+                content: (0, jsx_runtime_1.jsx)(views_1.ConnectingContent, { wallet: currentWallet }),
+            };
         }
     }, [
-        currentWalletName,
-        currentChainName,
-        status,
-        modalIsOpen,
-        selectedWallet,
-        qrCode,
+        currentWallet,
+        isConnected,
+        isConnecting,
+        address,
+        shouldShowList,
+        walletConnectQRCodeUri,
     ]);
-    const goBackList = () => setModalType("wallet-list");
-    const { header, content } = (0, react_1.useMemo)(() => {
-        switch (modalType) {
-            case "wallet-list":
-                return {
-                    header: (0, jsx_runtime_1.jsx)(views_1.WalletListHeader, {}),
-                    content: (0, jsx_runtime_1.jsx)(views_1.WalletListContent, { onSelectWallet: handleSelectWallet }),
-                };
-            case "connecting":
-                return {
-                    header: (0, jsx_runtime_1.jsx)(views_1.ConnectingHeader, { wallet: wallet, onBack: goBackList }),
-                    content: (0, jsx_runtime_1.jsx)(views_1.ConnectingContent, { wallet: wallet }),
-                };
-            case "connected":
-                return {
-                    header: (0, jsx_runtime_1.jsx)(views_1.ConnectedHeader, { wallet: wallet, onBack: goBackList }),
-                    content: (0, jsx_runtime_1.jsx)(views_1.ConnectedContent, { afterDisconnect: goBackList }),
-                };
-            case "reject":
-                return {
-                    header: (0, jsx_runtime_1.jsx)(views_1.RejectHeader, { wallet: wallet, onBack: goBackList }),
-                    content: ((0, jsx_runtime_1.jsx)(views_1.RejectContent, { wallet: wallet, onReconnect: () => {
-                            setModalType("connecting");
-                            wallet.connect(chain.chainId);
-                            wallet.getAccount(chain.chainId);
-                        } })),
-                };
-            case "not-exist":
-                return {
-                    header: (0, jsx_runtime_1.jsx)(views_1.NotExistHeader, { wallet: wallet, onBack: goBackList }),
-                    content: (0, jsx_runtime_1.jsx)(views_1.NotExistContent, { wallet: wallet }),
-                };
-            case "qr-code":
-                return {
-                    header: (0, jsx_runtime_1.jsx)(views_1.QRCodeHeader, { onBack: goBackList }),
-                    content: (0, jsx_runtime_1.jsx)(views_1.QRCodeContent, {}),
-                };
-        }
-    }, [modalType]);
-    return ((0, jsx_runtime_1.jsx)(react_2.ConnectModal, { isOpen: modalIsOpen, header: header, onOpen: open, onClose: close, children: content }));
+    return ((0, jsx_runtime_1.jsx)(react_2.ConnectModal, { isOpen: isOpen, header: header, onOpen: open, onClose: close, children: content }));
 };
 exports.WalletModal = WalletModal;

package/modal/provider.js

@@ -4,12 +4,40 @@ exports.useWalletModal = exports.WalletModalProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const modal_1 = require("./modal");
+const core_1 = require("@interchain-kit/core");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
 const WalletModalContext = (0, react_1.createContext)(null);
 const WalletModalProvider = ({ children, }) => {
     const [modalIsOpen, setModalIsOpen] = (0, react_1.useState)(false);
     const open = () => setModalIsOpen(true);
     const close = () => setModalIsOpen(false);
-    return ((0, jsx_runtime_1.jsxs)(WalletModalContext.Provider, { value: { modalIsOpen, open, close }, children: [children, (0, jsx_runtime_1.jsx)(modal_1.WalletModal, {})] }));
+    const [walletNameToConnect, setWalletNameToConnect] = (0, react_1.useState)(null);
+    const { chains, wallets, setCurrentWalletName, currentChainName, currentWalletName, walletConnectQRCodeUri, getDownloadLink, getEnv, } = (0, hooks_1.useWalletManager)();
+    const { wallet, status, connect, disconnect, username, address, message } = (0, hooks_1.useChainWallet)(currentChainName || chains[0].chainName, currentWalletName);
+    const [shouldShowList, setShouldShowList] = (0, react_1.useState)(!(currentChainName && currentWalletName));
+    const walletsForUI = wallets.map(utils_1.transferToWalletUISchema);
+    (0, react_1.useEffect)(() => {
+        if (walletNameToConnect) {
+            try {
+                connect();
+                setWalletNameToConnect(null);
+                setShouldShowList(false);
+            }
+            catch (error) {
+                console.error("Error connecting to wallet:", error);
+                throw error;
+            }
+        }
+    }, [walletNameToConnect]);
+    const handleCloseModal = () => {
+        close();
+        setShouldShowList(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(WalletModalContext.Provider, { value: { modalIsOpen, open, close }, children: [children, (0, jsx_runtime_1.jsx)(modal_1.WalletModal, { shouldShowList: shouldShowList, username: username, address: address, disconnect: disconnect, isOpen: modalIsOpen, open: open, close: handleCloseModal, wallets: walletsForUI, walletConnectQRCodeUri: walletConnectQRCodeUri, currentWallet: wallet?.originalWallet, isConnecting: status === core_1.WalletState.Connecting, isConnected: status === core_1.WalletState.Connected, isRejected: status === core_1.WalletState.Rejected, isDisconnected: status === core_1.WalletState.Disconnected, isNotExist: status === core_1.WalletState.NotExist, errorMessage: message, onSelectWallet: (w) => {
+                    setWalletNameToConnect(w.info.name);
+                    setCurrentWalletName(w.info.name);
+                }, onBack: () => setShouldShowList(true), onReconnect: connect, getDownloadLink: () => getDownloadLink(wallet?.info.name), getEnv: getEnv })] }));
 };
 exports.WalletModalProvider = WalletModalProvider;
 const useWalletModal = () => {

package/modal/views/Connected.d.ts

@@ -1,8 +1,12 @@
 import { BaseWallet } from "@interchain-kit/core";
-export declare const ConnectedHeader: ({ wallet, onBack, }: {
+export declare const ConnectedHeader: ({ wallet, close, onBack, }: {
     wallet: BaseWallet;
+    close: () => void;
     onBack: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ConnectedContent: ({ afterDisconnect, }: {
-    afterDisconnect: () => void;
+export declare const ConnectedContent: ({ address, username, wallet, disconnect, }: {
+    address: string;
+    username: string | null;
+    wallet: BaseWallet;
+    disconnect: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/modal/views/Connected.js

@@ -3,22 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConnectedContent = exports.ConnectedHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@interchain-ui/react");
-const hooks_1 = require("../../hooks");
-const provider_1 = require("../provider");
 const utils_1 = require("../../utils");
 const Astronaut_1 = require("./Astronaut");
-const ConnectedHeader = ({ wallet, onBack, }) => {
-    const { close } = (0, provider_1.useWalletModal)();
+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 } }));
 };
 exports.ConnectedHeader = ConnectedHeader;
-const ConnectedContent = ({ afterDisconnect, }) => {
-    const { currentChainName, currentWalletName } = (0, hooks_1.useWalletManager)();
-    const { address, username, wallet } = (0, hooks_1.useChainWallet)(currentChainName, currentWalletName);
-    const { close } = (0, provider_1.useWalletModal)();
-    if (!wallet) {
-        return null;
-    }
+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",
             avatar: ((0, jsx_runtime_1.jsx)(Astronaut_1.AstronautSvg, { style: {
@@ -27,9 +18,6 @@ const ConnectedContent = ({ afterDisconnect, }) => {
                     height: "100%",
                 } })),
             address: address,
-        }, onDisconnect: async () => {
-            await wallet.disconnect(currentChainName);
-            afterDisconnect();
-        } }));
+        }, onDisconnect: disconnect }));
 };
 exports.ConnectedContent = ConnectedContent;

package/modal/views/Connecting.d.ts

@@ -1,6 +1,7 @@
 import { BaseWallet } from "@interchain-kit/core";
-export declare const ConnectingHeader: ({ wallet, onBack, }: {
+export declare const ConnectingHeader: ({ wallet, close, onBack, }: {
     wallet: BaseWallet;
+    close: () => void;
     onBack: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ConnectingContent: ({ wallet }: {

package/modal/views/Connecting.js

@@ -3,9 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConnectingContent = exports.ConnectingHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@interchain-ui/react");
-const provider_1 = require("../provider");
-const ConnectingHeader = ({ wallet, onBack, }) => {
-    const { close } = (0, provider_1.useWalletModal)();
+const ConnectingHeader = ({ 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,
         } }));

package/modal/views/NotExist.d.ts

@@ -1,8 +1,15 @@
-import { BaseWallet } from "@interchain-kit/core";
-export declare const NotExistHeader: ({ wallet, onBack, }: {
+import { BaseWallet, DownloadInfo } from "@interchain-kit/core";
+export declare const NotExistHeader: ({ wallet, close, onBack, }: {
     wallet: BaseWallet;
+    close: () => void;
     onBack: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const NotExistContent: ({ wallet }: {
+export declare const NotExistContent: ({ wallet, getDownloadLink, getEnv, }: {
     wallet: BaseWallet;
+    getDownloadLink: (walletName: string) => DownloadInfo;
+    getEnv: () => {
+        browser?: string;
+        device?: string;
+        os?: string;
+    };
 }) => import("react/jsx-runtime").JSX.Element;

package/modal/views/NotExist.js

@@ -3,30 +3,26 @@ 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 hooks_1 = require("../../hooks"); // replace with the actual path
-const provider_1 = require("../provider");
 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 NotExistHeader = ({ wallet, onBack, }) => {
-    const { close } = (0, provider_1.useWalletModal)();
+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 } }));
 };
 exports.NotExistHeader = NotExistHeader;
-const NotExistContent = ({ wallet }) => {
-    const walletManager = (0, hooks_1.useWalletManager)();
+const NotExistContent = ({ wallet, getDownloadLink, getEnv, }) => {
     const downloadLink = (0, react_2.useMemo)(() => {
-        return walletManager.getDownloadLink(wallet.info.name);
+        return getDownloadLink(wallet.info.name);
     }, [wallet?.info?.name]);
     const onInstall = () => {
         if (downloadLink) {
             window.open(downloadLink.link, "_blank");
         }
     };
-    const IconComp = getIcon(walletManager.getEnv());
+    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 : "",

package/modal/views/QRCode.d.ts

@@ -1,4 +1,11 @@
-export declare const QRCodeHeader: ({ onBack }: {
+import { BaseWallet } from "@interchain-kit/core";
+export declare const QRCodeHeader: ({ wallet, close, onBack, }: {
+    wallet: BaseWallet;
+    close: () => void;
     onBack: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const QRCodeContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const QRCodeContent: ({ errorMessage, walletConnectQRCodeUri, onReconnect, }: {
+    errorMessage: string;
+    walletConnectQRCodeUri: string;
+    onReconnect: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/modal/views/QRCode.js

@@ -3,22 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QRCodeContent = exports.QRCodeHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@interchain-ui/react");
-const hooks_1 = require("../../hooks");
-const provider_1 = require("../provider");
-const QRCodeHeader = ({ onBack }) => {
-    const { currentChainName, currentWalletName, getWalletByName, disconnect } = (0, hooks_1.useWalletManager)();
-    const { close } = (0, provider_1.useWalletModal)();
-    const currentWallet = getWalletByName(currentWalletName);
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: currentWallet?.info?.prettyName || "", hasBackButton: true, onClose: () => void 0, onBack: async () => {
-            await disconnect(currentWallet?.info?.name || "", currentChainName);
-            onBack();
-        }, closeButtonProps: { onClick: close } }));
+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 } }));
 };
 exports.QRCodeHeader = QRCodeHeader;
-const QRCodeContent = () => {
-    const { currentChainName, currentWalletName, getWalletByName, connect } = (0, hooks_1.useWalletManager)();
-    const currentWallet = getWalletByName(currentWalletName);
-    const data = currentWallet.pairingUri;
-    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalQRCode, { status: data ? "Done" : "Pending", link: data, description: "Open App to connect", errorTitle: "errorTitle", errorDesc: currentWallet.errorMessage || "", onRefresh: () => connect(currentWallet?.info?.name || "", currentChainName) }));
+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 }));
 };
 exports.QRCodeContent = QRCodeContent;

package/modal/views/Reject.d.ts

@@ -1,6 +1,7 @@
 import { BaseWallet } from "@interchain-kit/core";
-export declare const RejectHeader: ({ wallet, onBack, }: {
+export declare const RejectHeader: ({ wallet, close, onBack, }: {
     wallet: BaseWallet;
+    close: () => void;
     onBack: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const RejectContent: ({ wallet, onReconnect, }: {

package/modal/views/Reject.js

@@ -3,10 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RejectContent = exports.RejectHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@interchain-ui/react");
-const provider_1 = require("../provider");
 const utils_1 = require("../../utils");
-const RejectHeader = ({ wallet, onBack, }) => {
-    const { close } = (0, provider_1.useWalletModal)();
+const RejectHeader = ({ 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 } }));
 };
 exports.RejectHeader = RejectHeader;

package/modal/views/WalletList.d.ts

@@ -1,5 +1,8 @@
-import { BaseWallet } from "@interchain-kit/core";
-export declare const WalletListHeader: () => import("react/jsx-runtime").JSX.Element;
-export declare const WalletListContent: ({ onSelectWallet, }: {
-    onSelectWallet: (wallet: BaseWallet) => void;
+import { Wallet as InterchainUIWalletType } from "@interchain-ui/react";
+export declare const WalletListHeader: ({ close }: {
+    close: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletListContent: ({ wallets, onSelectWallet, }: {
+    wallets: InterchainUIWalletType[];
+    onSelectWallet: (wallet: any) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/modal/views/WalletList.js

@@ -3,43 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WalletListContent = exports.WalletListHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@interchain-ui/react");
-const provider_1 = require("../provider");
-const hooks_1 = require("../../hooks");
-const WalletListHeader = () => {
-    const { close } = (0, provider_1.useWalletModal)();
+const WalletListHeader = ({ close }) => {
     return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: "Select your wallet", hasBackButton: false, onClose: close, closeButtonProps: { onClick: close } }));
 };
 exports.WalletListHeader = WalletListHeader;
-const WalletListContent = ({ onSelectWallet, }) => {
-    const walletManager = (0, hooks_1.useWalletManager)();
-    const wallets = walletManager.wallets.map((w) => {
-        return {
-            name: w.info.name,
-            prettyName: w.info.prettyName,
-            logo: w.info.logo,
-            mobileDisabled: true,
-            shape: "list",
-            originalWallet: {
-                ...w,
-                pairing: null,
-            },
-        };
-    });
-    const wcWallet = walletManager.wallets.find((w) => w.info.mode === "wallet-connect");
-    if (wcWallet) {
-        const activePairings = wcWallet.getActivePairing();
-        activePairings.forEach((pairing) => {
-            wallets.push({
-                name: pairing?.peerMetadata?.name,
-                prettyName: pairing?.peerMetadata?.name,
-                logo: pairing?.peerMetadata?.icons?.[0],
-                mobileDisabled: true,
-                shape: "list",
-                originalWallet: { ...wcWallet, pairing },
-                subLogo: wcWallet.info.logo,
-            });
-        });
-    }
+const WalletListContent = ({ wallets, onSelectWallet, }) => {
     return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalWalletList, { wallets: wallets, onWalletItemClick: onSelectWallet }));
 };
 exports.WalletListContent = WalletListContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.2.207",
+  "version": "0.2.211",
   "author": "Hyperweb <developers@hyperweb.io>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -28,23 +28,38 @@
     "lint": "eslint . --fix",
     "test": "jest",
     "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage --watch",
     "watch:dev": "tsc -w -p tsconfig.esm.json & tsc -w"
   },
   "keywords": [],
   "dependencies": {
     "@chain-registry/v2-types": "^0.53.40",
-    "@interchain-kit/core": "0.2.207",
-    "@interchain-ui/react": "1.26.1",
-    "@interchainjs/cosmos": "1.9.16",
-    "@interchainjs/cosmos-types": "1.9.16",
+    "@interchain-kit/core": "0.2.211",
+    "@interchain-ui/react": "1.26.3",
+    "@interchainjs/cosmos": "1.10.1",
+    "@interchainjs/cosmos-types": "1.10.1",
     "@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.16",
+    "interchainjs": "1.10.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "zustand": "^5.0.3"
   },
-  "gitHead": "74ba6aca78de888649b4a23726e96dd0ad2b6827"
+  "devDependencies": {
+    "@babel/cli": "^7.27.0",
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.10",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^15.0.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "babel-jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.3.0"
+  },
+  "gitHead": "20a586e588edb6db91e641da1c1199343779f593"
 }

package/store/chain-wallet.d.ts

@@ -1,26 +1,17 @@
-import { Chain, AssetList } from "@chain-registry/v2-types";
-import { BaseWallet, BroadcastMode, DirectSignDoc, SignOptions, SimpleAccount, WalletAccount } from "@interchain-kit/core";
-import { OfflineSigner, OfflineAminoSigner, OfflineDirectSigner, AminoSignResponse, StdSignature, DirectSignResponse } from "@interchainjs/cosmos/types/wallet";
-import { StdSignDoc } from "@interchainjs/types";
+import { Chain } from "@chain-registry/v2-types";
+import { BaseWallet, WalletAccount } from "@interchain-kit/core";
+import { IGenericOfflineSigner } from "@interchainjs/types";
 export declare class ChainWallet<TWallet extends BaseWallet> extends BaseWallet {
+    getProvider(chainId: Chain["chainId"]): unknown;
     originalWallet: TWallet;
     connectWithState: TWallet['connect'];
     disconnectWithState: TWallet['disconnect'];
     getAccountWithState: TWallet['getAccount'];
     constructor(originalWallet: TWallet, connectWithState: TWallet['connect'], disconnectWithState: TWallet['disconnect'], getAccountWithState: TWallet['getAccount']);
     init(meta?: unknown): Promise<void>;
-    connect(chainId: string | string[]): Promise<void>;
-    disconnect(chainId: string | string[]): Promise<void>;
+    connect(chainId: string): Promise<void>;
+    disconnect(chainId: string): Promise<void>;
     getAccount(chainId: string): Promise<WalletAccount>;
-    getAccounts(chainIds: string[]): Promise<WalletAccount[]>;
-    getSimpleAccount(chainId: string): Promise<SimpleAccount>;
-    getOfflineSigner(chainId: string): OfflineSigner;
-    getOfflineSignerAmino(chainId: string): OfflineAminoSigner;
-    getOfflineSignerDirect(chainId: string): OfflineDirectSigner;
-    signAmino(chainId: string, signer: string, signDoc: StdSignDoc, signOptions?: SignOptions): Promise<AminoSignResponse>;
-    signArbitrary(chainId: string, signer: string, data: string | Uint8Array): Promise<StdSignature>;
-    verifyArbitrary(chainId: string, signer: string, data: string | Uint8Array): Promise<boolean>;
-    signDirect(chainId: string, signer: string, signDoc: DirectSignDoc, signOptions?: SignOptions): Promise<DirectSignResponse>;
-    sendTx(chainId: string, tx: Uint8Array, mode: BroadcastMode): Promise<Uint8Array>;
-    addSuggestChain(chain: Chain, assetLists: AssetList[]): Promise<void>;
+    getOfflineSigner(chainId: string): Promise<IGenericOfflineSigner>;
+    addSuggestChain(chainId: Chain['chainId']): Promise<void>;
 }

package/store/chain-wallet.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChainWallet = void 0;
 const core_1 = require("@interchain-kit/core");
 class ChainWallet extends core_1.BaseWallet {
+    getProvider(chainId) {
+        return this.originalWallet.getProvider(chainId);
+    }
     originalWallet;
     connectWithState;
     disconnectWithState;
@@ -15,7 +18,7 @@ class ChainWallet extends core_1.BaseWallet {
         this.getAccountWithState = getAccountWithState;
     }
     async init(meta) {
-        return this.originalWallet.init(meta);
+        return this.originalWallet.init();
     }
     async connect(chainId) {
         return this.connectWithState(chainId);
@@ -26,38 +29,11 @@ class ChainWallet extends core_1.BaseWallet {
     async getAccount(chainId) {
         return this.getAccountWithState(chainId);
     }
-    async getAccounts(chainIds) {
-        return this.originalWallet.getAccounts(chainIds);
-    }
-    async getSimpleAccount(chainId) {
-        return this.originalWallet.getSimpleAccount(chainId);
-    }
-    getOfflineSigner(chainId) {
+    async getOfflineSigner(chainId) {
         return this.originalWallet.getOfflineSigner(chainId);
     }
-    getOfflineSignerAmino(chainId) {
-        return this.originalWallet.getOfflineSignerAmino(chainId);
-    }
-    getOfflineSignerDirect(chainId) {
-        return this.originalWallet.getOfflineSignerDirect(chainId);
-    }
-    async signAmino(chainId, signer, signDoc, signOptions) {
-        return this.originalWallet.signAmino(chainId, signer, signDoc, signOptions);
-    }
-    async signArbitrary(chainId, signer, data) {
-        return this.originalWallet.signArbitrary(chainId, signer, data);
-    }
-    async verifyArbitrary(chainId, signer, data) {
-        return this.originalWallet.verifyArbitrary(chainId, signer, data);
-    }
-    async signDirect(chainId, signer, signDoc, signOptions) {
-        return this.originalWallet.signDirect(chainId, signer, signDoc, signOptions);
-    }
-    async sendTx(chainId, tx, mode) {
-        return this.originalWallet.sendTx(chainId, tx, mode);
-    }
-    async addSuggestChain(chain, assetLists) {
-        return this.originalWallet.addSuggestChain(chain, assetLists);
+    async addSuggestChain(chainId) {
+        return this.originalWallet.addSuggestChain(chainId);
     }
 }
 exports.ChainWallet = ChainWallet;