@interchain-kit/react 0.0.1-beta.13 → 0.0.1-beta.15

package/enum/connection.js

@@ -6,4 +6,4 @@ var ConnectState;
     ConnectState["CONNECTING"] = "connecting";
     ConnectState["CONNECTED"] = "connected";
     ConnectState["DISCONNECTED"] = "disconnected";
-})(ConnectState = exports.ConnectState || (exports.ConnectState = {}));
+})(ConnectState || (exports.ConnectState = ConnectState = {}));

package/esm/hooks/useAccount.js

@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-import { WalletState } from "@interChain-kit/core";
 import { useWalletManager } from './useWalletManager';
 export const useAccount = (chainName, walletName) => {
     const walletManager = useWalletManager();
@@ -8,11 +7,11 @@ export const useAccount = (chainName, walletName) => {
     const chain = walletManager.chains.find(c => c.chainName === chainName);
     const getAccount = async () => {
         if (wallet && chain) {
-            if (wallet.walletState === WalletState.Connected) {
+            if (wallet.walletState === "Connected" /* WalletState.Connected */) {
                 const account = await wallet.getAccount(chain.chainId);
                 setAccount(account);
             }
-            if (wallet.walletState === WalletState.Disconnected) {
+            if (wallet.walletState === "Disconnected" /* WalletState.Disconnected */) {
                 setAccount(null);
             }
         }

package/esm/hooks/useChain.js

@@ -36,7 +36,7 @@ export const useChain = (chainName) => {
         assetList,
         address: account?.address,
         wallet: activeWallet,
-        ...cosmosKitUserChainReturnType,
+        ...cosmosKitUserChainReturnType, //for migration cosmos kit
         ...interchainClient
     };
 };

package/esm/hooks/useInterchainClient.js

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import { useWalletManager } from './useWalletManager';
 import { useAccount } from './useAccount';
-import { WalletState } from '@interChain-kit/core';
 export const useInterchainClient = (chainName, walletName) => {
     const [rpcEndpoint, setRpcEndpoint] = useState();
     //query
@@ -18,7 +17,7 @@ export const useInterchainClient = (chainName, walletName) => {
     const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
     const initialize = async () => {
-        if (wallet && chainToShow && wallet?.walletState === WalletState.Connected) {
+        if (wallet && chainToShow && wallet?.walletState === "Connected" /* WalletState.Connected */) {
             try {
                 setIsLoading(true);
                 const rpcEndpoint = await walletManager.getRpcEndpoint(wallet, chainName);
@@ -37,6 +36,7 @@ export const useInterchainClient = (chainName, walletName) => {
             }
             catch (error) {
                 setError(error);
+                console.log("create client error", error);
             }
             finally {
                 setIsLoading(false);

package/esm/modal/modal.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ConnectModal } from "@interchain-ui/react";
-import { ConnectedContent, ConnectedHeader, ConnectingContent, ConnectingHeader, RejectContent, RejectHeader, WalletListContent, WalletListHeader } from "./views";
+import { ConnectedContent, ConnectedHeader, ConnectingContent, ConnectingHeader, QRCodeContent, QRCodeHeader, RejectContent, RejectHeader, WalletListContent, WalletListHeader } from "./views";
 import { useWalletModal } from "./provider";
 import { useActiveWallet } from "../hooks";
 import { useEffect, useState } from "react";
-import { WalletState } from "@interChain-kit/core";
+import { WCWallet } from "@interChain-kit/core";
 const defaultModalView = {
     header: _jsx(WalletListHeader, {}), content: _jsx(WalletListContent, {})
 };
@@ -15,13 +15,16 @@ export const WalletModal = () => {
     const gotoWalletList = () => setModalView(defaultModalView);
     useEffect(() => {
         switch (true) {
-            case activeWallet?.walletState === WalletState.Connecting:
+            case activeWallet instanceof WCWallet && !activeWallet.session:
+                setModalView({ header: _jsx(QRCodeHeader, {}), content: _jsx(QRCodeContent, {}) });
+                break;
+            case activeWallet?.walletState === "Connecting" /* WalletState.Connecting */:
                 setModalView({ header: _jsx(ConnectingHeader, { onBack: gotoWalletList }), content: _jsx(ConnectingContent, {}) });
                 break;
-            case activeWallet?.walletState === WalletState.Connected:
+            case activeWallet?.walletState === "Connected" /* WalletState.Connected */:
                 setModalView({ header: _jsx(ConnectedHeader, { onBack: gotoWalletList }), content: _jsx(ConnectedContent, {}) });
                 break;
-            case activeWallet?.walletState === WalletState.Reject:
+            case activeWallet?.walletState === "Reject" /* WalletState.Reject */:
                 setModalView({ header: _jsx(RejectHeader, { onBack: gotoWalletList }), content: _jsx(RejectContent, {}) });
                 break;
             default:

package/esm/modal/views/QRCode.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConnectModalHead, ConnectModalQRCode } from "@interchain-ui/react";
+import { useActiveWallet, useWalletManager, useWalletModal } from "@interchain-kit/react";
+export const QRCodeHeader = () => {
+    const activeWallet = useActiveWallet();
+    const { close } = useWalletModal();
+    return (_jsx(ConnectModalHead, { title: activeWallet?.option?.prettyName || '', hasBackButton: true, onClose: () => void 0, onBack: () => void 0, closeButtonProps: { onClick: close } }));
+};
+export const QRCodeContent = () => {
+    const activeWallet = useActiveWallet();
+    const walletManager = useWalletManager();
+    const data = activeWallet.pairingUri;
+    return (_jsx(ConnectModalQRCode, { status: data ? "Done" : 'Pending', link: data, description: 'Open App to connect', errorTitle: 'errorTitle', errorDesc: 'errorDesc', onRefresh: () => walletManager.connect(activeWallet?.option?.name || '') }));
+};

package/esm/modal/views/index.js

@@ -2,3 +2,4 @@ export * from './Connecting';
 export * from './WalletList';
 export * from './Connected';
 export * from './Reject';
+export * from './QRCode';

package/hooks/useAccount.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccount = void 0;
 const react_1 = require("react");
-const core_1 = require("@interChain-kit/core");
 const useWalletManager_1 = require("./useWalletManager");
 const useAccount = (chainName, walletName) => {
     const walletManager = (0, useWalletManager_1.useWalletManager)();
@@ -11,11 +10,11 @@ const useAccount = (chainName, walletName) => {
     const chain = walletManager.chains.find(c => c.chainName === chainName);
     const getAccount = async () => {
         if (wallet && chain) {
-            if (wallet.walletState === core_1.WalletState.Connected) {
+            if (wallet.walletState === "Connected" /* WalletState.Connected */) {
                 const account = await wallet.getAccount(chain.chainId);
                 setAccount(account);
             }
-            if (wallet.walletState === core_1.WalletState.Disconnected) {
+            if (wallet.walletState === "Disconnected" /* WalletState.Disconnected */) {
                 setAccount(null);
             }
         }

package/hooks/useActiveWallet.d.ts

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

package/hooks/useChain.js

@@ -39,7 +39,7 @@ const useChain = (chainName) => {
         assetList,
         address: account?.address,
         wallet: activeWallet,
-        ...cosmosKitUserChainReturnType,
+        ...cosmosKitUserChainReturnType, //for migration cosmos kit
         ...interchainClient
     };
 };

package/hooks/useConfig.d.ts

@@ -1,4 +1,5 @@
 import { AssetList, Chain } from "@chain-registry/v2-types";
+import { EndpointOptions, SignerOptions } from "@interChain-kit/core";
 export declare const useConfig: () => {
     updateChains: (chains: Chain[]) => Chain[];
     updateAssetLists: (assetLists: AssetList[]) => AssetList[];

package/hooks/useInterchainClient.js

@@ -4,7 +4,6 @@ exports.useInterchainClient = void 0;
 const react_1 = require("react");
 const useWalletManager_1 = require("./useWalletManager");
 const useAccount_1 = require("./useAccount");
-const core_1 = require("@interChain-kit/core");
 const useInterchainClient = (chainName, walletName) => {
     const [rpcEndpoint, setRpcEndpoint] = (0, react_1.useState)();
     //query
@@ -21,7 +20,7 @@ const useInterchainClient = (chainName, walletName) => {
     const wallet = walletManager.wallets.find((w) => w.option.name === walletName);
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
     const initialize = async () => {
-        if (wallet && chainToShow && wallet?.walletState === core_1.WalletState.Connected) {
+        if (wallet && chainToShow && wallet?.walletState === "Connected" /* WalletState.Connected */) {
             try {
                 setIsLoading(true);
                 const rpcEndpoint = await walletManager.getRpcEndpoint(wallet, chainName);
@@ -40,6 +39,7 @@ const useInterchainClient = (chainName, walletName) => {
             }
             catch (error) {
                 setError(error);
+                console.log("create client error", error);
             }
             finally {
                 setIsLoading(false);

package/hooks/useWalletManager.d.ts

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

package/modal/modal.js

@@ -18,13 +18,16 @@ const WalletModal = () => {
     const gotoWalletList = () => setModalView(defaultModalView);
     (0, react_2.useEffect)(() => {
         switch (true) {
-            case activeWallet?.walletState === core_1.WalletState.Connecting:
+            case activeWallet instanceof core_1.WCWallet && !activeWallet.session:
+                setModalView({ header: (0, jsx_runtime_1.jsx)(views_1.QRCodeHeader, {}), content: (0, jsx_runtime_1.jsx)(views_1.QRCodeContent, {}) });
+                break;
+            case activeWallet?.walletState === "Connecting" /* WalletState.Connecting */:
                 setModalView({ header: (0, jsx_runtime_1.jsx)(views_1.ConnectingHeader, { onBack: gotoWalletList }), content: (0, jsx_runtime_1.jsx)(views_1.ConnectingContent, {}) });
                 break;
-            case activeWallet?.walletState === core_1.WalletState.Connected:
+            case activeWallet?.walletState === "Connected" /* WalletState.Connected */:
                 setModalView({ header: (0, jsx_runtime_1.jsx)(views_1.ConnectedHeader, { onBack: gotoWalletList }), content: (0, jsx_runtime_1.jsx)(views_1.ConnectedContent, {}) });
                 break;
-            case activeWallet?.walletState === core_1.WalletState.Reject:
+            case activeWallet?.walletState === "Reject" /* WalletState.Reject */:
                 setModalView({ header: (0, jsx_runtime_1.jsx)(views_1.RejectHeader, { onBack: gotoWalletList }), content: (0, jsx_runtime_1.jsx)(views_1.RejectContent, {}) });
                 break;
             default:

package/modal/views/QRCode.d.ts

@@ -0,0 +1,2 @@
+export declare const QRCodeHeader: () => import("react/jsx-runtime").JSX.Element;
+export declare const QRCodeContent: () => import("react/jsx-runtime").JSX.Element;

package/modal/views/QRCode.js

@@ -0,0 +1,19 @@
+"use strict";
+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 react_2 = require("@interchain-kit/react");
+const QRCodeHeader = () => {
+    const activeWallet = (0, react_2.useActiveWallet)();
+    const { close } = (0, react_2.useWalletModal)();
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalHead, { title: activeWallet?.option?.prettyName || '', hasBackButton: true, onClose: () => void 0, onBack: () => void 0, closeButtonProps: { onClick: close } }));
+};
+exports.QRCodeHeader = QRCodeHeader;
+const QRCodeContent = () => {
+    const activeWallet = (0, react_2.useActiveWallet)();
+    const walletManager = (0, react_2.useWalletManager)();
+    const data = activeWallet.pairingUri;
+    return ((0, jsx_runtime_1.jsx)(react_1.ConnectModalQRCode, { status: data ? "Done" : 'Pending', link: data, description: 'Open App to connect', errorTitle: 'errorTitle', errorDesc: 'errorDesc', onRefresh: () => walletManager.connect(activeWallet?.option?.name || '') }));
+};
+exports.QRCodeContent = QRCodeContent;

package/modal/views/index.d.ts

@@ -2,3 +2,4 @@ export * from './Connecting';
 export * from './WalletList';
 export * from './Connected';
 export * from './Reject';
+export * from './QRCode';

package/modal/views/index.js

@@ -18,3 +18,4 @@ __exportStar(require("./Connecting"), exports);
 __exportStar(require("./WalletList"), exports);
 __exportStar(require("./Connected"), exports);
 __exportStar(require("./Reject"), exports);
+__exportStar(require("./QRCode"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.0.1-beta.13",
+  "version": "0.0.1-beta.15",
   "author": "cosmology-tech <developers@cosmology.zone>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -32,7 +32,7 @@
   "keywords": [],
   "dependencies": {
     "@chain-registry/v2-types": "^0.49.6",
-    "@interchain-kit/core": "0.0.1-beta.13",
+    "@interchain-kit/core": "0.0.1-beta.15",
     "@interchain-ui/react": "^1.23.31",
     "@interchainjs/cosmos-types": "0.0.1-beta.9",
     "@interchainjs/injective": "0.0.1-beta.13",
@@ -42,5 +42,5 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
-  "gitHead": "7a7cc1450f53e71834e85ead89a741bf45a66c66"
+  "gitHead": "869409826a19f1339b5c34bcb5bbcc7529805ce8"
 }

package/utils/index.d.ts

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