@huma-finance/widgets 0.0.51-beta.346 → 0.0.51-beta.349

package/dist/index.js

@@ -1,5 +1,5 @@
 import { JsonRpcProvider } from '@ethersproject/providers';
-import { txAtom, useMQ, supportedChainId, sendTxAtom, isTxFailed, getExplorerUrl, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, decodeLogs, ERC20_ABI, downScale, formatMoney, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, getERC20Contract, usePoolInfoV2, usePoolUnderlyingTokenInfoV2, usePoolSafeAllowanceV2, useAuthErrorHandling, checkIsDev, EAService, EARejectionError, EARejectMessage, EARejectReason, useCLFeeManager, useCLPoolAllowance, usePoolContract, timeUtil, formatNumber, doesChainSupportNotifi, getBlockchainConfigFromChain, CreditState, useCreditContractV2, useCreditStatsV2, CreditStateV2, upScale, toBigNumber, TRANSFER_ABI, FirstLossCoverIndex, useFirstLossCoverContractV2, useFirstLossCoverRequirementV2, useFirstLossCoverAllowanceV2, useFeeManager, combineStyles, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, useTrancheVaultContractV2, getTrancheAssetsAndShares, useCancellableRedemptionInfoV2, useParamsSearch, IdentityService, CHAINS, configUtil, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, usePoolUnderlyingTokenBalanceV2, useLenderApprovedV2, useLastDepositTime, usePoolBalance, formatAmount, getTrancheVaultContractV2, getTrancheRedemptionStatusV2, getPoolContractV2, useReceivableInfoV2, useReceivableContractV2, CURRENCY_CODE, CreditEventText, useERC2612Permit, SuperfluidPoolProcessor_ABI, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, timestampToLL, getWalletAddressAbbr, useFactoring, PoolMap, PoolSubgraphMap, CreditEvent, Provider as Provider$1 } from '@huma-finance/shared';
+import { txAtom, useMQ, supportedChainId, sendTxAtom, isTxFailed, getExplorerUrl, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, decodeLogs, ERC20_ABI, downScale, formatMoney, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, getERC20Contract, usePoolInfoV2, usePoolUnderlyingTokenInfoV2, usePoolSafeAllowanceV2, useAuthErrorHandling, checkIsDev, EAService, EARejectionError, EARejectMessage, EARejectReason, useCLFeeManager, useCLPoolAllowance, usePoolContract, timeUtil, formatNumber, doesChainSupportNotifi, getBlockchainConfigFromChain, CreditState, useCreditContractV2, useCreditStatsV2, CreditStateV2, upScale, toBigNumber, TRANSFER_ABI, FirstLossCoverIndex, useFirstLossCoverContractV2, useFirstLossCoverRequirementV2, useFirstLossCoverAllowanceV2, useFeeManager, combineStyles, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, useLenderDepositRecordV2, useLPConfigV2, useNextEpochStartTimeV2, timestampToLL, useTrancheVaultContractV2, getTrancheAssetsAndShares, useCancellableRedemptionInfoV2, useParamsSearch, IdentityService, CHAINS, configUtil, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, usePoolUnderlyingTokenBalanceV2, useLenderApprovedV2, useLastDepositTime, usePoolBalance, formatAmount, getTrancheVaultContractV2, getTrancheRedemptionStatusV2, getPoolContractV2, useReceivableInfoV2, useReceivableContractV2, CURRENCY_CODE, CreditEventText, useERC2612Permit, SuperfluidPoolProcessor_ABI, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, getWalletAddressAbbr, useFactoring, PoolMap, PoolSubgraphMap, CreditEvent, Provider as Provider$1 } from '@huma-finance/shared';
 import { useTheme, css, Box, Typography, Tooltip, Button, Dialog, Slider, Input, Divider, TextField, FormControl, FormLabel, RadioGroup, FormControlLabel, Radio, Snackbar, Alert, Skeleton, TablePagination, LinearProgress, createTheme, ThemeProvider } from '@mui/material';
 import { useAtom, Provider as Provider$2 } from 'jotai';
 import * as React from 'react';
