@bze/bze-ui-kit 0.2.0 → 0.2.2

package/dist/index.mjs

@@ -2949,12 +2949,29 @@ function useBalance(denom) {
 }
 
 // src/hooks/useEpochs.ts
-import { useMemo as useMemo6 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo6 } from "react";
+import BigNumber9 from "bignumber.js";
 var EPOCH_HOUR2 = "hour";
 var EPOCH_DAY2 = "day";
 var EPOCH_WEEK2 = "week";
+function getEpochDurationByIdentifier2(identifier) {
+  const hourMs = 60 * 60 * 1e3;
+  switch (identifier) {
+    case EPOCH_HOUR2:
+      return hourMs;
+    case EPOCH_DAY2:
+      return hourMs * 24;
+    case EPOCH_WEEK2:
+      return hourMs * 24 * 7;
+    default:
+      return hourMs;
+  }
+}
 function useEpochs() {
   const { epochs, isLoading, updateEpochs } = useAssetsContext();
+  const getCurrentEpoch2 = useCallback6((identifier) => {
+    return epochs.get(identifier);
+  }, [epochs]);
   const hourEpochInfo = useMemo6(() => {
     return epochs.get(EPOCH_HOUR2);
   }, [epochs]);
@@ -2964,19 +2981,65 @@ function useEpochs() {
   const weekEpochInfo = useMemo6(() => {
     return epochs.get(EPOCH_WEEK2);
   }, [epochs]);
+  const getHourEpochInfo2 = useCallback6(() => {
+    return epochs.get(EPOCH_HOUR2);
+  }, [epochs]);
+  const getDayEpochInfo = useCallback6(() => {
+    return epochs.get(EPOCH_DAY2);
+  }, [epochs]);
+  const getWeekEpochInfo2 = useCallback6(() => {
+    return epochs.get(EPOCH_WEEK2);
+  }, [epochs]);
+  const getPeriodicEpochEndTime2 = useCallback6((identifier, modWeek = 1) => {
+    const epoch = epochs.get(identifier);
+    if (!epoch || !epoch.current_epoch_start_time) {
+      return void 0;
+    }
+    const current = new BigNumber9(epoch.current_epoch);
+    let remainingEpochs = modWeek - current.toNumber() % modWeek;
+    if (remainingEpochs === modWeek) {
+      remainingEpochs = 0;
+    }
+    const startAt = new Date(epoch.current_epoch_start_time);
+    const duration = getEpochDurationByIdentifier2(identifier);
+    startAt.setTime(startAt.getTime() + duration + duration * remainingEpochs);
+    return startAt;
+  }, [epochs]);
+  const getCurrentWeekEpochEndTime2 = useCallback6(() => {
+    return getPeriodicEpochEndTime2(EPOCH_WEEK2);
+  }, [getPeriodicEpochEndTime2]);
+  const getPeriodicWeekEpochEndTime2 = useCallback6((modWeek = 1) => {
+    return getPeriodicEpochEndTime2(EPOCH_WEEK2, modWeek);
+  }, [getPeriodicEpochEndTime2]);
+  const epochsList = useMemo6(() => Array.from(epochs.values()), [epochs]);
   return {
-    epochs,
+    epochs: epochsList,
+    epochsMap: epochs,
     hourEpochInfo,
     dayEpochInfo,
     weekEpochInfo,
     isLoading,
-    updateEpochs
+    updateEpochs,
+    getCurrentEpoch: getCurrentEpoch2,
+    getHourEpochInfo: getHourEpochInfo2,
+    getDayEpochInfo,
+    getWeekEpochInfo: getWeekEpochInfo2,
+    getCurrentWeekEpochEndTime: getCurrentWeekEpochEndTime2,
+    getPeriodicWeekEpochEndTime: getPeriodicWeekEpochEndTime2,
+    getPeriodicEpochEndTime: getPeriodicEpochEndTime2
+  };
+}
+function useEpochsManager() {
+  const { updateEpochs, isLoading } = useAssetsContext();
+  return {
+    updateEpochs,
+    isLoading
   };
 }
 
 // src/hooks/useLiquidityPools.ts
-import { useCallback as useCallback6, useMemo as useMemo7 } from "react";
-import BigNumber9 from "bignumber.js";
+import { useCallback as useCallback7, useMemo as useMemo7 } from "react";
+import BigNumber10 from "bignumber.js";
 function useLiquidityPools() {
   const { poolsMap, poolsDataMap, updateLiquidityPools, isLoading, assetsMap } = useAssetsContext();
   const pools = useMemo7(() => {
@@ -2986,7 +3049,7 @@ function useLiquidityPools() {
     const poolId = poolIdFromPoolDenom(lpDenom);
     return poolsMap.get(poolId);
   };
-  const getDenomsPool = useCallback6((denomA, denomB) => {
+  const getDenomsPool = useCallback7((denomA, denomB) => {
     const poolId = createPoolId(denomA, denomB);
     return poolsMap.get(poolId);
   }, [poolsMap]);
@@ -3030,7 +3093,7 @@ function useAssetLiquidityPools(denom) {
     return newMap;
   }, [assetPools, poolsDataMap, isLoading, denom]);
   const asset24HoursVolume = useMemo7(() => {
-    let volume = BigNumber9(0);
+    let volume = BigNumber10(0);
     if (isLoading || denom === "") return volume;
     assetPoolsData.forEach((poolData) => {
       if (poolData.base === denom) {
@@ -3085,13 +3148,13 @@ function useLiquidityPool(poolId) {
     const reserveQuote = toBigNumber(pool.reserve_quote);
     return userShares.dividedBy(totalShares).multipliedBy(reserveQuote);
   }, [pool, userShares, totalShares]);
-  const calculateOppositeAmount = useCallback6((amount, isBase) => {
+  const calculateOppositeAmount = useCallback7((amount, isBase) => {
     if (!pool) {
       return toBigNumber(0);
     }
     return calculatePoolOppositeAmount(pool, amount, isBase);
   }, [pool]);
-  const calculateSharesFromAmounts = useCallback6((baseAmount, quoteAmount) => {
+  const calculateSharesFromAmounts = useCallback7((baseAmount, quoteAmount) => {
     if (!pool || !totalShares) {
       return toBigNumber(0);
     }
@@ -3107,9 +3170,9 @@ function useLiquidityPool(poolId) {
     }
     const baseRatio = baseAmountBN.dividedBy(reserveBase);
     const quoteRatio = quoteAmountBN.dividedBy(reserveQuote);
-    const mintRatio = BigNumber9.minimum(baseRatio, quoteRatio);
+    const mintRatio = BigNumber10.minimum(baseRatio, quoteRatio);
     const tokensToMint = mintRatio.multipliedBy(totalShares);
-    return tokensToMint.integerValue(BigNumber9.ROUND_DOWN);
+    return tokensToMint.integerValue(BigNumber10.ROUND_DOWN);
   }, [pool, totalShares]);
   return {
     isLoading,
@@ -3126,11 +3189,21 @@ function useLiquidityPool(poolId) {
 }
 
 // src/hooks/useAssetsValue.ts
-import { useCallback as useCallback7, useMemo as useMemo8 } from "react";
-import BigNumber10 from "bignumber.js";
+import { useCallback as useCallback8, useMemo as useMemo8 } from "react";
+import BigNumber11 from "bignumber.js";
 function useAssetsValue() {
   const { assetsMap, usdPricesMap, balancesMap, isLoading: isLoadingPrices } = useAssetsContext();
-  const totalUsdValue = useMemo8(() => {
+  const totalUsdValue = useCallback8((prettyBalances) => {
+    let usdValue = BigNumber11(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);
@@ -3141,21 +3214,21 @@ function useAssetsValue() {
     });
     return total;
   }, [balancesMap, usdPricesMap, assetsMap]);
-  const denomUsdValue = useCallback7((denom, uAmount) => {
+  const denomUsdValue = useCallback8((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) => {
+  const compareValues = useCallback8((a, b) => {
     var _a2;
-    let aValue = BigNumber10(0);
+    let aValue = BigNumber11(0);
     const aPrice = usdPricesMap.get(a.denom);
     if (aPrice) {
       aValue = aPrice.multipliedBy(a.amount);
     }
-    let bValue = BigNumber10(0);
+    let bValue = BigNumber11(0);
     const bPrice = usdPricesMap.get(b.denom);
     if (bPrice) {
       bValue = bPrice.multipliedBy(b.amount);
@@ -3164,6 +3237,7 @@ function useAssetsValue() {
   }, [usdPricesMap]);
   return {
     totalUsdValue,
+    walletTotalUsdValue,
     denomUsdValue,
     compareValues,
     isLoading: isLoadingPrices
@@ -3207,17 +3281,17 @@ function useFeeTokens() {
 }
 
 // src/hooks/useMarkets.ts
-import { useCallback as useCallback8, useMemo as useMemo10 } from "react";
-import BigNumber11 from "bignumber.js";
+import { useCallback as useCallback9, useMemo as useMemo10 } from "react";
+import BigNumber12 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]);
+  const marketExists = useCallback9((marketId) => marketsMap.has(marketId), [marketsMap]);
+  const getMarketData = useCallback9((marketId) => marketsDataMap.get(marketId), [marketsDataMap]);
+  const getMarket = useCallback9((marketId) => marketsMap.get(marketId), [marketsMap]);
   return {
     markets,
     marketsData,
@@ -3260,7 +3334,7 @@ function useAssetMarkets(denom) {
         return acc.plus(market.quote_volume || 0);
       }
       return acc;
-    }, new BigNumber11(0));
+    }, new BigNumber12(0));
   }, [assetMarketsData, denom]);
   return {
     isLoading,
@@ -3313,7 +3387,7 @@ function useMarketsManager() {
 }
 
 // src/hooks/useToast.tsx
-import { useCallback as useCallback9, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo11 } from "react";
 
 // src/components/toaster.tsx
 import {
@@ -3343,7 +3417,7 @@ var Toaster = () => {
 
 // src/hooks/useToast.tsx
 var useToast = () => {
-  const clickableSuccess = useCallback9((title, actionFn, actionLabel, description, duration = 5e3) => {
+  const clickableSuccess = useCallback10((title, actionFn, actionLabel, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -3356,7 +3430,7 @@ var useToast = () => {
       }
     });
   }, []);
-  const success = useCallback9((title, description, duration = 5e3) => {
+  const success = useCallback10((title, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -3365,7 +3439,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const error = useCallback9((title, description, duration = 8e3) => {
+  const error = useCallback10((title, description, duration = 8e3) => {
     toaster.create({
       title,
       description,
@@ -3374,7 +3448,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const warning = useCallback9((title, description, duration = 6e3) => {
+  const warning = useCallback10((title, description, duration = 6e3) => {
     toaster.create({
       title,
       description,
@@ -3383,7 +3457,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const info = useCallback9((title, description, duration = 5e3) => {
+  const info = useCallback10((title, description, duration = 5e3) => {
     toaster.create({
       title,
       description,
@@ -3392,7 +3466,7 @@ var useToast = () => {
       closable: true
     });
   }, []);
-  const loading = useCallback9((title, description) => {
+  const loading = useCallback10((title, description) => {
     return toaster.create({
       title,
       description,
@@ -3400,7 +3474,7 @@ var useToast = () => {
       closable: false
     });
   }, []);
-  const dismiss = useCallback9((id) => {
+  const dismiss = useCallback10((id) => {
     toaster.dismiss(id);
   }, []);
   const toast = useMemo11(() => ({
@@ -3418,8 +3492,8 @@ var useToast = () => {
 // src/hooks/useTx.tsx
 import { coins, isDeliverTxSuccess } from "@cosmjs/stargate";
 import { useChain as useChain2 } from "@interchain-kit/react";
-import BigNumber12 from "bignumber.js";
-import { useCallback as useCallback10, useMemo as useMemo12, useState as useState3 } from "react";
+import BigNumber13 from "bignumber.js";
+import { useCallback as useCallback11, useMemo as useMemo12, useState as useState3 } from "react";
 var TxStatus = /* @__PURE__ */ ((TxStatus2) => {
   TxStatus2["Failed"] = "Transaction Failed";
   TxStatus2["Successful"] = "Transaction Successful";
@@ -3459,18 +3533,18 @@ var useTx = (chainName, isCosmos, isIBC) => {
   const { getDenomsPool } = useLiquidityPools();
   const { feeDenom } = useSettings();
   const defaultChainName = useMemo12(() => getChainName(), []);
-  const canUseClient = useCallback10(async () => {
+  const canUseClient = useCallback11(async () => {
     if (!isSigningClientReady) {
       console.error("waiting for signing client to be ready", signingClientError);
       await sleep(1e3);
     }
     return isSigningClientReady;
   }, [isSigningClientReady, signingClientError]);
-  const simulateFee = useCallback10(async (messages, memo) => {
+  const simulateFee = useCallback11(async (messages, memo) => {
     const gasPrice = 0.02;
     const nativeDenom = getChainNativeAssetDenom();
     const gasEstimated = await signingClient.simulate(address, messages, memo);
-    const gasAmount = BigNumber12(gasEstimated).multipliedBy(1.5);
+    const gasAmount = BigNumber13(gasEstimated).multipliedBy(1.5);
     const gasPayment = gasAmount.multipliedBy(gasPrice);
     const nativeFee = {
       amount: coins(gasPayment.toFixed(0).toString(), nativeDenom),
@@ -3487,16 +3561,16 @@ var useTx = (chainName, isCosmos, isIBC) => {
     if (!expectedAmount.isPositive()) {
       return nativeFee;
     }
-    expectedAmount = expectedAmount.multipliedBy(1.5).integerValue(BigNumber12.ROUND_FLOOR);
+    expectedAmount = expectedAmount.multipliedBy(1.5).integerValue(BigNumber13.ROUND_FLOOR);
     if (expectedAmount.multipliedBy(pool.fee).lt(1)) {
-      expectedAmount = toBigNumber(1).dividedBy(pool.fee).integerValue(BigNumber12.ROUND_CEIL);
+      expectedAmount = toBigNumber(1).dividedBy(pool.fee).integerValue(BigNumber13.ROUND_CEIL);
     }
     return {
       amount: coins(expectedAmount.toFixed(0).toString(), feeDenom),
       gas: gasAmount.multipliedBy(1.5).toFixed(0)
     };
   }, [signingClient, address, feeDenom, getDenomsPool]);
-  const getFee = useCallback10(async (messages, options) => {
+  const getFee = useCallback11(async (messages, options) => {
     try {
       if (options == null ? void 0 : options.fee) {
         return options.fee;
@@ -3513,7 +3587,7 @@ var useTx = (chainName, isCosmos, isIBC) => {
       }
     }
   }, [simulateFee]);
-  const tx = useCallback10(async (msgs, options) => {
+  const tx = useCallback11(async (msgs, options) => {
     var _a2;
     if (!address) {
       toast.error("Transaction Failed" /* Failed */, "Please connect the wallet");
@@ -3766,7 +3840,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 useCallback11 } from "react";
+import { useState as useState6, useEffect as useEffect4, useMemo as useMemo13, useCallback as useCallback12 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var SettingsSidebarContent = ({ accentColor = "blue" }) => {
   const { setTheme, resolvedTheme } = useTheme();
@@ -3786,7 +3860,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       setPreferredFeeDenom(settings.preferredFeeDenom || getChainNativeAssetDenom());
     }
   }, [isLoaded, settings]);
-  const handleValidateEndpoints = useCallback11(async (rest, rpc) => {
+  const handleValidateEndpoints = useCallback12(async (rest, rpc) => {
     setIsValidating(true);
     setValidationResults({});
     try {
@@ -3806,7 +3880,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       setTimeout(() => setValidationResults({}), 1e4);
     }
   }, []);
-  const handleSaveSettings = useCallback11(async (rest, rpc, feeDenom) => {
+  const handleSaveSettings = useCallback12(async (rest, rpc, feeDenom) => {
     setValidationResults({});
     const results = await validateEndpoints(rest, rpc);
     if (!results.isValid) {
@@ -3826,7 +3900,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       toast.success("Success!", "Settings have been saved.");
     }
   }, []);
-  const handleResetToDefaults = useCallback11(() => {
+  const handleResetToDefaults = useCallback12(() => {
     setRestEndpoint(defaultSettings.endpoints.restEndpoint);
     setRpcEndpoint(defaultSettings.endpoints.rpcEndpoint);
     setPreferredFeeDenom(defaultSettings.preferredFeeDenom);
@@ -3859,7 +3933,7 @@ var SettingsSidebarContent = ({ accentColor = "blue" }) => {
       name: token.ticker || token.name
     }))
   }), [feeTokens]);
-  const handleFeeTokenChange = useCallback11((denom) => {
+  const handleFeeTokenChange = useCallback12((denom) => {
     setPreferredFeeDenom(denom || void 0);
   }, []);
   const hasUnsavedChanges = restEndpoint !== settings.endpoints.restEndpoint || rpcEndpoint !== settings.endpoints.rpcEndpoint || preferredFeeDenom !== settings.preferredFeeDenom;
@@ -4035,15 +4109,15 @@ import {
   VStack as VStack2
 } from "@chakra-ui/react";
 import { LuCopy, LuExternalLink, LuX as LuX2 } from "react-icons/lu";
-import { useCallback as useCallback12, useEffect as useEffect5, useMemo as useMemo14, useRef as useRef3, useState as useState7 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect5, useMemo as useMemo14, useRef as useRef3, useState as useState7 } from "react";
 import { WalletState } from "@interchain-kit/core";
-import BigNumber13 from "bignumber.js";
+import BigNumber14 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 = BigNumber13(amount);
+  const amountNumber = BigNumber14(amount);
   if (amountNumber.isNaN()) {
     onError("Invalid amount");
     return;
@@ -4137,13 +4211,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 = useCallback12(() => {
+  const resetSendForm = useCallback13(() => {
     setSelectedCoin(void 0);
     setSendAmount("");
     setRecipient("");
     setMemo("");
   }, []);
-  const handleSend = useCallback12(async () => {
+  const handleSend = useCallback13(async () => {
     var _a2, _b2;
     if (!isValidForm) {
       toast.error("Can not send coins!", "Please check the input data.");
@@ -4168,11 +4242,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
     setIsLoading(false);
     onClose();
   }, [address, memo, onClose, recipient, selectedCoin, sendAmount, status]);
-  const handleCancel = useCallback12(() => {
+  const handleCancel = useCallback13(() => {
     resetSendForm();
     onClose();
   }, [onClose, resetSendForm]);
-  const onRecipientChange = useCallback12((recipient2) => {
+  const onRecipientChange = useCallback13((recipient2) => {
     setRecipient(recipient2);
     if (recipient2.length === 0) {
       setRecipientError("");
@@ -4185,11 +4259,11 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       setRecipientError(validate.message);
     }
   }, []);
-  const onAmountChange = useCallback12((amount) => {
+  const onAmountChange = useCallback13((amount) => {
     setSendAmount(sanitizeNumberInput(amount));
     setSendAmountError("");
   }, []);
-  const onCoinSelectChange = useCallback12((ticker) => {
+  const onCoinSelectChange = useCallback13((ticker) => {
     if (ticker === "") return;
     const selectedCoin2 = balances.find((item) => item.ticker === ticker);
     if (selectedCoin2) {
@@ -4197,13 +4271,13 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       validateAmount(sendAmount, selectedCoin2, setSendAmountError);
     }
   }, [sendAmount, balances]);
-  const setMaxAmount = useCallback12(() => {
+  const setMaxAmount = useCallback13(() => {
     if (!selectedCoin) return;
     const maxAmount = uAmountToBigNumberAmount(selectedCoin.amount, selectedCoin.decimals);
     onAmountChange(maxAmount.toString());
     validateAmount(maxAmount.toString(), selectedCoin, setSendAmountError);
   }, [selectedCoin, onAmountChange]);
-  const onMemoChange = useCallback12((memo2) => {
+  const onMemoChange = useCallback13((memo2) => {
     setMemo(memo2);
     if (memo2.length > 256) {
       setMemoError("Memo must be less than or equal to 256 characters");
@@ -4414,15 +4488,15 @@ var WalletSidebarContent = ({ accentColor = "blue" }) => {
     setShowCopiedTooltip(true);
     setTimeout(() => setShowCopiedTooltip(false), 2e3);
   };
-  const handleCancel = useCallback12(() => {
+  const handleCancel = useCallback13(() => {
     setViewState("balances");
     setClickedBalance("");
   }, []);
-  const onBalanceClick = useCallback12((ticker) => {
+  const onBalanceClick = useCallback13((ticker) => {
     setClickedBalance(ticker);
     setViewState("send");
   }, []);
-  const handleDisconnectAll = useCallback12(async () => {
+  const handleDisconnectAll = useCallback13(async () => {
     setIsDisconnecting(true);
     try {
       console.log("Disconnected from all chains");
@@ -4818,6 +4892,7 @@ export {
   useBalances,
   useConnectionType,
   useEpochs,
+  useEpochsManager,
   useFeeTokens,
   useIBCChains,
   useIBCTx,