@interchain-kit/react 0.2.207 → 0.2.211

package/esm/store/index.js

@@ -1,214 +1,2 @@
-import { clientNotExistError, WalletState } from "@interchain-kit/core";
-import { createStore } from "zustand";
-import { immer } from "zustand/middleware/immer";
-import { persist, createJSONStorage } from 'zustand/middleware';
-const immerSyncUp = (newWalletManager) => {
-    return (draft) => {
-        draft.chains = newWalletManager.chains;
-        draft.assetLists = newWalletManager.assetLists;
-        draft.wallets = newWalletManager.wallets;
-        draft.signerOptions = newWalletManager.signerOptions;
-        draft.endpointOptions = newWalletManager.endpointOptions;
-        draft.signerOptionMap = newWalletManager.signerOptionMap;
-        draft.endpointOptionsMap = newWalletManager.endpointOptionsMap;
-        draft.preferredSignTypeMap = newWalletManager.preferredSignTypeMap;
-    };
-};
-export const createInterchainStore = (walletManager) => {
-    const { chains, assetLists, wallets, signerOptions, endpointOptions } = walletManager;
-    // const walletManager = new WalletManager(chains, assetLists, wallets, signerOptions, endpointOptions)
-    return createStore(persist(immer((set, get) => ({
-        chainWalletState: [],
-        currentWalletName: '',
-        currentChainName: '',
-        chains: [...walletManager.chains],
-        assetLists: [...walletManager.assetLists],
-        wallets: walletManager.wallets,
-        signerOptions: walletManager.signerOptions,
-        endpointOptions: walletManager.endpointOptions,
-        preferredSignTypeMap: { ...walletManager.preferredSignTypeMap },
-        signerOptionMap: { ...walletManager.signerOptionMap },
-        endpointOptionsMap: { ...walletManager.endpointOptionsMap },
-        updateChainWalletState: (walletName, chainName, data) => {
-            set(draft => {
-                let targetIndex = draft.chainWalletState.findIndex(cws => cws.walletName === walletName && cws.chainName === chainName);
-                draft.chainWalletState[targetIndex] = { ...draft.chainWalletState[targetIndex], ...data };
-            });
-        },
-        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 {
-                    await wallet.init();
-                }
-                catch (error) {
-                    if (error === clientNotExistError.message) {
-                        NotExistWallets.push(wallet.info.name);
-                    }
-                }
-            }));
-            set(draft => {
-                draft.chainWalletState = draft.chainWalletState.map(cws => {
-                    if (NotExistWallets.includes(cws.walletName)) {
-                        return { ...cws, walletState: WalletState.NotExist };
-                    }
-                    return cws;
-                });
-            });
-            // return walletManager.init()
-        },
-        setCurrentChainName: (chainName) => {
-            set(draft => { draft.currentChainName = chainName; });
-        },
-        setCurrentWalletName: (walletName) => {
-            set(draft => { draft.currentWalletName = walletName; });
-        },
-        getDraftChainWalletState: (state, walletName, chainName) => {
-            const targetIndex = state.chainWalletState.findIndex(cws => cws.walletName === walletName && cws.chainName === chainName);
-            return state.chainWalletState[targetIndex];
-        },
-        getChainWalletState: (walletName, chainName) => {
-            return get().chainWalletState.find(cws => cws.walletName === walletName && cws.chainName === chainName);
-        },
-        addChains: (chains, assetLists, signerOptions, endpointOptions) => {
-            walletManager.addChains(chains, assetLists, signerOptions, endpointOptions);
-            // console.log(walletManager.chains, walletManager.assetLists)
-            // set(immerSyncUp(walletManager))
-            // set(draft => {
-            //   draft.chains = walletManager.chains
-            // })
-            set(draft => {
-                chains.forEach(newChain => {
-                    const existChain = draft.chains.find(c => c.chainId === newChain.chainId);
-                    if (!existChain) {
-                        draft.chains.push(newChain);
-                        const assetList = assetLists.find(a => a.chainName === newChain.chainName);
-                        draft.assetLists.push(assetList);
-                        draft.wallets.forEach(w => {
-                            draft.chainWalletState.push({
-                                chainName: newChain.chainName,
-                                walletName: w.info.name,
-                                walletState: WalletState.Disconnected,
-                                rpcEndpoint: "",
-                                errorMessage: "",
-                                account: undefined
-                            });
-                        });
-                    }
-                    draft.signerOptionMap[newChain.chainName] = signerOptions?.signing?.(newChain.chainName);
-                    draft.endpointOptionsMap[newChain.chainName] = endpointOptions?.endpoints?.[newChain.chainName];
-                });
-            });
-        },
-        connect: async (walletName, chainName) => {
-            get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Connecting });
-            try {
-                await walletManager.connect(walletName, chainName);
-                set(draft => {
-                    draft.currentChainName = chainName;
-                    draft.currentWalletName = walletName;
-                });
-                get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Connected });
-            }
-            catch (error) {
-                if (error.message === 'Request rejected') {
-                    get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Rejected, errorMessage: error.message });
-                    return;
-                }
-                get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Disconnected, errorMessage: error.message });
-            }
-        },
-        disconnect: async (walletName, chainName) => {
-            try {
-                await walletManager.disconnect(walletName, chainName);
-                get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Disconnected, account: null });
-            }
-            catch (error) {
-            }
-        },
-        getAccount: async (walletName, chainName) => {
-            const account = await walletManager.getAccount(walletName, chainName);
-            get().updateChainWalletState(walletName, chainName, { account });
-            return account;
-        },
-        getRpcEndpoint: async (walletName, chainName) => {
-            const exist = get().getChainWalletState(walletName, chainName).rpcEndpoint;
-            if (exist)
-                return exist;
-            const rpcEndpoint = await walletManager.getRpcEndpoint(walletName, chainName);
-            get().updateChainWalletState(walletName, chainName, { rpcEndpoint });
-            return rpcEndpoint;
-        },
-        getChainLogoUrl(chainName) {
-            return walletManager.getChainLogoUrl(chainName);
-        },
-        getChainByName(chainName) {
-            return walletManager.getChainByName(chainName);
-        },
-        getAssetListByName(chainName) {
-            return walletManager.getAssetListByName(chainName);
-        },
-        getDownloadLink(walletName) {
-            return walletManager.getDownloadLink(walletName);
-        },
-        getOfflineSigner(walletName, chainName) {
-            return walletManager.getOfflineSigner(walletName, chainName);
-        },
-        getPreferSignType(chainName) {
-            const result = walletManager.getPreferSignType(chainName);
-            set(immerSyncUp(walletManager));
-            return result;
-        },
-        getSignerOptions(chainName) {
-            const result = walletManager.getSignerOptions(chainName);
-            set(immerSyncUp(walletManager));
-            return result;
-        },
-        getWalletByName(walletName) {
-            return walletManager.getWalletByName(walletName);
-        },
-        getSigningClient(walletName, chainName) {
-            return walletManager.getSigningClient(walletName, chainName);
-        },
-        getEnv() {
-            return walletManager.getEnv();
-        },
-    })), {
-        name: 'interchain-kit-store',
-        storage: createJSONStorage(() => localStorage),
-        partialize: state => ({
-            chainWalletState: state.chainWalletState,
-            currentWalletName: state.currentWalletName,
-            currentChainName: state.currentChainName
-        }),
-        onRehydrateStorage: (state) => {
-            console.log('interchain-kit store hydration starts');
-            // optional
-            return (state, error) => {
-                if (error) {
-                    console.log('an error happened during hydration', error);
-                }
-                else {
-                    console.log('interchain-kit store hydration finished');
-                }
-            };
-        },
-    }));
-};
+export * from './chain-wallet';
+export * from './store';