@@ -4370,6 +4370,7 @@ function ChooseTranche$1(_ref) {
 
 function ChooseAmount$6(_ref) {
   let {
+    poolInfo,
     poolUnderlyingToken,
     trancheInfo
   } = _ref;
@@ -4377,10 +4378,29 @@ function ChooseAmount$6(_ref) {
   const {
     symbol
   } = poolUnderlyingToken;
+  const {
+    account,
+    provider
+  } = useWeb3React();
   const [currentAmount, setCurrentAmount] = useState(0);
   const [currentShares, setCurrentShares] = useState(0);
   const maxSharesFormatted = ethers.utils.formatUnits(trancheInfo.shares, poolUnderlyingToken.decimals);
   const sharePrice = trancheInfo.assets.toNumber() / trancheInfo.shares.toNumber();
+  const [depositRecord] = useLenderDepositRecordV2(poolInfo.poolName, trancheInfo.tranche, account, provider);
+  const lpConfig = useLPConfigV2(poolInfo.poolName, provider);
+  const nextEpochStartTime = useNextEpochStartTimeV2(poolInfo.poolName, provider);
+  useEffect(() => {
+    if (depositRecord && lpConfig && nextEpochStartTime) {
+      const SECONDS_IN_A_DAY = 24 * 60 * 60;
+      if (nextEpochStartTime < depositRecord.lastDepositTime.toNumber() + lpConfig.withdrawalLockoutPeriodInDays * SECONDS_IN_A_DAY) {
+        dispatch(setStep(WIDGET_STEP.Error));
+        dispatch(setError({
+          errorReason: 'Redemption too soon',
+          errorMessage: "Your last deposit was on ".concat(timestampToLL(depositRecord.lastDepositTime.toNumber()), ". Depositors need to wait ").concat(lpConfig.withdrawalLockoutPeriodInDays, " days before redemption")
+        }));
+      }
+    }
+  }, [depositRecord, dispatch, lpConfig, nextEpochStartTime]);
   const handleChangeShares = newShares => {
     const amount = Number(newShares) * sharePrice;
     setCurrentShares(Number(newShares));
@@ -4391,6 +4411,11 @@ function ChooseAmount$6(_ref) {
   const handleAction = () => {
     dispatch(setStep(WIDGET_STEP.Transfer));
   };
+  if (!depositRecord || !lpConfig || !nextEpochStartTime) {
+    return jsx(LoadingModal, {
+      title: "Redemption"
+    });
+  }
   return jsx(InputAmountModal, {
     title: "Redemption",
     subTitle: "Enter number of shares to redeem from ".concat(trancheInfo.tranche, " tranche"),
@@ -4547,6 +4572,7 @@ function AddRedemptionV2(_ref) {
       selectedTranche: trancheInfo === null || trancheInfo === void 0 ? void 0 : trancheInfo.tranche,
       changeTranche: handleChangeTranche
     }), step === WIDGET_STEP.ChooseAmount && trancheInfo && jsx(ChooseAmount$6, {
+      poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       trancheInfo: trancheInfo
     }), step === WIDGET_STEP.Transfer && trancheInfo && jsx(Transfer$8, {
@@ -5597,6 +5623,8 @@ function ChooseAmount$4(_ref) {
   } = usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
   const [balance] = usePoolUnderlyingTokenBalanceV2(poolInfo.poolName, account, provider);
   const maxAmountFormatted = ethers.utils.formatUnits(balance, poolUnderlyingToken.decimals);
+  const lpConfig = useLPConfigV2(poolInfo.poolName, provider);
+  const isUniTranche = (lpConfig === null || lpConfig === void 0 ? void 0 : lpConfig.maxSeniorJuniorRatio) === 0;
   const handleChangeAmount = newAmount => {
     setCurrentAmount(newAmount);
     dispatch(setSupplyAmount(Number(newAmount)));
@@ -5606,9 +5634,14 @@ function ChooseAmount$4(_ref) {
     const step = currentAmountBN.gt(allowance) ? WIDGET_STEP.ApproveAllowance : WIDGET_STEP.Transfer;
     dispatch(setStep(step));
   };
+  if (!lpConfig) {
+    return jsx(LoadingModal, {
+      title: "Supply"
+    });
+  }
   return jsx(InputAmountModal, {
     title: "Enter Amount",
-    subTitle: "Supplying ".concat(symbol, " with ").concat(selectedTranche),
+    subTitle: "Supplying ".concat(symbol, " with ").concat(isUniTranche ? 'uni tranche' : selectedTranche),
     tokenSymbol: symbol,
     currentAmount: currentAmount,
     handleChangeAmount: handleChangeAmount,