@bze/bze-ui-kit 0.1.0 → 0.2.1

package/dist/index.mjs

@@ -2976,6 +2976,7 @@ function useEpochs() {
 
 // src/hooks/useLiquidityPools.ts
 import { useCallback as useCallback6, useMemo as useMemo7 } from "react";
+import BigNumber9 from "bignumber.js";
 function useLiquidityPools() {
   const { poolsMap, poolsDataMap, updateLiquidityPools, isLoading, assetsMap } = useAssetsContext();
   const pools = useMemo7(() => {
@@ -3001,6 +3002,7 @@ function useLiquidityPools() {
   return {
     pools,
     poolsMap,
+    poolsData: poolsDataMap,
     poolsDataMap,
     isLoading,
     updateLiquidityPools,
@@ -3010,23 +3012,135 @@ function useLiquidityPools() {
   };
 }
 function useAssetLiquidityPools(denom) {
-  const { poolsMap, poolsDataMap } = useAssetsContext();
+  const { poolsMap, poolsDataMap, isLoading } = useAssetsContext();
   const assetPools = useMemo7(() => {
     return Array.from(poolsMap.values()).filter(
       (pool) => pool.base === denom || pool.quote === denom
     );
   }, [poolsMap, denom]);
+  const assetPoolsData = useMemo7(() => {
+    const newMap = /* @__PURE__ */ new Map();
+    if (isLoading || denom === "") return newMap;
+    assetPools.forEach((pool) => {
+      const poolData = poolsDataMap.get(pool.id);
+      if (poolData) {
+        newMap.set(pool.id, poolData);
+      }
+    });
+    return newMap;
+  }, [assetPools, poolsDataMap, isLoading, denom]);
+  const asset24HoursVolume = useMemo7(() => {
+    let volume = BigNumber9(0);
+    if (isLoading || denom === "") return volume;
+    assetPoolsData.forEach((poolData) => {
+      if (poolData.base === denom) {
+        volume = volume.plus(poolData.baseVolume);
+      } else if (poolData.quote === denom) {
+        volume = volume.plus(poolData.quoteVolume);
+      }
+    });
+    return volume;
+  }, [isLoading, assetPoolsData, denom]);
   return {
     assetPools,
-    poolsDataMap
+    poolsDataMap,
+    isLoading,
+    asset24HoursVolume,
+    assetPoolsData
+  };
+}
+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(() => {
+    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(() => {
+    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(() => {
+    if (!userShares || !totalShares || totalShares.isZero()) {
+      return toBigNumber(0);
+    }
+    return userShares.dividedBy(totalShares).multipliedBy(100).toFixed(2);
+  }, [userShares, totalShares]);
+  const userReserveBase = useMemo7(() => {
+    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(() => {
+    if (!pool || !userShares || !totalShares || totalShares.isZero()) {
+      return toBigNumber(0);
+    }
+    const reserveQuote = toBigNumber(pool.reserve_quote);
+    return userShares.dividedBy(totalShares).multipliedBy(reserveQuote);
+  }, [pool, userShares, totalShares]);
+  const calculateOppositeAmount = useCallback6((amount, isBase) => {
+    if (!pool) {
+      return toBigNumber(0);
+    }
+    return calculatePoolOppositeAmount(pool, amount, isBase);
+  }, [pool]);
+  const calculateSharesFromAmounts = useCallback6((baseAmount, quoteAmount) => {
+    if (!pool || !totalShares) {
+      return toBigNumber(0);
+    }
+    const baseAmountBN = toBigNumber(baseAmount);
+    const quoteAmountBN = toBigNumber(quoteAmount);
+    if (baseAmountBN.isZero() || baseAmountBN.isNaN() || quoteAmountBN.isZero() || quoteAmountBN.isNaN()) {
+      return toBigNumber(0);
+    }
+    const reserveBase = toBigNumber(pool.reserve_base);
+    const reserveQuote = toBigNumber(pool.reserve_quote);
+    if (reserveBase.isZero() || reserveQuote.isZero() || totalShares.isZero()) {
+      return toBigNumber(0);
+    }
+    const baseRatio = baseAmountBN.dividedBy(reserveBase);
+    const quoteRatio = quoteAmountBN.dividedBy(reserveQuote);
+    const mintRatio = BigNumber9.minimum(baseRatio, quoteRatio);
+    const tokensToMint = mintRatio.multipliedBy(totalShares);
+    return tokensToMint.integerValue(BigNumber9.ROUND_DOWN);
+  }, [pool, totalShares]);
+  return {
+    isLoading,
+    pool,
+    poolData,
+    userShares,
+    totalShares,
+    userSharesPercentage,
+    userReserveBase,
+    userReserveQuote,
+    calculateOppositeAmount,
+    calculateSharesFromAmounts
   };
 }
 
 // src/hooks/useAssetsValue.ts
-import { useMemo as useMemo8 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo8 } from "react";
+import BigNumber10 from "bignumber.js";
 function useAssetsValue() {
-  const { assetsMap, usdPricesMap, balancesMap, isLoading } = useAssetsContext();
-  const totalUsdValue = useMemo8(() => {
+  const { assetsMap, usdPricesMap, balancesMap, isLoading: isLoadingPrices } = useAssetsContext();
+  const totalUsdValue = useCallback7((prettyBalances) => {
+    let usdValue = BigNumber10(0);
+    prettyBalances.map((denomBalance) => {
+      const assetPrice = usdPricesMap.get(denomBalance.denom);
+      if (assetPrice && assetPrice.gt(0)) {
+        usdValue = usdValue.plus(assetPrice.multipliedBy(denomBalance.amount));
+      }
+    });
+    return usdValue;
+  }, [usdPricesMap]);
+  const walletTotalUsdValue = useMemo8(() => {
     let total = toBigNumber(0);
     balancesMap.forEach((balance, denom) => {
       const price = usdPricesMap.get(denom);
@@ -3037,17 +3151,33 @@ function useAssetsValue() {
     });
     return total;
   }, [balancesMap, usdPricesMap, assetsMap]);
-  const denomUsdValue = (denom, uAmount) => {
+  const denomUsdValue = useCallback7((denom, uAmount) => {
     const price = usdPricesMap.get(denom);
     if (!price || !price.gt(0)) return toBigNumber(0);
     const asset = assetsMap.get(denom);
     if (!asset) return toBigNumber(0);
     return price.multipliedBy(uAmountToBigNumberAmount(uAmount, asset.decimals));
-  };
+  }, [usdPricesMap, assetsMap]);
+  const compareValues = useCallback7((a, b) => {
+    var _a2;
+    let aValue = BigNumber10(0);
+    const aPrice = usdPricesMap.get(a.denom);
+    if (aPrice) {
+      aValue = aPrice.multipliedBy(a.amount);
+    }
+    let bValue = BigNumber10(0);
+    const bPrice = usdPricesMap.get(b.denom);
+    if (bPrice) {
+      bValue = bPrice.multipliedBy(b.amount);
+    }
+    return (_a2 = aValue.comparedTo(bValue)) != null ? _a2 : 0;
+  }, [usdPricesMap]);
   return {
     totalUsdValue,
+    walletTotalUsdValue,
     denomUsdValue,
-    isLoading
+    compareValues,
+    isLoading: isLoadingPrices
   };
 }
 
@@ -3088,58 +3218,113 @@ function useFeeTokens() {
 }
 
 // src/hooks/useMarkets.ts
-import { useMemo as useMemo10 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo10 } from "react";
+import BigNumber11 from "bignumber.js";
 function useMarkets() {
   const { marketsMap, marketsDataMap, updateMarkets, isLoading } = useAssetsContext();
   const markets = useMemo10(() => {
     return Array.from(marketsMap.values());
   }, [marketsMap]);
+  const marketsData = useMemo10(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
+  const marketExists = useCallback8((marketId) => marketsMap.has(marketId), [marketsMap]);
+  const getMarketData = useCallback8((marketId) => marketsDataMap.get(marketId), [marketsDataMap]);
+  const getMarket = useCallback8((marketId) => marketsMap.get(marketId), [marketsMap]);
   return {
     markets,
+    marketsData,
     marketsMap,
     marketsDataMap,
     isLoading,
-    updateMarkets
+    updateMarkets,
+    marketExists,
+    getMarketData,
+    getMarket
   };
 }
 function useAssetMarkets(denom) {
-  const { marketsMap } = useAssetsContext();
+  const { isLoading, marketsMap, marketsDataMap } = useAssetsContext();
+  const markets = useMemo10(() => Array.from(marketsMap.values()), [marketsMap]);
+  const marketsData = useMemo10(() => Array.from(marketsDataMap.values()), [marketsDataMap]);
   const assetMarkets = useMemo10(() => {
-    return Array.from(marketsMap.values()).filter(
-      (market) => market.base === denom || market.quote === denom
-    );
-  }, [marketsMap, denom]);
+    const baseMatches = [];
+    const quoteMatches = [];
+    for (const market of markets) {
+      if (market.base === denom) baseMatches.push(market);
+      else if (market.quote === denom) quoteMatches.push(market);
+    }
+    return [...baseMatches, ...quoteMatches];
+  }, [markets, denom]);
+  const assetMarketsData = useMemo10(() => {
+    const baseMatches = [];
+    const quoteMatches = [];
+    for (const market of marketsData) {
+      if (market.base === denom) baseMatches.push(market);
+      else if (market.quote === denom) quoteMatches.push(market);
+    }
+    return [...baseMatches, ...quoteMatches];
+  }, [marketsData, denom]);
+  const asset24hTradedVolume = useMemo10(() => {
+    return assetMarketsData.reduce((acc, market) => {
+      if (denom === market.base) {
+        return acc.plus(market.base_volume || 0);
+      } else if (denom === market.quote) {
+        return acc.plus(market.quote_volume || 0);
+      }
+      return acc;
+    }, new BigNumber11(0));
+  }, [assetMarketsData, denom]);
   return {
-    assetMarkets
+    isLoading,
+    assetMarkets,
+    assetMarketsData,
+    asset24hTradedVolume
   };
 }
-function useMarket(base, quote) {
-  const { marketsMap, marketsDataMap, assetsMap, isLoading } = useAssetsContext();
-  const marketId = useMemo10(() => createMarketId(base, quote), [base, quote]);
-  const market = useMemo10(() => {
-    return marketsMap.get(marketId);
-  }, [marketsMap, marketId]);
-  const marketData = useMemo10(() => {
-    return marketsDataMap.get(marketId);
-  }, [marketsDataMap, marketId]);
+function useMarket(marketId) {
+  const { marketsMap, marketsDataMap, isLoading, assetsMap } = useAssetsContext();
+  const market = useMemo10(() => marketsMap.get(marketId), [marketsMap, marketId]);
+  const marketSymbol = useMemo10(() => {
+    var _a2, _b2;
+    if (isLoading) return "";
+    if (!market) return "";
+    let base = (_a2 = assetsMap.get(market.base)) == null ? void 0 : _a2.ticker;
+    if (!base) {
+      base = truncateDenom(market.base);
+    }
+    let quote = (_b2 = assetsMap.get(market.quote)) == null ? void 0 : _b2.ticker;
+    if (!quote) {
+      quote = truncateDenom(market.quote);
+    }
+    return `${base}/${quote}`;
+  }, [market, isLoading, assetsMap]);
+  const marketData = useMemo10(() => marketsDataMap.get(marketId), [marketsDataMap, marketId]);
   const marketExists = useMemo10(() => !!market, [market]);
   const volume24h = useMemo10(() => {
-    if (!marketData) return toBigNumber(0);
-    const quoteAsset = assetsMap.get(quote);
+    if (!marketData || !market) return toBigNumber(0);
+    const quoteAsset = assetsMap.get(market.quote);
     if (!quoteAsset) return toBigNumber(0);
     return uAmountToBigNumberAmount(toBigNumber(marketData.quote_volume), quoteAsset.decimals);
-  }, [marketData, assetsMap, quote]);
+  }, [marketData, assetsMap, market]);
   return {
+    isLoading,
     market,
     marketData,
+    marketSymbol,
+    marketId,
     marketExists,
-    volume24h,
+    volume24h
+  };
+}
+function useMarketsManager() {
+  const { updateMarkets, isLoading } = useAssetsContext();
+  return {
+    updateMarkets,
     isLoading
   };
 }
 
 // src/hooks/useToast.tsx
-import { useCallback as useCallback8, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo11 } from "react";
 
 // src/components/toaster.tsx
 import {
@@ -3169,7 +3354,7 @@ var Toaster = () => {
 
 // src/hooks/useToast.tsx
 var useToast = () => {
-  const clickableSuccess = useCallback8((title, actionFn, actionLabel, description, duration = 5e3) => {
+  const clickableSuccess = useCallback9((title, actionFn, actionLabel, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -3182,7 +3367,7 @@ var useToast = () => {
       }
     });
   }, []);
-  const success = useCallback8((title, description, duration = 5e3) => {
+  const success = useCallback9((title, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -3191,7 +3376,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const error = useCallback8((title, description, duration = 8e3) => {
+  const error = useCallback9((title, description, duration = 8e3) => {
     toaster.create({
       title,
       description,
@@ -3200,7 +3385,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const warning = useCallback8((title, description, duration = 6e3) => {
+  const warning = useCallback9((title, description, duration = 6e3) => {
     toaster.create({
       title,
       description,
@@ -3209,7 +3394,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const info = useCallback8((title, description, duration = 5e3) => {
+  const info = useCallback9((title, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -3218,7 +3403,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const loading = useCallback8((title, description) => {
+  const loading = useCallback9((title, description) => {
     return toaster.create({
       title,
       description,
@@ -3226,7 +3411,7 @@ var useToast = () => {
       closable: false
     });
   }, []);
-  const dismiss = useCallback8((id) => {
+  const dismiss = useCallback9((id) => {
     toaster.dismiss(id);
   }, []);
   const toast = useMemo11(() => ({
@@ -3244,8 +3429,8 @@ var useToast = () => {
 // src/hooks/useTx.tsx
 import { coins, isDeliverTxSuccess } from "@cosmjs/stargate";
 import { useChain as useChain2 } from "@interchain-kit/react";
-import BigNumber9 from "bignumber.js";
-import { useCallback as useCallback9, useMemo as useMemo12, useState as useState3 } from "react";
+import BigNumber12 from "bignumber.js";
+import { useCallback as useCallback10, useMemo as useMemo12, useState as useState3 } from "react";
 var TxStatus = /* @__PURE__ */ ((TxStatus2) => {
   TxStatus2["Failed"] = "Transaction Failed";
   TxStatus2["Successful"] = "Transaction Successful";
@@ -3285,18 +3470,18 @@ var useTx = (chainName, isCosmos, isIBC) => {
   const { getDenomsPool } = useLiquidityPools();
   const { feeDenom } = useSettings();
   const defaultChainName = useMemo12(() => getChainName(), []);
-  const canUseClient = useCallback9(async () => {
+  const canUseClient = useCallback10(async () => {
     if (!isSigningClientReady) {
       console.error("waiting for signing client to be ready", signingClientError);
       await sleep(1e3);
     }
     return isSigningClientReady;
   }, [isSigningClientReady, signingClientError]);
-  const simulateFee = useCallback9(async (messages, memo) => {
+  const simulateFee = useCallback10(async (messages, memo) => {
     const gasPrice = 0.02;
     const nativeDenom = getChainNativeAssetDenom();
     const gasEstimated = await signingClient.simulate(address, messages, memo);
-    const gasAmount = BigNumber9(gasEstimated).multipliedBy(1.5);
+    const gasAmount = BigNumber12(gasEstimated).multipliedBy(1.5);
     const gasPayment = gasAmount.multipliedBy(gasPrice);
     const nativeFee = {
       amount: coins(gasPayment.toFixed(0).toString(), nativeDenom),
@@ -3313,16 +3498,16 @@ var useTx = (chainName, isCosmos, isIBC) => {
     if (!expectedAmount.isPositive()) {
       return nativeFee;
     }
-    expectedAmount = expectedAmount.multipliedBy(1.5).integerValue(BigNumber9.ROUND_FLOOR);
+    expectedAmount = expectedAmount.multipliedBy(1.5).integerValue(BigNumber12.ROUND_FLOOR);
     if (expectedAmount.multipliedBy(pool.fee).lt(1)) {
-      expectedAmount = toBigNumber(1).dividedBy(pool.fee).integerValue(BigNumber9.ROUND_CEIL);
+      expectedAmount = toBigNumber(1).dividedBy(pool.fee).integerValue(BigNumber12.ROUND_CEIL);
     }
     return {
       amount: coins(expectedAmount.toFixed(0).toString(), feeDenom),
       gas: gasAmount.multipliedBy(1.5).toFixed(0)
     };
   }, [signingClient, address, feeDenom, getDenomsPool]);
-  const getFee = useCallback9(async (messages, options) => {
+  const getFee = useCallback10(async (messages, options) => {
     try {
       if (options == null ? void 0 : options.fee) {
         return options.fee;
@@ -3339,7 +3524,7 @@ var useTx = (chainName, isCosmos, isIBC) => {
       }
     }
   }, [simulateFee]);
-  const tx = useCallback9(async (msgs, options) => {
+  const tx = useCallback10(async (msgs, options) => {
     var _a2;
     if (!address) {
       toast.error("Transaction Failed" /* Failed */, "Please connect the wallet");
@@ -3592,7 +3777,7 @@ import {
 } from "@chakra-ui/react";
 import { Select, Portal as Portal3 } from "@chakra-ui/react";
 import { useTheme } from "next-themes";
-import { useState as useState6, useEffect as useEffect4, useMemo as useMemo13, useCallback as useCallback10 } from "react";
+import { useState as useState6, useEffect as useEffect4, useMemo as useMemo13, useCallback as useCallback11 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const { setTheme, resolvedTheme } = useTheme();
@@ -3612,7 +3797,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       setPreferredFeeDenom(settings.preferredFeeDenom || getChainNativeAssetDenom());
     }
   }, [isLoaded, settings]);
-  const handleValidateEndpoints = useCallback10(async (rest, rpc) => {
+  const handleValidateEndpoints = useCallback11(async (rest, rpc) => {
     setIsValidating(true);
     setValidationResults({});
     try {
@@ -3632,7 +3817,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       setTimeout(() => setValidationResults({}), 1e4);
     }
   }, []);
-  const handleSaveSettings = useCallback10(async (rest, rpc, feeDenom) => {
+  const handleSaveSettings = useCallback11(async (rest, rpc, feeDenom) => {
     setValidationResults({});
     const results = await validateEndpoints(rest, rpc);
     if (!results.isValid) {
@@ -3652,7 +3837,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       toast.success("Success!", "Settings have been saved.");
     }
   }, []);
-  const handleResetToDefaults = useCallback10(() => {
+  const handleResetToDefaults = useCallback11(() => {
     setRestEndpoint(defaultSettings.endpoints.restEndpoint);
     setRpcEndpoint(defaultSettings.endpoints.rpcEndpoint);
     setPreferredFeeDenom(defaultSettings.preferredFeeDenom);
@@ -3685,7 +3870,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       name: token.ticker || token.name
     }))
   }), [feeTokens]);
-  const handleFeeTokenChange = useCallback10((denom) => {
+  const handleFeeTokenChange = useCallback11((denom) => {
     setPreferredFeeDenom(denom || void 0);
   }, []);
   const hasUnsavedChanges = restEndpoint !== settings.endpoints.restEndpoint || rpcEndpoint !== settings.endpoints.rpcEndpoint || preferredFeeDenom !== settings.preferredFeeDenom;
@@ -3861,15 +4046,15 @@ import {
   VStack as VStack2
 } from "@chakra-ui/react";
 import { LuCopy, LuExternalLink, LuX as LuX2 } from "react-icons/lu";
-import { useCallback as useCallback11, useEffect as useEffect5, useMemo as useMemo14, useRef as useRef3, useState as useState7 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect5, useMemo as useMemo14, useRef as useRef3, useState as useState7 } from "react";
 import { WalletState } from "@interchain-kit/core";
-import BigNumber10 from "bignumber.js";
+import BigNumber13 from "bignumber.js";
 import { cosmos } from "@bze/bzejs";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var validateAmount = (amount, coin, onError) => {
   if (!coin) return;
   if (amount === "") return;
-  const amountNumber = BigNumber10(amount);
+  const amountNumber = BigNumber13(amount);
   if (amountNumber.isNaN()) {
     onError("Invalid amount");
     return;
@@ -3963,13 +4148,13 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
   const isValidForm = useMemo14(() => {
     return selectedCoin && memoError === "" && recipientError === "" && sendAmountError === "" && sendAmount !== "" && recipient !== "";
   }, [selectedCoin, memoError, recipientError, sendAmountError, sendAmount, recipient]);
-  const resetSendForm = useCallback11(() => {
+  const resetSendForm = useCallback12(() => {
     setSelectedCoin(void 0);
     setSendAmount("");
     setRecipient("");
     setMemo("");
   }, []);
-  const handleSend = useCallback11(async () => {
+  const handleSend = useCallback12(async () => {
     var _a2, _b2;
     if (!isValidForm) {
       toast.error("Can not send coins!", "Please check the input data.");
@@ -3994,11 +4179,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
     setIsLoading(false);
     onClose();
   }, [address, memo, onClose, recipient, selectedCoin, sendAmount, status]);
-  const handleCancel = useCallback11(() => {
+  const handleCancel = useCallback12(() => {
     resetSendForm();
     onClose();
   }, [onClose, resetSendForm]);
-  const onRecipientChange = useCallback11((recipient2) => {
+  const onRecipientChange = useCallback12((recipient2) => {
     setRecipient(recipient2);
     if (recipient2.length === 0) {
       setRecipientError("");
@@ -4011,11 +4196,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       setRecipientError(validate.message);
     }
   }, []);
-  const onAmountChange = useCallback11((amount) => {
+  const onAmountChange = useCallback12((amount) => {
     setSendAmount(sanitizeNumberInput(amount));
     setSendAmountError("");
   }, []);
-  const onCoinSelectChange = useCallback11((ticker) => {
+  const onCoinSelectChange = useCallback12((ticker) => {
     if (ticker === "") return;
     const selectedCoin2 = balances.find((item) => item.ticker === ticker);
     if (selectedCoin2) {
@@ -4023,13 +4208,13 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       validateAmount(sendAmount, selectedCoin2, setSendAmountError);
     }
   }, [sendAmount, balances]);
-  const setMaxAmount = useCallback11(() => {
+  const setMaxAmount = useCallback12(() => {
     if (!selectedCoin) return;
     const maxAmount = uAmountToBigNumberAmount(selectedCoin.amount, selectedCoin.decimals);
     onAmountChange(maxAmount.toString());
     validateAmount(maxAmount.toString(), selectedCoin, setSendAmountError);
   }, [selectedCoin, onAmountChange]);
-  const onMemoChange = useCallback11((memo2) => {
+  const onMemoChange = useCallback12((memo2) => {
     setMemo(memo2);
     if (memo2.length > 256) {
       setMemoError("Memo must be less than or equal to 256 characters");
@@ -4240,15 +4425,15 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
     setShowCopiedTooltip(true);
     setTimeout(() => setShowCopiedTooltip(false), 2e3);
   };
-  const handleCancel = useCallback11(() => {
+  const handleCancel = useCallback12(() => {
     setViewState("balances");
     setClickedBalance("");
   }, []);
-  const onBalanceClick = useCallback11((ticker) => {
+  const onBalanceClick = useCallback12((ticker) => {
     setClickedBalance(ticker);
     setViewState("send");
   }, []);
-  const handleDisconnectAll = useCallback11(async () => {
+  const handleDisconnectAll = useCallback12(async () => {
     setIsDisconnecting(true);
     try {
       console.log("Disconnected from all chains");
@@ -4647,9 +4832,11 @@ export {
   useFeeTokens,
   useIBCChains,
   useIBCTx,
+  useLiquidityPool,
   useLiquidityPools,
   useMarket,
   useMarkets,
+  useMarketsManager,
   useSDKTx,
   useSettings,
   useSigningClient,