package/esm/store/store.js

@@ -0,0 +1,234 @@
+import { clientNotExistError, WalletState } from "@interchain-kit/core";
+import { createStore } from "zustand";
+import { immer } from "zustand/middleware/immer";
+import { persist, createJSONStorage } from 'zustand/middleware';
+const immerSyncUp = (newWalletManager) => {
+    return (draft) => {
+        draft.chains = newWalletManager.chains;
+        draft.assetLists = newWalletManager.assetLists;
+        draft.wallets = newWalletManager.wallets;
+        draft.signerOptions = newWalletManager.signerOptions;
+        draft.endpointOptions = newWalletManager.endpointOptions;
+        draft.signerOptionMap = newWalletManager.signerOptionMap;
+        draft.endpointOptionsMap = newWalletManager.endpointOptionsMap;
+        draft.preferredSignTypeMap = newWalletManager.preferredSignTypeMap;
+    };
+};
+export const createInterchainStore = (walletManager) => {
+    const { chains, assetLists, wallets, signerOptions, endpointOptions } = walletManager;
+    // const walletManager = new WalletManager(chains, assetLists, wallets, signerOptions, endpointOptions)
+    return createStore(persist(immer((set, get) => ({
+        chainWalletState: [],
+        currentWalletName: '',
+        currentChainName: '',
+        chains: [...walletManager.chains],
+        assetLists: [...walletManager.assetLists],
+        wallets: walletManager.wallets,
+        signerOptions: walletManager.signerOptions,
+        endpointOptions: walletManager.endpointOptions,
+        preferredSignTypeMap: { ...walletManager.preferredSignTypeMap },
+        signerOptionMap: { ...walletManager.signerOptionMap },
+        endpointOptionsMap: { ...walletManager.endpointOptionsMap },
+        walletConnectQRCodeUri: '',
+        updateChainWalletState: (walletName, chainName, data) => {
+            set(draft => {
+                let targetIndex = draft.chainWalletState.findIndex(cws => cws.walletName === walletName && cws.chainName === chainName);
+                draft.chainWalletState[targetIndex] = { ...draft.chainWalletState[targetIndex], ...data };
+            });
+        },
+        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 = [];
+            const ExistWallets = [];
+            await Promise.all(get().wallets.map(async (wallet) => {
+                try {
+                    await wallet.init();
+                    ExistWallets.push(wallet.info.name);
+                }
+                catch (error) {
+                    if (error === clientNotExistError) {
+                        NotExistWallets.push(wallet.info.name);
+                    }
+                }
+            }));
+            set(draft => {
+                draft.chainWalletState = draft.chainWalletState.map(cws => {
+                    if (NotExistWallets.includes(cws.walletName)) {
+                        return { ...cws, walletState: WalletState.NotExist };
+                    }
+                    return cws;
+                });
+                draft.chainWalletState = draft.chainWalletState.map(cws => {
+                    if (ExistWallets.includes(cws.walletName)) {
+                        return { ...cws, walletState: cws.walletState === WalletState.NotExist ? WalletState.Disconnected : cws.walletState };
+                    }
+                    return cws;
+                });
+            });
+        },
+        setCurrentChainName: (chainName) => {
+            set(draft => { draft.currentChainName = chainName; });
+        },
+        setCurrentWalletName: (walletName) => {
+            set(draft => { draft.currentWalletName = walletName; });
+        },
+        getDraftChainWalletState: (state, walletName, chainName) => {
+            const targetIndex = state.chainWalletState.findIndex(cws => cws.walletName === walletName && cws.chainName === chainName);
+            return state.chainWalletState[targetIndex];
+        },
+        getChainWalletState: (walletName, chainName) => {
+            return get().chainWalletState.find(cws => cws.walletName === walletName && cws.chainName === chainName);
+        },
+        addChains: (chains, assetLists, signerOptions, endpointOptions) => {
+            walletManager.addChains(chains, assetLists, signerOptions, endpointOptions);
+            // console.log(walletManager.chains, walletManager.assetLists)
+            // set(immerSyncUp(walletManager))
+            // set(draft => {
+            //   draft.chains = walletManager.chains
+            // })
+            set(draft => {
+                chains.forEach(newChain => {
+                    const existChain = draft.chains.find(c => c.chainId === newChain.chainId);
+                    if (!existChain) {
+                        draft.chains.push(newChain);
+                        const assetList = assetLists.find(a => a.chainName === newChain.chainName);
+                        draft.assetLists.push(assetList);
+                        draft.wallets.forEach(w => {
+                            draft.chainWalletState.push({
+                                chainName: newChain.chainName,
+                                walletName: w.info.name,
+                                walletState: WalletState.Disconnected,
+                                rpcEndpoint: endpointOptions.endpoints[newChain.chainName]?.rpc?.[0] || '',
+                                errorMessage: "",
+                                account: undefined
+                            });
+                        });
+                    }
+                    draft.signerOptionMap[newChain.chainName] = signerOptions?.signing?.(newChain.chainName);
+                    draft.endpointOptionsMap[newChain.chainName] = endpointOptions?.endpoints?.[newChain.chainName];
+                });
+            });
+        },
+        connect: async (walletName, chainName) => {
+            const state = get().getChainWalletState(walletName, chainName)?.walletState;
+            if (state === WalletState.NotExist) {
+                return;
+            }
+            if (walletName === 'WalletConnect' && state === WalletState.Connected) {
+                return;
+            }
+            set(draft => {
+                draft.currentChainName = chainName;
+                draft.currentWalletName = walletName;
+                draft.walletConnectQRCodeUri = '';
+            });
+            get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Connecting, errorMessage: '' });
+            try {
+                await walletManager.connect(walletName, chainName, (uri) => {
+                    set(draft => {
+                        draft.walletConnectQRCodeUri = uri;
+                    });
+                });
+                get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Connected });
+            }
+            catch (error) {
+                if (error.message === 'Request rejected') {
+                    get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Rejected, errorMessage: error.message });
+                    return;
+                }
+                get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Disconnected, errorMessage: error.message });
+            }
+        },
+        disconnect: async (walletName, chainName) => {
+            try {
+                await walletManager.disconnect(walletName, chainName);
+                get().updateChainWalletState(walletName, chainName, { walletState: WalletState.Disconnected, account: null });
+            }
+            catch (error) {
+            }
+        },
+        getAccount: async (walletName, chainName) => {
+            const account = await walletManager.getAccount(walletName, chainName);
+            get().updateChainWalletState(walletName, chainName, { account });
+            return account;
+        },
+        getRpcEndpoint: async (walletName, chainName) => {
+            const exist = get().getChainWalletState(walletName, chainName).rpcEndpoint;
+            if (exist)
+                return exist;
+            const rpcEndpoint = await walletManager.getRpcEndpoint(walletName, chainName);
+            get().updateChainWalletState(walletName, chainName, { rpcEndpoint });
+            return rpcEndpoint;
+        },
+        getChainLogoUrl(chainName) {
+            return walletManager.getChainLogoUrl(chainName);
+        },
+        getChainByName(chainName) {
+            return walletManager.getChainByName(chainName);
+        },
+        getAssetListByName(chainName) {
+            return walletManager.getAssetListByName(chainName);
+        },
+        getDownloadLink(walletName) {
+            return walletManager.getDownloadLink(walletName);
+        },
+        getOfflineSigner(walletName, chainName) {
+            return walletManager.getOfflineSigner(walletName, chainName);
+        },
+        getPreferSignType(chainName) {
+            const result = walletManager.getPreferSignType(chainName);
+            set(immerSyncUp(walletManager));
+            return result;
+        },
+        getSignerOptions(chainName) {
+            const result = walletManager.getSignerOptions(chainName);
+            set(immerSyncUp(walletManager));
+            return result;
+        },
+        getWalletByName(walletName) {
+            return walletManager.getWalletByName(walletName);
+        },
+        getSigningClient(walletName, chainName) {
+            return walletManager.getSigningClient(walletName, chainName);
+        },
+        getEnv() {
+            return walletManager.getEnv();
+        },
+    })), {
+        name: 'interchain-kit-store',
+        storage: createJSONStorage(() => localStorage),
+        partialize: state => ({
+            chainWalletState: state.chainWalletState,
+            currentWalletName: state.currentWalletName,
+            currentChainName: state.currentChainName
+        }),
+        onRehydrateStorage: (state) => {
+            // console.log('interchain-kit store hydration starts')
+            // optional
+            return (state, error) => {
+                if (error) {
+                    console.log('an error happened during hydration', error);
+                }
+                else {
+                    // console.log('interchain-kit store hydration finished')
+                }
+            };
+        },
+    }));
+};

