@huma-finance/widgets 0.0.11 → 0.0.12

package/dist/index.js

@@ -1,4 +1,4 @@
-import { txAtom, useMQ, sendTxAtom, isTxFailed, EARejectionError, EARejectMessage, EARejectReason, downScale, EAService, ChainEnum, EARejectMessageWithAllowList, useCLPoolAllowance, useCLFeeManager, upScale, CHAINS, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, usePoolContract, timeUtil, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, CreditState, toBigNumber, decodeLogs, formatMoney, useFeeManager, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useLastDepositTime, CreditEventText, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, timestampToLL, getWalletAddressAbbr, useFactoring, PoolMap, PoolContractMap, CreditEvent, Provider as Provider$1 } from '@huma-finance/shared';
+import { txAtom, useMQ, sendTxAtom, isTxFailed, EARejectionError, EARejectMessage, EARejectReason, downScale, EAService, ChainEnum, EARejectMessageWithAllowList, useCLFeeManager, upScale, CHAINS, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, usePoolContract, useCLPoolAllowance, toBigNumber, timeUtil, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, CreditState, decodeLogs, formatMoney, useFeeManager, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useLastDepositTime, CreditEventText, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, timestampToLL, getWalletAddressAbbr, useFactoring, PoolMap, PoolContractMap, CreditEvent, Provider as Provider$1 } from '@huma-finance/shared';
 import { useTheme, css, Box, Typography, Tooltip, Button, Dialog, Slider, Input, Divider, TablePagination, LinearProgress, createTheme, ThemeProvider } from '@mui/material';
 import { useAtom, Provider as Provider$2 } from 'jotai';
 import { useSelector, useDispatch, Provider } from 'react-redux';
@@ -2693,6 +2693,10 @@ function ChooseAmountModal(_ref) {
   var theme = useTheme();
   var _useMQ = useMQ(),
     isXsSize = _useMQ.isXsSize;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputTouched = _useState2[0],
+    setInputTouched = _useState2[1];
   var styles = {
     subTitle: css(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n      font-family: 'Uni-Neue-Regular';\n    "]))),
     description2: css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n      ", ";\n      font-family: 'Uni-Neue-Regular';\n      font-size: 16px;\n      color: #a8a1b2;\n      margin-top: 16px;\n    "])), theme.cssMixins.rowCentered),
@@ -2720,6 +2724,7 @@ function ChooseAmountModal(_ref) {
     handleChangeAmount(newValue);
   };
   var handleInputChange = function handleInputChange(event) {
+    setInputTouched(true);
     // @ts-ignore
     handleChangeAmount(event.target.value);
   };
@@ -2784,7 +2789,7 @@ function ChooseAmountModal(_ref) {
           })]
         })
       }), jsx(Slider, {
-        max: sliderMax,
+        max: Number(sliderMax),
         min: 0,
         css: styles.slider,
         "aria-label": "Amount",
@@ -2798,8 +2803,9 @@ function ChooseAmountModal(_ref) {
         children: [jsx(Input, {
           css: styles.inputField,
           type: "number",
-          value: currentAmount,
-          onChange: handleInputChange
+          value: !inputTouched && currentAmount === 0 ? '' : currentAmount,
+          onChange: handleInputChange,
+          placeholder: "0"
         }), jsx(Button, {
           variant: "contained",
           css: styles.maxButton,
@@ -2836,7 +2842,7 @@ function ChooseAmountModal(_ref) {
       variant: "contained",
       css: styles.okButton,
       onClick: handleAction,
-      disabled: currentAmount === 0 || currentAmount > sliderMax,
+      disabled: !currentAmount || Number(currentAmount) <= 0 || Number(currentAmount) > Number(sliderMax),
       children: actionText.toUpperCase()
     }), !hideTerms && jsxs(Box, {
       css: styles.terms,
@@ -2849,13 +2855,9 @@ function ChooseAmount$6(_ref) {
   var poolInfo = _ref.poolInfo,
     accountStats = _ref.accountStats;
   var dispatch = useAppDispatch();
-  var _useWeb3React = useWeb3React(),
-    account = _useWeb3React.account;
   var poolUnderlyingToken = poolInfo.poolUnderlyingToken;
   var symbol = poolUnderlyingToken.symbol,
     decimals = poolUnderlyingToken.decimals;
-  var _useCLPoolAllowance = useCLPoolAllowance(poolInfo.poolName, account),
-    approved = _useCLPoolAllowance.approved;
   var _useCLFeeManager = useCLFeeManager(poolInfo.poolName),
     getFeesCharged = _useCLFeeManager.getFeesCharged;
   var _useState = useState(0),
@@ -2874,14 +2876,14 @@ function ChooseAmount$6(_ref) {
     setChargedFees(newChargedFees);
   }, [getFeesCharged]);
   var handleAction = useCallback(function () {
-    var nextStep = approved ? WIDGET_STEP.Transfer : WIDGET_STEP.ApproveAllowance;
+    var nextStep = WIDGET_STEP.Transfer;
     dispatch(setBorrowInfo({
       borrowAmount: currentAmount,
       borrowAmountBN: upScale(currentAmount, decimals),
       chargedFees: chargedFees,
       nextStep: nextStep
     }));
-  }, [approved, chargedFees, currentAmount, decimals, dispatch]);
+  }, [chargedFees, currentAmount, decimals, dispatch]);
   return jsx(ChooseAmountModal, {
     title: "Borrow",
     description1: "Choose Amount",
@@ -3008,7 +3010,7 @@ function ApproveAllowance$4(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var handleSuccess = useCallback(function () {
-    dispatch(setStep(WIDGET_STEP.Transfer));
+    dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
   return jsx(ApproveAllowanceModal, {
     poolInfo: poolInfo,
@@ -3061,11 +3063,18 @@ function TxSendModal(_ref) {
 function Transfer$6(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
+  var reset = useResetAtom(txAtom);
+  var _useWeb3React = useWeb3React(),
+    account = _useWeb3React.account;
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmountBN = _useAppSelector.borrowAmountBN;
+  var _useCLPoolAllowance = useCLPoolAllowance(poolInfo.poolName, account),
+    allowance = _useCLPoolAllowance.allowance;
   var handleSuccess = useCallback(function () {
-    dispatch(setStep(WIDGET_STEP.Done));
-  }, [dispatch]);
+    reset();
+    var nextStep = allowance.gte(toBigNumber(borrowAmountBN)) ? WIDGET_STEP.Done : WIDGET_STEP.ApproveAllowance;
+    dispatch(setStep(nextStep));
+  }, [allowance, borrowAmountBN, dispatch, reset]);
   return jsx(TxSendModal, {
     poolInfo: poolInfo,
     method: "drawdown",