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

package/esm/hooks/useInterchainClient.js

@@ -36,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,9 +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 { WCWallet } from "@interChain-kit/core";
 const defaultModalView = {
     header: _jsx(WalletListHeader, {}), content: _jsx(WalletListContent, {})
 };
@@ -14,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 === "Connecting" /* 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/useInterchainClient.js

@@ -39,6 +39,7 @@ const useInterchainClient = (chainName, walletName) => {
             }
             catch (error) {
                 setError(error);
+                console.log("create client error", error);
             }
             finally {
                 setIsLoading(false);

package/modal/modal.js

@@ -7,6 +7,7 @@ const views_1 = require("./views");
 const provider_1 = require("./provider");
 const hooks_1 = require("../hooks");
 const react_2 = require("react");
+const core_1 = require("@interChain-kit/core");
 const defaultModalView = {
     header: (0, jsx_runtime_1.jsx)(views_1.WalletListHeader, {}), content: (0, jsx_runtime_1.jsx)(views_1.WalletListContent, {})
 };
@@ -17,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 === "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;

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.12",
+  "version": "0.0.1-beta.15",
   "author": "cosmology-tech <developers@cosmology.zone>",
   "description": "interchain-kit wallet connector react package",
   "main": "index.js",
@@ -32,13 +32,15 @@
   "keywords": [],
   "dependencies": {
     "@chain-registry/v2-types": "^0.49.6",
-    "@interchain-kit/core": "0.0.1-beta.12",
+    "@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",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "interchainjs": "^0.0.1-beta.13",
+    "interchainjs": "0.0.1-beta.14",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
-  "gitHead": "006691cb2cefe22a711860a0d3ee26ddd33c052d"
+  "gitHead": "869409826a19f1339b5c34bcb5bbcc7529805ce8"
 }