@interchain-kit/react 0.0.1-beta.21 → 0.0.1-beta.23

package/esm/hooks/useAccount.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { WalletState } from "@interChain-kit/core";
+import { WalletState } from "@interchain-kit/core";
 import { useWalletManager } from './useWalletManager';
 export const useAccount = (chainName, walletName) => {
     const walletManager = useWalletManager();

package/esm/hooks/useChain.js

@@ -3,7 +3,8 @@ import { useAccount } from "./useAccount";
 import { useActiveWallet } from './useActiveWallet';
 import { useInterchainClient } from './useInterchainClient';
 import { useWalletModal } from "../modal";
-import { ChainNameNotExist } from "@interChain-kit/core";
+import { ChainNameNotExist } from "@interchain-kit/core";
+import { getChainLogoUrl } from "../utils";
 export const useChain = (chainName) => {
     const walletManager = useWalletManager();
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
@@ -32,6 +33,7 @@ export const useChain = (chainName) => {
         getSigningCosmosClient: () => walletManager.getSigningCosmosClient(activeWallet.option.name, chainName),
     };
     return {
+        logoUrl: getChainLogoUrl(assetList),
         chain: chainToShow,
         assetList,
         address: account?.address,

package/esm/hooks/useChainWallet.js

@@ -1,6 +1,7 @@
 import { useWalletManager } from "./useWalletManager";
 import { useAccount } from "./useAccount";
 import { useInterchainClient } from "./useInterchainClient";
+import { getChainLogoUrl } from "../utils";
 export const useChainWallet = (chainName, walletName) => {
     const walletManager = useWalletManager();
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
@@ -9,6 +10,7 @@ export const useChainWallet = (chainName, walletName) => {
     const account = useAccount(chainName, walletName);
     const interchainClient = useInterchainClient(chainName, walletName);
     return {
+        logoUrl: getChainLogoUrl(assetList),
         chain: chainToShow,
         assetList,
         address: account?.address,

package/esm/hooks/useInterchainClient.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { useWalletManager } from './useWalletManager';
 import { useAccount } from './useAccount';
-import { WalletState } from '@interChain-kit/core';
+import { WalletState } from '@interchain-kit/core';
 export const useInterchainClient = (chainName, walletName) => {
     const [rpcEndpoint, setRpcEndpoint] = useState();
     //query

package/esm/modal/modal.js

@@ -4,7 +4,7 @@ import { ConnectedContent, ConnectedHeader, ConnectingContent, ConnectingHeader,
 import { useWalletModal } from "./provider";
 import { useActiveWallet } from "../hooks";
 import { useEffect, useState } from "react";
-import { WalletState } from "@interChain-kit/core";
+import { WalletState } from "@interchain-kit/core";
 const defaultModalView = {
     header: _jsx(WalletListHeader, {}),
     content: _jsx(WalletListContent, {}),

package/esm/provider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { createContext, useContext } from "react";
-import { WalletManager, } from "@interChain-kit/core";
+import { WalletManager, } from "@interchain-kit/core";
 import { WalletModalProvider } from "./modal";
 const InterchainWalletContext = createContext(null);
 export const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOptions, children, }) => {

package/esm/utils/chain.js

@@ -0,0 +1,3 @@
+export const getChainLogoUrl = (assetList) => {
+    return assetList.assets?.[0].logoURIs.png || assetList.assets?.[0].logoURIs.svg || undefined;
+};

package/esm/utils/index.js

@@ -1,8 +1,2 @@
-export const getWalletInfo = (wallet) => {
-    return {
-        name: wallet.option.name,
-        prettyName: wallet.option.prettyName,
-        logo: wallet.option.logo,
-        mobileDisabled: true,
-    };
-};
+export * from './wallet';
+export * from './chain';

package/esm/utils/wallet.js

@@ -1 +1,8 @@
-export * from './wallet';
+export const getWalletInfo = (wallet) => {
+    return {
+        name: wallet.option.name,
+        prettyName: wallet.option.prettyName,
+        logo: wallet.option.logo,
+        mobileDisabled: true,
+    };
+};

package/hooks/useAccount.d.ts

@@ -1,2 +1,2 @@
-import { WalletAccount } from "@interChain-kit/core";
+import { WalletAccount } from "@interchain-kit/core";
 export declare const useAccount: (chainName: string, walletName: string) => WalletAccount | null;

package/hooks/useAccount.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccount = void 0;
 const react_1 = require("react");
-const core_1 = require("@interChain-kit/core");
+const core_1 = require("@interchain-kit/core");
 const useWalletManager_1 = require("./useWalletManager");
 const useAccount = (chainName, walletName) => {
     const walletManager = (0, useWalletManager_1.useWalletManager)();

package/hooks/useActiveWallet.d.ts

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

package/hooks/useChain.js

@@ -6,7 +6,8 @@ const useAccount_1 = require("./useAccount");
 const useActiveWallet_1 = require("./useActiveWallet");
 const useInterchainClient_1 = require("./useInterchainClient");
 const modal_1 = require("../modal");
-const core_1 = require("@interChain-kit/core");
+const core_1 = require("@interchain-kit/core");
+const utils_1 = require("../utils");
 const useChain = (chainName) => {
     const walletManager = (0, useWalletManager_1.useWalletManager)();
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
@@ -35,6 +36,7 @@ const useChain = (chainName) => {
         getSigningCosmosClient: () => walletManager.getSigningCosmosClient(activeWallet.option.name, chainName),
     };
     return {
+        logoUrl: (0, utils_1.getChainLogoUrl)(assetList),
         chain: chainToShow,
         assetList,
         address: account?.address,

package/hooks/useChainWallet.js

@@ -4,6 +4,7 @@ exports.useChainWallet = void 0;
 const useWalletManager_1 = require("./useWalletManager");
 const useAccount_1 = require("./useAccount");
 const useInterchainClient_1 = require("./useInterchainClient");
+const utils_1 = require("../utils");
 const useChainWallet = (chainName, walletName) => {
     const walletManager = (0, useWalletManager_1.useWalletManager)();
     const chainToShow = walletManager.chains.find((c) => c.chainName === chainName);
@@ -12,6 +13,7 @@ const useChainWallet = (chainName, walletName) => {
     const account = (0, useAccount_1.useAccount)(chainName, walletName);
     const interchainClient = (0, useInterchainClient_1.useInterchainClient)(chainName, walletName);
     return {
+        logoUrl: (0, utils_1.getChainLogoUrl)(assetList),
         chain: chainToShow,
         assetList,
         address: account?.address,

package/hooks/useConfig.d.ts

@@ -1,5 +1,5 @@
 import { AssetList, Chain } from "@chain-registry/v2-types";
-import { EndpointOptions, SignerOptions } from "@interChain-kit/core";
+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,7 @@ 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 core_1 = require("@interchain-kit/core");
 const useInterchainClient = (chainName, walletName) => {
     const [rpcEndpoint, setRpcEndpoint] = (0, react_1.useState)();
     //query

package/modal/modal.js

@@ -7,7 +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 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, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.23",
   "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.21",
+    "@interchain-kit/core": "0.0.1-beta.23",
     "@interchain-ui/react": "1.24.0",
     "@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": "22afa31597fcf85bd39d424294eb4a6eb9b63811"
+  "gitHead": "b683ebf8ba399f308a4a46ffe1e8c1a1eebc5947"
 }

package/provider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { BaseWallet, SignerOptions, WalletManager, EndpointOptions } from "@interChain-kit/core";
+import { BaseWallet, SignerOptions, WalletManager, EndpointOptions } from "@interchain-kit/core";
 import { AssetList, Chain } from "@chain-registry/v2-types";
 type InterchainWalletContextType = {
     walletManager: WalletManager;

package/provider.js

@@ -4,7 +4,7 @@ exports.useInterchainWalletContext = exports.ChainProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("react");
-const core_1 = require("@interChain-kit/core");
+const core_1 = require("@interchain-kit/core");
 const modal_1 = require("./modal");
 const InterchainWalletContext = (0, react_2.createContext)(null);
 const ChainProvider = ({ chains, assetLists, wallets, signerOptions, endpointOptions, children, }) => {

package/types/chain.d.ts

@@ -17,6 +17,7 @@ export type CosmosKitUseChainReturnType = {
     getSigningCosmosClient: () => Promise<CosmosSigningClient>;
 };
 export type UseChainReturnType = {
+    logoUrl: string | undefined;
     chain: Chain;
     assetList: AssetList;
     address: string;

package/types/wallet.d.ts

@@ -1,4 +1,4 @@
-import { BaseWallet } from "@interChain-kit/core";
+import { BaseWallet } from "@interchain-kit/core";
 import { ConnectState } from "../enum";
 export type UseWalletReturnType = {
     wallet: BaseWallet;

package/utils/chain.d.ts

@@ -0,0 +1,2 @@
+import { AssetList } from "@chain-registry/v2-types";
+export declare const getChainLogoUrl: (assetList: AssetList) => string | undefined;

package/utils/chain.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChainLogoUrl = void 0;
+const getChainLogoUrl = (assetList) => {
+    return assetList.assets?.[0].logoURIs.png || assetList.assets?.[0].logoURIs.svg || undefined;
+};
+exports.getChainLogoUrl = getChainLogoUrl;

package/utils/index.d.ts

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

package/utils/index.js

@@ -1,12 +1,18 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWalletInfo = void 0;
-const getWalletInfo = (wallet) => {
-    return {
-        name: wallet.option.name,
-        prettyName: wallet.option.prettyName,
-        logo: wallet.option.logo,
-        mobileDisabled: true,
-    };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-exports.getWalletInfo = getWalletInfo;
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./wallet"), exports);
+__exportStar(require("./chain"), exports);

package/utils/wallet.d.ts

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

package/utils/wallet.js

@@ -1,17 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./wallet"), exports);
+exports.getWalletInfo = void 0;
+const getWalletInfo = (wallet) => {
+    return {
+        name: wallet.option.name,
+        prettyName: wallet.option.prettyName,
+        logo: wallet.option.logo,
+        mobileDisabled: true,
+    };
+};
+exports.getWalletInfo = getWalletInfo;