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

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/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

@@ -37,6 +37,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 { WalletState, WCWallet } from "@interChain-kit/core";
 const defaultModalView = {
     header: _jsx(WalletListHeader, {}), content: _jsx(WalletListContent, {})
 };
@@ -15,6 +15,9 @@ export const WalletModal = () => {
     const gotoWalletList = () => setModalView(defaultModalView);
     useEffect(() => {
         switch (true) {
+            case activeWallet instanceof WCWallet && !activeWallet.session:
+                setModalView({ header: _jsx(QRCodeHeader, {}), content: _jsx(QRCodeContent, {}) });
+                break;
             case activeWallet?.walletState === WalletState.Connecting:
                 setModalView({ header: _jsx(ConnectingHeader, { onBack: gotoWalletList }), content: _jsx(ConnectingContent, {}) });
                 break;

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/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

@@ -40,6 +40,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,6 +18,9 @@ const WalletModal = () => {
     const gotoWalletList = () => setModalView(defaultModalView);
     (0, react_2.useEffect)(() => {
         switch (true) {
+            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 === core_1.WalletState.Connecting:
                 setModalView({ header: (0, jsx_runtime_1.jsx)(views_1.ConnectingHeader, { onBack: gotoWalletList }), content: (0, jsx_runtime_1.jsx)(views_1.ConnectingContent, {}) });
                 break;

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.16",
   "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.16",
     "@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": "5e02fba12543ed2cc2bc7ce714225021f888d9a2"
 }

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;
 };