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

package/esm/hooks/useChain.js

@@ -4,6 +4,7 @@ import { useActiveWallet } from './useActiveWallet';
 import { useInterchainClient } from './useInterchainClient';
 import { useWalletModal } from "../modal";
 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/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/useChain.js

@@ -7,6 +7,7 @@ const useActiveWallet_1 = require("./useActiveWallet");
 const useInterchainClient_1 = require("./useInterchainClient");
 const modal_1 = require("../modal");
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interchain-kit/react",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.22",
   "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.22",
     "@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": "4f812e296043ff768200bc125b31b31570257616"
 }

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