@bze/bze-ui-kit 0.6.0 → 1.0.0

package/dist/index.mjs

@@ -1965,6 +1965,10 @@ var counterpartyChainForChannel = async (channelId, portId = "transfer") => {
 
 // src/service/assets_factory.ts
 var ORIGIN_CHAIN_PLACEHOLDER = "Unknown chain";
+var getAssetLogo = (asset) => {
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+  return (_j = (_i = (_f = (_c = (_a2 = asset.logoURIs) == null ? void 0 : _a2.svg) != null ? _c : (_b2 = asset.logoURIs) == null ? void 0 : _b2.png) != null ? _f : (_e = (_d = asset.images) == null ? void 0 : _d[0]) == null ? void 0 : _e.svg) != null ? _i : (_h = (_g = asset.images) == null ? void 0 : _g[0]) == null ? void 0 : _h.png) != null ? _j : TOKEN_LOGO_PLACEHOLDER;
+};
 var getChainAssets = async () => {
   const [metadata, supply] = await Promise.all([getAllMetadataMap(), getAllSupply()]);
   const result = {
@@ -2012,7 +2016,7 @@ var getChainAssets = async () => {
   return result;
 };
 var populateIBCAsset = async (asset) => {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a2, _b2, _c, _d;
   const ibcList = getIBCAssetList();
   const ibcData2 = ibcList.find((item) => item.base === asset.denom);
   if (ibcData2 && ibcData2.traces && ibcData2.traces.length > 0) {
@@ -2023,7 +2027,7 @@ var populateIBCAsset = async (asset) => {
         asset.name = ibcData2.name;
         asset.ticker = ibcData2.symbol.toUpperCase();
         asset.decimals = (_a2 = getExponentByDenomFromAsset(ibcData2, ibcData2.display)) != null ? _a2 : 0;
-        asset.logo = (_e = (_d = (_b2 = ibcData2.logoURIs) == null ? void 0 : _b2.svg) != null ? _d : (_c = ibcData2.logoURIs) == null ? void 0 : _c.png) != null ? _e : TOKEN_LOGO_PLACEHOLDER;
+        asset.logo = getAssetLogo(ibcData2);
         asset.verified = true;
         asset.IBCData = {
           chain: {
@@ -2033,7 +2037,7 @@ var populateIBCAsset = async (asset) => {
             chainName: firstTrace.counterparty.chain_name,
             channelId: firstTrace.counterparty.channel_id,
             baseDenom: firstTrace.counterparty.base_denom,
-            chainPrettyName: (_f = ibcAssetChain.prettyName) != null ? _f : ibcAssetChain.chainName
+            chainPrettyName: (_b2 = ibcAssetChain.prettyName) != null ? _b2 : ibcAssetChain.chainName
           }
         };
         return asset;
@@ -2069,7 +2073,7 @@ var populateIBCAsset = async (asset) => {
     const fullChain = getChainByChainId(counterPartyChain.chainId);
     if (fullChain) {
       asset.IBCData.counterparty.chainName = fullChain.chainName;
-      asset.IBCData.counterparty.chainPrettyName = (_g = fullChain.prettyName) != null ? _g : fullChain.chainName;
+      asset.IBCData.counterparty.chainPrettyName = (_c = fullChain.prettyName) != null ? _c : fullChain.chainName;
     }
   }
   const registryAssetChain = getAssetLists().find((item) => {
@@ -2080,8 +2084,8 @@ var populateIBCAsset = async (asset) => {
     const registryAsset = registryAssetChain.assets.find((i) => i.base === ibcTrace.base_denom);
     asset.name = registryAsset.name;
     asset.ticker = registryAsset.symbol.toUpperCase();
-    asset.decimals = (_h = getExponentByDenomFromAsset(registryAsset, registryAsset.display)) != null ? _h : 0;
-    asset.logo = (_l = (_k = (_i = registryAsset.logoURIs) == null ? void 0 : _i.svg) != null ? _k : (_j = registryAsset.logoURIs) == null ? void 0 : _j.png) != null ? _l : TOKEN_LOGO_PLACEHOLDER;
+    asset.decimals = (_d = getExponentByDenomFromAsset(registryAsset, registryAsset.display)) != null ? _d : 0;
+    asset.logo = getAssetLogo(registryAsset);
     asset.verified = true;
     return asset;
   }
@@ -2111,7 +2115,7 @@ var populateAssetFromChainRegistry = async (asset) => {
   return void 0;
 };
 var populateAssetFromBZEChainRegistryAssetList = async (asset) => {
-  var _a2, _b2, _c, _d, _e;
+  var _a2;
   const data = getAssetLists().find((item) => item.chainName.toLowerCase() === getChainName().toLowerCase());
   if (!data) {
     return void 0;
@@ -2123,7 +2127,7 @@ var populateAssetFromBZEChainRegistryAssetList = async (asset) => {
   asset.decimals = (_a2 = getExponentByDenomFromAsset(assetData, assetData.display)) != null ? _a2 : 0;
   asset.name = assetData.name;
   asset.ticker = assetData.display.toUpperCase();
-  asset.logo = isNativeDenom(asset.denom) ? BZE_CIRCLE_LOGO : (_e = (_d = (_b2 = assetData.logoURIs) == null ? void 0 : _b2.svg) != null ? _d : (_c = assetData.logoURIs) == null ? void 0 : _c.png) != null ? _e : TOKEN_LOGO_PLACEHOLDER;
+  asset.logo = isNativeDenom(asset.denom) ? BZE_CIRCLE_LOGO : getAssetLogo(assetData);
   return asset;
 };
 var populateAssetFromBlockchainMetadata = (asset, meta) => {
@@ -3032,103 +3036,17 @@ function useConnectionType() {
 }
 
 // src/hooks/useSigningClient.ts
-import {
-  getSigningBzeClient,
-  getSigningCosmosClient,
-  getSigningIbcClient
-} from "@bze/bzejs";
-import { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo3, useRef, useState as useState2 } from "react";
+import { useCallback as useCallback2, useEffect, useRef, useState } from "react";
 import { useChain } from "@interchain-kit/react";
-
-// src/hooks/useSettings.ts
-import { useState, useEffect, useCallback as useCallback2, useMemo as useMemo2 } from "react";
-function useSettings() {
-  const [settings, setSettingsState] = useState(DEFAULT_SETTINGS);
-  const [isLoaded, setIsLoaded] = useState(false);
-  useEffect(() => {
-    setSettingsState(getSettings());
-    setIsLoaded(true);
-  }, []);
-  const saveSettings = useCallback2((newSettings) => {
-    setSettings(newSettings);
-    setSettingsState(newSettings);
-    return true;
-  }, []);
-  const updateEndpoints = useCallback2((endpoints) => {
-    const newSettings = __spreadProps(__spreadValues({}, settings), { endpoints });
-    return saveSettings(newSettings);
-  }, [settings, saveSettings]);
-  const updatePreferredFeeDenom = useCallback2((preferredFeeDenom) => {
-    const newSettings = __spreadProps(__spreadValues({}, settings), { preferredFeeDenom });
-    return saveSettings(newSettings);
-  }, [settings, saveSettings]);
-  const resetToDefaults = useCallback2(() => {
-    saveSettings(DEFAULT_SETTINGS);
-    return true;
-  }, [saveSettings]);
-  const getEndpoints = useCallback2(() => {
-    return settings.endpoints;
-  }, [settings.endpoints]);
-  const defaultSettings = useMemo2(() => DEFAULT_SETTINGS, []);
-  const feeDenom = useMemo2(() => settings.preferredFeeDenom || getChainNativeAssetDenom(), [settings.preferredFeeDenom]);
-  return {
-    settings,
-    isLoaded,
-    saveSettings,
-    updateEndpoints,
-    updatePreferredFeeDenom,
-    resetToDefaults,
-    getEndpoints,
-    defaultSettings,
-    feeDenom
-  };
-}
-
-// src/hooks/useSigningClient.ts
-var useSigningClient = ({ chainName, isIbc, isCosmos }) => {
+var useSigningClient = ({ chainName }) => {
   const { getSigningClient, signingClientError, wallet, chain } = useChain(chainName != null ? chainName : getChainName());
-  const [signingClient, setSigningClient] = useState2(null);
-  const [isSigningClientReady, setIsSigningClientReady] = useState2(false);
-  const { settings } = useSettings();
+  const [signingClient, setSigningClient] = useState(null);
+  const [isSigningClientReady, setIsSigningClientReady] = useState(false);
   const hasInitialized = useRef(false);
-  const defaultChainName = useMemo3(() => getChainName(), []);
-  const createSigningClient = useCallback3(async () => {
-    var _a2;
-    const signingResult = await getSigningClient();
-    const offlineSigner = signingResult == null ? void 0 : signingResult.offlineSigner;
-    const rpcEndpoint = settings.endpoints.rpcEndpoint.replace("wss://", "https://").replace("ws://", "http://");
-    if (!offlineSigner) {
-      return;
-    }
-    let clientFn = getSigningBzeClient;
-    if (isIbc) {
-      clientFn = getSigningIbcClient;
-    } else if (isCosmos) {
-      clientFn = getSigningCosmosClient;
-    }
-    const signer = (_a2 = offlineSigner == null ? void 0 : offlineSigner.offlineSigner) != null ? _a2 : offlineSigner;
-    const getRpcForChain = (name) => {
-      switch (name) {
-        case "archway":
-          return getArchwayRpcURL();
-        case "osmosis":
-          return getOsmosisRpcUrl();
-        case "noble":
-          return getNobleRpcUrl();
-        case "jackal":
-          return getJackalRpcUrl();
-        case "omniflixhub":
-          return getOmniFlixRpcUrl();
-        case "atomone":
-          return getAtomOneRpcUrl();
-        default:
-          return rpcEndpoint;
-      }
-    };
-    const endpoint = chainName && chainName !== defaultChainName ? getRpcForChain(chainName) : rpcEndpoint;
-    return clientFn({ rpcEndpoint: endpoint, signer });
-  }, [getSigningClient, settings.endpoints.rpcEndpoint, isIbc, isCosmos, chainName, defaultChainName]);
-  useEffect2(() => {
+  const createSigningClient = useCallback2(async () => {
+    return getSigningClient();
+  }, [getSigningClient]);
+  useEffect(() => {
     if (!wallet || !chain || hasInitialized.current) {
       return;
     }
@@ -3150,12 +3068,12 @@ var useSigningClient = ({ chainName, isIbc, isCosmos }) => {
 };
 
 // src/hooks/usePrices.ts
-import { useCallback as useCallback4, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
 function useAssetPrice(denom) {
   const { usdPricesMap, marketsDataMap, isLoadingPrices } = useAssetsContext();
-  const usdDenom = useMemo4(() => getUSDCDenom(), []);
-  const bzeDenom = useMemo4(() => getChainNativeAssetDenom(), []);
-  const change = useMemo4(() => {
+  const usdDenom = useMemo2(() => getUSDCDenom(), []);
+  const bzeDenom = useMemo2(() => getChainNativeAssetDenom(), []);
+  const change = useMemo2(() => {
     const marketData = marketsDataMap.get(createMarketId(denom, usdDenom));
     if (marketData) {
       return marketData.change;
@@ -3166,20 +3084,20 @@ function useAssetPrice(denom) {
     }
     return 0;
   }, [marketsDataMap, denom, usdDenom, bzeDenom]);
-  const price = useMemo4(() => {
+  const price = useMemo2(() => {
     const zeroBN = toBigNumber(0);
     if (denom === "") return zeroBN;
     if (denom === usdDenom) return toBigNumber(1);
     return usdPricesMap.get(denom) || zeroBN;
   }, [usdPricesMap, denom, usdDenom]);
-  const totalUsdValue = useCallback4((amount) => {
+  const totalUsdValue = useCallback3((amount) => {
     return price.multipliedBy(amount);
   }, [price]);
-  const uAmountUsdValue = useCallback4((amount, decimals) => {
+  const uAmountUsdValue = useCallback3((amount, decimals) => {
     return totalUsdValue(uAmountToBigNumberAmount(amount, decimals));
   }, [totalUsdValue]);
-  const isUSDC = useMemo4(() => denom === usdDenom, [denom, usdDenom]);
-  const hasPrice = useMemo4(() => price.gt(0), [price]);
+  const isUSDC = useMemo2(() => denom === usdDenom, [denom, usdDenom]);
+  const hasPrice = useMemo2(() => price.gt(0), [price]);
   return {
     price,
     change,
@@ -3191,16 +3109,60 @@ function useAssetPrice(denom) {
   };
 }
 
+// src/hooks/useSettings.ts
+import { useState as useState2, useEffect as useEffect2, useCallback as useCallback4, useMemo as useMemo3 } from "react";
+function useSettings() {
+  const [settings, setSettingsState] = useState2(DEFAULT_SETTINGS);
+  const [isLoaded, setIsLoaded] = useState2(false);
+  useEffect2(() => {
+    setSettingsState(getSettings());
+    setIsLoaded(true);
+  }, []);
+  const saveSettings = useCallback4((newSettings) => {
+    setSettings(newSettings);
+    setSettingsState(newSettings);
+    return true;
+  }, []);
+  const updateEndpoints = useCallback4((endpoints) => {
+    const newSettings = __spreadProps(__spreadValues({}, settings), { endpoints });
+    return saveSettings(newSettings);
+  }, [settings, saveSettings]);
+  const updatePreferredFeeDenom = useCallback4((preferredFeeDenom) => {
+    const newSettings = __spreadProps(__spreadValues({}, settings), { preferredFeeDenom });
+    return saveSettings(newSettings);
+  }, [settings, saveSettings]);
+  const resetToDefaults = useCallback4(() => {
+    saveSettings(DEFAULT_SETTINGS);
+    return true;
+  }, [saveSettings]);
+  const getEndpoints = useCallback4(() => {
+    return settings.endpoints;
+  }, [settings.endpoints]);
+  const defaultSettings = useMemo3(() => DEFAULT_SETTINGS, []);
+  const feeDenom = useMemo3(() => settings.preferredFeeDenom || getChainNativeAssetDenom(), [settings.preferredFeeDenom]);
+  return {
+    settings,
+    isLoaded,
+    saveSettings,
+    updateEndpoints,
+    updatePreferredFeeDenom,
+    resetToDefaults,
+    getEndpoints,
+    defaultSettings,
+    feeDenom
+  };
+}
+
 // src/hooks/useBalances.ts
 import BigNumber8 from "bignumber.js";
-import { useMemo as useMemo5, useCallback as useCallback5 } from "react";
+import { useMemo as useMemo4, useCallback as useCallback5 } from "react";
 function useBalances() {
   const { balancesMap, isLoading, assetsMap, usdPricesMap } = useAssetsContext();
-  const balances = useMemo5(() => Array.from(balancesMap.values()), [balancesMap]);
+  const balances = useMemo4(() => Array.from(balancesMap.values()), [balancesMap]);
   const getBalanceByDenom = useCallback5((denom) => {
     return balancesMap.get(denom) || { denom, amount: BigNumber8(0) };
   }, [balancesMap]);
-  const assetsBalances = useMemo5(() => {
+  const assetsBalances = useMemo4(() => {
     const result = [];
     balances.map((bal) => {
       const asset = assetsMap.get(bal.denom);
@@ -3230,7 +3192,7 @@ function useBalances() {
 }
 function useBalance(denom) {
   const { balancesMap, isLoading } = useAssetsContext();
-  const balance = useMemo5(
+  const balance = useMemo4(
     () => balancesMap.get(denom) || {
       denom,
       amount: BigNumber8(0)
@@ -3248,7 +3210,7 @@ function useBalance(denom) {
 }
 
 // src/hooks/useEpochs.ts
-import { useCallback as useCallback6, useMemo as useMemo6 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo5 } from "react";
 import BigNumber9 from "bignumber.js";
 var EPOCH_HOUR2 = "hour";
 var EPOCH_DAY2 = "day";
@@ -3271,13 +3233,13 @@ function useEpochs() {
   const getCurrentEpoch2 = useCallback6((identifier) => {
     return epochs.get(identifier);
   }, [epochs]);
-  const hourEpochInfo = useMemo6(() => {
+  const hourEpochInfo = useMemo5(() => {
     return epochs.get(EPOCH_HOUR2);
   }, [epochs]);
-  const dayEpochInfo = useMemo6(() => {
+  const dayEpochInfo = useMemo5(() => {
     return epochs.get(EPOCH_DAY2);
   }, [epochs]);
-  const weekEpochInfo = useMemo6(() => {
+  const weekEpochInfo = useMemo5(() => {
     return epochs.get(EPOCH_WEEK2);
   }, [epochs]);
   const getHourEpochInfo2 = useCallback6(() => {
@@ -3310,7 +3272,7 @@ function useEpochs() {
   const getPeriodicWeekEpochEndTime2 = useCallback6((modWeek = 1) => {
     return getPeriodicEpochEndTime2(EPOCH_WEEK2, modWeek);
   }, [getPeriodicEpochEndTime2]);
-  const epochsList = useMemo6(() => Array.from(epochs.values()), [epochs]);
+  const epochsList = useMemo5(() => Array.from(epochs.values()), [epochs]);
   return {
     epochs: epochsList,
     epochsMap: epochs,
@@ -3337,11 +3299,11 @@ function useEpochsManager() {
 }
 
 // src/hooks/useLiquidityPools.ts
-import { useCallback as useCallback7, useMemo as useMemo7 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo6 } from "react";
 import BigNumber10 from "bignumber.js";
 function useLiquidityPools() {
   const { poolsMap, poolsDataMap, updateLiquidityPools, isLoading, assetsMap } = useAssetsContext();
-  const pools = useMemo7(() => {
+  const pools = useMemo6(() => {
     return Array.from(poolsMap.values());
   }, [poolsMap]);
   const getPoolByLpDenom = (lpDenom) => {
@@ -3352,7 +3314,7 @@ function useLiquidityPools() {
     const poolId = createPoolId(denomA, denomB);
     return poolsMap.get(poolId);
   }, [poolsMap]);
-  const liquidAssets = useMemo7(() => {
+  const liquidAssets = useMemo6(() => {
     if (!assetsMap || assetsMap.size === 0) return [];
     const result = /* @__PURE__ */ new Map();
     pools.forEach((pool) => {
@@ -3375,12 +3337,12 @@ function useLiquidityPools() {
 }
 function useAssetLiquidityPools(denom) {
   const { poolsMap, poolsDataMap, isLoading } = useAssetsContext();
-  const assetPools = useMemo7(() => {
+  const assetPools = useMemo6(() => {
     return Array.from(poolsMap.values()).filter(
       (pool) => pool.base === denom || pool.quote === denom
     );
   }, [poolsMap, denom]);
-  const assetPoolsData = useMemo7(() => {
+  const assetPoolsData = useMemo6(() => {
     const newMap = /* @__PURE__ */ new Map();
     if (isLoading || denom === "") return newMap;
     assetPools.forEach((pool) => {
@@ -3391,7 +3353,7 @@ function useAssetLiquidityPools(denom) {
     });
     return newMap;
   }, [assetPools, poolsDataMap, isLoading, denom]);
-  const asset24HoursVolume = useMemo7(() => {
+  const asset24HoursVolume = useMemo6(() => {
     let volume = BigNumber10(0);
     if (isLoading || denom === "") return volume;
     assetPoolsData.forEach((poolData) => {
@@ -3413,34 +3375,34 @@ function useAssetLiquidityPools(denom) {
 }
 function useLiquidityPool(poolId) {
   const { balancesMap, assetsMap, poolsMap, poolsDataMap, isLoading } = useAssetsContext();
-  const pool = useMemo7(() => poolsMap.get(poolId), [poolsMap, poolId]);
-  const poolData = useMemo7(() => poolsDataMap.get(poolId), [poolsDataMap, poolId]);
-  const userShares = useMemo7(() => {
+  const pool = useMemo6(() => poolsMap.get(poolId), [poolsMap, poolId]);
+  const poolData = useMemo6(() => poolsDataMap.get(poolId), [poolsDataMap, poolId]);
+  const userShares = useMemo6(() => {
     if (!pool) return toBigNumber(0);
     const balance = balancesMap.get(pool.lp_denom);
     if (!balance) return toBigNumber(0);
     return toBigNumber(balance.amount);
   }, [balancesMap, pool]);
-  const totalShares = useMemo7(() => {
+  const totalShares = useMemo6(() => {
     if (!assetsMap || !pool) return toBigNumber(0);
     const sharesAsset = assetsMap.get(pool.lp_denom);
     if (!sharesAsset) return toBigNumber(0);
     return toBigNumber((sharesAsset == null ? void 0 : sharesAsset.supply) || 0);
   }, [assetsMap, pool]);
-  const userSharesPercentage = useMemo7(() => {
+  const userSharesPercentage = useMemo6(() => {
     if (!userShares || !totalShares || totalShares.isZero()) {
       return toBigNumber(0);
     }
     return userShares.dividedBy(totalShares).multipliedBy(100).toFixed(2);
   }, [userShares, totalShares]);
-  const userReserveBase = useMemo7(() => {
+  const userReserveBase = useMemo6(() => {
     if (!pool || !userShares || !totalShares || totalShares.isZero()) {
       return toBigNumber(0);
     }
     const reserveBase = toBigNumber(pool.reserve_base);
     return userShares.dividedBy(totalShares).multipliedBy(reserveBase);
   }, [pool, userShares, totalShares]);
-  const userReserveQuote = useMemo7(() => {
+  const userReserveQuote = useMemo6(() => {
     if (!pool || !userShares || !totalShares || totalShares.isZero()) {
       return toBigNumber(0);
     }
@@ -3488,7 +3450,7 @@ function useLiquidityPool(poolId) {
 }
 
 // src/hooks/useAssetsValue.ts
-import { useCallback as useCallback8, useMemo as useMemo8 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo7 } from "react";
 import BigNumber11 from "bignumber.js";
 function useAssetsValue() {
   const { assetsMap, usdPricesMap, balancesMap, isLoading: isLoadingPrices } = useAssetsContext();
@@ -3502,7 +3464,7 @@ function useAssetsValue() {
     });
     return usdValue;
   }, [usdPricesMap]);
-  const walletTotalUsdValue = useMemo8(() => {
+  const walletTotalUsdValue = useMemo7(() => {
     let total = toBigNumber(0);
     balancesMap.forEach((balance, denom) => {
       const price = usdPricesMap.get(denom);
@@ -3544,13 +3506,13 @@ function useAssetsValue() {
 }
 
 // src/hooks/useFeeTokens.ts
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo8 } from "react";
 var MIN_LIQUIDITY_FOR_FEE_TOKEN = 5e10;
 function useFeeTokens() {
   const { pools, isLoading: poolsLoading } = useLiquidityPools();
   const { assetsMap, isLoading: assetsLoading } = useAssetsContext();
   const nativeDenom = getChainNativeAssetDenom();
-  const feeTokens = useMemo9(() => {
+  const feeTokens = useMemo8(() => {
     if (poolsLoading || assetsLoading) {
       return [];
     }
@@ -3580,14 +3542,14 @@ function useFeeTokens() {
 }
 
 // src/hooks/useMarkets.ts
-import { useCallback as useCallback9, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo9 } from "react";
 import BigNumber12 from "bignumber.js";
 function useMarkets() {
   const { marketsMap, marketsDataMap, updateMarkets, isLoading } = useAssetsContext();
-  const markets = useMemo10(() => {
+  const markets = useMemo9(() => {
     return Array.from(marketsMap.values());
   }, [marketsMap]);
-  const marketsData = useMemo10(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
+  const marketsData = useMemo9(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
   const marketExists = useCallback9((marketId) => marketsMap.has(marketId), [marketsMap]);
   const getMarketData = useCallback9((marketId) => marketsDataMap.get(marketId), [marketsDataMap]);
   const getMarket = useCallback9((marketId) => marketsMap.get(marketId), [marketsMap]);
@@ -3605,9 +3567,9 @@ function useMarkets() {
 }
 function useAssetMarkets(denom) {
   const { isLoading, marketsMap, marketsDataMap } = useAssetsContext();
-  const markets = useMemo10(() => Array.from(marketsMap.values()), [marketsMap]);
-  const marketsData = useMemo10(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
-  const assetMarkets = useMemo10(() => {
+  const markets = useMemo9(() => Array.from(marketsMap.values()), [marketsMap]);
+  const marketsData = useMemo9(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
+  const assetMarkets = useMemo9(() => {
     const baseMatches = [];
     const quoteMatches = [];
     for (const market of markets) {
@@ -3616,7 +3578,7 @@ function useAssetMarkets(denom) {
     }
     return [...baseMatches, ...quoteMatches];
   }, [markets, denom]);
-  const assetMarketsData = useMemo10(() => {
+  const assetMarketsData = useMemo9(() => {
     const baseMatches = [];
     const quoteMatches = [];
     for (const market of marketsData) {
@@ -3625,7 +3587,7 @@ function useAssetMarkets(denom) {
     }
     return [...baseMatches, ...quoteMatches];
   }, [marketsData, denom]);
-  const asset24hTradedVolume = useMemo10(() => {
+  const asset24hTradedVolume = useMemo9(() => {
     return assetMarketsData.reduce((acc, market) => {
       if (denom === market.base) {
         return acc.plus(market.base_volume || 0);
@@ -3644,8 +3606,8 @@ function useAssetMarkets(denom) {
 }
 function useMarket(marketId) {
   const { marketsMap, marketsDataMap, isLoading, assetsMap } = useAssetsContext();
-  const market = useMemo10(() => marketsMap.get(marketId), [marketsMap, marketId]);
-  const marketSymbol = useMemo10(() => {
+  const market = useMemo9(() => marketsMap.get(marketId), [marketsMap, marketId]);
+  const marketSymbol = useMemo9(() => {
     var _a2, _b2;
     if (isLoading) return "";
     if (!market) return "";
@@ -3659,9 +3621,9 @@ function useMarket(marketId) {
     }
     return `${base}/${quote}`;
   }, [market, isLoading, assetsMap]);
-  const marketData = useMemo10(() => marketsDataMap.get(marketId), [marketsDataMap, marketId]);
-  const marketExists = useMemo10(() => !!market, [market]);
-  const volume24h = useMemo10(() => {
+  const marketData = useMemo9(() => marketsDataMap.get(marketId), [marketsDataMap, marketId]);
+  const marketExists = useMemo9(() => !!market, [market]);
+  const volume24h = useMemo9(() => {
     if (!marketData || !market) return toBigNumber(0);
     const quoteAsset = assetsMap.get(market.quote);
     if (!quoteAsset) return toBigNumber(0);
@@ -3686,7 +3648,7 @@ function useMarketsManager() {
 }
 
 // src/hooks/useToast.tsx
-import { useCallback as useCallback10, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo10 } from "react";
 
 // src/components/toaster.tsx
 import {
@@ -3776,7 +3738,7 @@ var useToast = () => {
   const dismiss = useCallback10((id) => {
     toaster.dismiss(id);
   }, []);
-  const toast = useMemo11(() => ({
+  const toast = useMemo10(() => ({
     clickableSuccess,
     success,
     error,
@@ -3789,10 +3751,10 @@ var useToast = () => {
 };
 
 // src/hooks/useTx.tsx
-import { coins, isDeliverTxSuccess } from "@cosmjs/stargate";
 import { useChain as useChain2 } from "@interchain-kit/react";
 import BigNumber13 from "bignumber.js";
-import { useCallback as useCallback11, useMemo as useMemo12, useState as useState3 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo11, useState as useState3 } from "react";
+var coins = (amount, denom) => [{ amount: String(amount), denom }];
 var TxStatus = /* @__PURE__ */ ((TxStatus2) => {
   TxStatus2["Failed"] = "Transaction Failed";
   TxStatus2["Successful"] = "Transaction Successful";
@@ -3804,34 +3766,34 @@ var defaultFee = {
   gas: "500000"
 };
 var useSDKTx = (chainName) => {
-  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName(), true, false);
+  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName());
   return {
     tx,
     progressTrack
   };
 };
 var useBZETx = () => {
-  const { tx, progressTrack } = useTx(getChainName(), false, false);
+  const { tx, progressTrack } = useTx(getChainName());
   return {
     tx,
     progressTrack
   };
 };
 var useIBCTx = (chainName) => {
-  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName(), false, true);
+  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName());
   return {
     tx,
     progressTrack
   };
 };
-var useTx = (chainName, isCosmos, isIBC) => {
+var useTx = (chainName) => {
   const { address, disconnect } = useChain2(chainName);
   const { toast } = useToast();
-  const { signingClient, isSigningClientReady, signingClientError } = useSigningClient({ chainName, isCosmos, isIbc: isIBC });
+  const { signingClient, isSigningClientReady, signingClientError } = useSigningClient({ chainName });
   const [progressTrack, setProgressTrack] = useState3("");
   const { getDenomsPool } = useLiquidityPools();
   const { feeDenom } = useSettings();
-  const defaultChainName = useMemo12(() => getChainName(), []);
+  const defaultChainName = useMemo11(() => getChainName(), []);
   const canUseClient = useCallback11(async () => {
     if (!isSigningClientReady) {
       console.error("waiting for signing client to be ready", signingClientError);
@@ -3904,7 +3866,7 @@ var useTx = (chainName, isCosmos, isIBC) => {
         const fee = await getFee(msgs, options);
         setProgressTrack("Signing transaction");
         const resp = await signingClient.signAndBroadcast(address, msgs, fee, (_a2 = options == null ? void 0 : options.memo) != null ? _a2 : DEFAULT_TX_MEMO);
-        if (isDeliverTxSuccess(resp)) {
+        if (resp.code === 0) {
           setProgressTrack("Transaction sent");
           toast.clickableSuccess("Transaction Successful" /* Successful */, () => {
             openExternalLink(`${getChainExplorerURL(chainName != null ? chainName : defaultChainName)}/tx/${resp.transactionHash}`);
@@ -4234,7 +4196,7 @@ import {
 } from "@chakra-ui/react";
 import { Select, Portal as Portal3 } from "@chakra-ui/react";
 import { useTheme } from "next-themes";
-import { useState as useState7, useEffect as useEffect5, useMemo as useMemo13, useCallback as useCallback13 } from "react";
+import { useState as useState7, useEffect as useEffect5, useMemo as useMemo12, useCallback as useCallback13 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const { setTheme, resolvedTheme } = useTheme();
@@ -4300,7 +4262,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
     setPreferredFeeDenom(defaultSettings.preferredFeeDenom);
     setValidationResults({});
   }, []);
-  const connectionStatusText = useMemo13(() => {
+  const connectionStatusText = useMemo12(() => {
     switch (connectionType) {
       case CONNECTION_TYPE_NONE:
         return "Failed";
@@ -4310,7 +4272,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         return "Connected";
     }
   }, [connectionType]);
-  const connectionStatusBadgeColor = useMemo13(() => {
+  const connectionStatusBadgeColor = useMemo12(() => {
     switch (connectionType) {
       case CONNECTION_TYPE_NONE:
         return "red";
@@ -4320,7 +4282,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
         return "green";
     }
   }, [connectionType]);
-  const feeTokensCollection = useMemo13(() => createListCollection({
+  const feeTokensCollection = useMemo12(() => createListCollection({
     items: feeTokens.map((token) => ({
       label: token.ticker || token.name,
       value: token.denom,
@@ -4503,7 +4465,7 @@ import {
   VStack as VStack2
 } from "@chakra-ui/react";
 import { LuCopy, LuExternalLink, LuX as LuX2 } from "react-icons/lu";
-import { useCallback as useCallback14, useEffect as useEffect6, useMemo as useMemo14, useRef as useRef4, useState as useState8 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect6, useMemo as useMemo13, useRef as useRef4, useState as useState8 } from "react";
 import { WalletState } from "@interchain-kit/core";
 import BigNumber14 from "bignumber.js";
 import { cosmos } from "@bze/bzejs";
@@ -4525,11 +4487,11 @@ var validateAmount = (amount, coin, onError) => {
 };
 var BalanceItem = ({ asset, onClick, accentColor }) => {
   const [showSendButton, setShowSendButton] = useState8(false);
-  const formattedBalanceAmount = useMemo14(() => {
+  const formattedBalanceAmount = useMemo13(() => {
     var _a2;
     return prettyAmount(uAmountToBigNumberAmount(asset.amount, (_a2 = asset.decimals) != null ? _a2 : 0));
   }, [asset.amount, asset.decimals]);
-  const formattedBalanceUSDValue = useMemo14(() => {
+  const formattedBalanceUSDValue = useMemo13(() => {
     return shortNumberFormat(asset.USDValue);
   }, [asset.USDValue]);
   return /* @__PURE__ */ jsxs4(
@@ -4602,7 +4564,7 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       };
     })
   });
-  const isValidForm = useMemo14(() => {
+  const isValidForm = useMemo13(() => {
     return selectedCoin && memoError === "" && recipientError === "" && sendAmountError === "" && sendAmount !== "" && recipient !== "";
   }, [selectedCoin, memoError, recipientError, sendAmountError, sendAmount, recipient]);
   const resetSendForm = useCallback14(() => {
@@ -4855,12 +4817,12 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
     connect
   } = useChain3(getChainName());
   const { assetsBalances, isLoading: assetsLoading } = useBalances();
-  const balancesWithoutLps = useMemo14(() => {
+  const balancesWithoutLps = useMemo13(() => {
     if (assetsLoading) return [];
     return assetsBalances.filter((asset) => !isLpDenom(asset.denom));
   }, [assetsLoading, assetsBalances]);
   const nativeDenom = getChainNativeAssetDenom();
-  const sortedBalances = useMemo14(() => {
+  const sortedBalances = useMemo13(() => {
     return balancesWithoutLps.sort((a, b) => {
       if (a.denom === nativeDenom) return -1;
       if (b.denom === nativeDenom) return 1;
@@ -4876,7 +4838,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       return 0;
     });
   }, [balancesWithoutLps]);
-  const walletAddress = useMemo14(() => stringTruncateFromCenter(address != null ? address : "", 16), [address]);
+  const walletAddress = useMemo13(() => stringTruncateFromCenter(address != null ? address : "", 16), [address]);
   const handleCopyAddress = () => {
     navigator.clipboard.writeText(address);
     setShowCopiedTooltip(true);
@@ -4962,7 +4924,7 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
       }
     ) })
   ] });
-  const statusColor = useMemo14(() => {
+  const statusColor = useMemo13(() => {
     switch (status) {
       case WalletState.Connected:
         return "green";