package/esm/utils/wallet.js

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

package/hooks/useChainWallet.js

@@ -12,9 +12,9 @@ const useChainWallet = (chainName, walletName) => {
     return {
         //for migration cosmos kit
         connect: async () => {
-            await connect(walletName, chainName);
             setCurrentWalletName(walletName);
             setCurrentChainName(chainName);
+            await connect(walletName, chainName);
             await getAccount(walletName, chainName);
         },
         disconnect: () => disconnect(walletName, chainName),
@@ -27,7 +27,7 @@ const useChainWallet = (chainName, walletName) => {
         chain,
         assetList,
         address: chainWalletStateToShow?.account?.address,
-        wallet: new chain_wallet_1.ChainWallet(wallet, () => connect(walletName, chainName), () => disconnect(walletName, chainName), () => getAccount(walletName, chainName)),
+        wallet: wallet ? new chain_wallet_1.ChainWallet(wallet, () => connect(walletName, chainName), () => disconnect(walletName, chainName), () => getAccount(walletName, chainName)) : null,
         rpcEndpoint: chainWalletStateToShow?.rpcEndpoint,
         getSigningClient: () => getSigningClient(walletName, chainName),
     };

package/modal/modal.d.ts

@@ -1 +1,30 @@
-export declare const WalletModal: () => import("react/jsx-runtime").JSX.Element;
+import { BaseWallet, DownloadInfo } from "@interchain-kit/core";
+import { Wallet as InterchainUIWalletType } from "@interchain-ui/react";
+export type WalletModalProps = {
+    shouldShowList: boolean;
+    isOpen: boolean;
+    walletConnectQRCodeUri: string | null;
+    wallets: InterchainUIWalletType[];
+    username: string;
+    address: string;
+    currentWallet?: BaseWallet;
+    isConnecting: boolean;
+    isConnected: boolean;
+    isRejected: boolean;
+    isDisconnected: boolean;
+    isNotExist: boolean;
+    errorMessage: string;
+    open: () => void;
+    close: () => void;
+    disconnect: () => void;
+    onSelectWallet: (wallet: BaseWallet) => void;
+    onBack: () => void;
+    onReconnect: () => void;
+    getDownloadLink: (walletName: string) => DownloadInfo;
+    getEnv: () => {
+        browser?: string;
+        device?: string;
+        os?: string;
+    };
+};
+export declare const WalletModal: ({ shouldShowList, isOpen, walletConnectQRCodeUri, wallets, username, address, currentWallet, isConnecting, isConnected, isRejected, isDisconnected, isNotExist, errorMessage, open, close, disconnect, onSelectWallet, onBack, onReconnect, getDownloadLink, getEnv, }: WalletModalProps) => import("react/jsx-runtime").JSX.Element;