@huma-finance/widgets 0.0.44-beta.145 → 0.0.44-beta.147

package/dist/index.js

@@ -1,4 +1,5 @@
-import { txAtom, useMQ, supportedChainId, sendTxAtom, isTxFailed, getExplorerUrl, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, decodeLogs, ERC20_ABI, downScale, formatMoney, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, useAuthErrorHandling, checkIsDev, EARejectionError, EARejectMessage, EARejectReason, EAService, useCLFeeManager, useCLPoolAllowance, upScale, usePoolContract, timeUtil, doesChainSupportNotifi, getNotifiDappId, getBlockchainConfigFromChain, CreditState, toBigNumber, TRANSFER_ABI, useFeeManager, combineStyles, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, useParamsSearch, IdentityService, CHAINS, configUtil, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useLastDepositTime, CreditEventText, useERC2612Permit, ERC2612_ABI, SuperfluidPoolProcessor_ABI, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, timestampToLL, getWalletAddressAbbr, useFactoring, PoolMap, PoolSubgraphMap, CreditEvent, Provider as Provider$1 } from '@huma-finance/shared';
+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, useAuthErrorHandling, checkIsDev, EARejectionError, EARejectMessage, EARejectReason, EAService, useCLFeeManager, useCLPoolAllowance, usePoolContract, timeUtil, doesChainSupportNotifi, getNotifiDappId, getBlockchainConfigFromChain, CreditState, upScale, toBigNumber, TRANSFER_ABI, useFeeManager, combineStyles, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, useParamsSearch, IdentityService, CHAINS, configUtil, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useLastDepositTime, CreditEventText, useERC2612Permit, ERC2612_ABI, SuperfluidPoolProcessor_ABI, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, timestampToLL, getWalletAddressAbbr, useFactoring, PoolMap, PoolSubgraphMap, CreditEvent, Provider as Provider$1 } from '@huma-finance/shared';
 import { useTheme, css, Box, Typography, Tooltip, Button, Dialog, Slider, Input, Divider, InputAdornment, Snackbar, Alert, Skeleton, TablePagination, LinearProgress, createTheme, ThemeProvider } from '@mui/material';
 import { useAtom, Provider as Provider$2 } from 'jotai';
 import { useSelector, useDispatch, Provider } from 'react-redux';
@@ -234,6 +235,7 @@ var widgetSlice = createSlice({
     },
     setError: function setError(state, _ref10) {
       var payload = _ref10.payload;
+      console.trace();
       state.errorMessage = payload.errorMessage;
       state.errorReason = payload.errorReason;
       state.step = WIDGET_STEP.Error;
@@ -2804,7 +2806,7 @@ function ChooseAmount$6(_ref) {
     var nextStep = approved ? WIDGET_STEP.Transfer : WIDGET_STEP.ApproveAllowance;
     dispatch(setBorrowInfo({
       borrowAmount: currentAmount,
-      borrowAmountBN: upScale(currentAmount, decimals),
+      borrowAmountBN: BigNumber.from(currentAmount).mul(BigNumber.from(10).pow(decimals)).toJSON(),
       chargedFees: chargedFees,
       nextStep: nextStep
     }));
@@ -2884,7 +2886,8 @@ function Transfer$6(_ref) {
   var dispatch = useAppDispatch();
   var reset = useResetAtom(txAtom);
   var _useAppSelector = useAppSelector(selectWidgetState),
-    borrowAmountBN = _useAppSelector.borrowAmountBN;
+    borrowAmountBNJson = _useAppSelector.borrowAmountBN;
+  var borrowAmountBN = BigNumber.from(borrowAmountBNJson);
   var handleSuccess = useCallback(function () {
     reset();
     var nextStep = WIDGET_STEP.Done;
@@ -3629,7 +3632,7 @@ function ChooseAmount$4(_ref) {
   var handleAction = useCallback(function () {
     dispatch(setBorrowInfo({
       borrowAmount: currentAmount,
-      borrowAmountBN: upScale(currentAmount, approval === null || approval === void 0 ? void 0 : approval.token.decimal),
+      borrowAmountBN: BigNumber.from(currentAmount).mul(BigNumber.from(10).pow(BigNumber.from(approval === null || approval === void 0 ? void 0 : approval.token.decimal))).toJSON(),
       chargedFees: chargedFees,
       remainder: Number(remainder),
       nextStep: WIDGET_STEP.ConfirmTransfer
@@ -5254,7 +5257,7 @@ function ChooseAmount(_ref) {
     return {
       borrowFlowrate: borrowFlowrate.toString(),
       borrowAmount: Number(newBorrowAmount),
-      borrowAmountBN: newBorrowAmountBN.toString()
+      borrowAmountBN: newBorrowAmountBN
     };
   }, [approval, borrowPeriodInSeconds, currentFlowRate]);
   var handleChangeAmount = useCallback(function (newAmount) {
@@ -5274,7 +5277,7 @@ function ChooseAmount(_ref) {
     }));
     dispatch(setBorrowInfo({
       borrowAmount: borrowAmount,
-      borrowAmountBN: borrowAmountBN,
+      borrowAmountBN: borrowAmountBN.toJSON(),
       chargedFees: chargedFees,
       nextStep: WIDGET_STEP.ConfirmTransfer
     }));
@@ -5329,7 +5332,8 @@ function ApproveAllowance(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useDispatch();
   var _useAppSelector = useAppSelector(selectWidgetState),
-    borrowAmountBN = _useAppSelector.borrowAmountBN;
+    borrowAmountBNJson = _useAppSelector.borrowAmountBN;
+  var borrowAmountBN = BigNumber.from(borrowAmountBNJson);
   var handleSuccess = useCallback(function () {
     dispatch(setStep(WIDGET_STEP.Permit));
   }, [dispatch]);
@@ -5350,11 +5354,12 @@ function Permit(_ref) {
   var dispatch = useDispatch();
   var tokenAddress = poolInfo.poolUnderlyingToken.address;
   var _useAppSelector = useAppSelector(selectWidgetState),
-    borrowAmountBN = _useAppSelector.borrowAmountBN,
+    borrowAmountBNJson = _useAppSelector.borrowAmountBN,
     stream = _useAppSelector.stream;
   var _useERC2612Permit = useERC2612Permit(),
     getERC2612PermitMessage = _useERC2612Permit.getERC2612PermitMessage,
     getTradableStreamPermitMessage = _useERC2612Permit.getTradableStreamPermitMessage;
+  var borrowAmountBN = BigNumber.from(borrowAmountBNJson);
   var getApproveAllowanceCallData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
       var erc2612PermitResult, tokenContract;
@@ -5362,11 +5367,11 @@ function Permit(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return getERC2612PermitMessage(tokenAddress, poolInfo.poolProcessor, borrowAmountBN);
+            return getERC2612PermitMessage(tokenAddress, poolInfo.poolProcessor, borrowAmountBN.toString());
           case 2:
             erc2612PermitResult = _context.sent;
             tokenContract = new Contract(tokenAddress, ERC2612_ABI);
-            return _context.abrupt("return", tokenContract.interface.encodeFunctionData('permit', [poolInfo.poolProcessor, borrowAmountBN, erc2612PermitResult.nonce, erc2612PermitResult.deadline, erc2612PermitResult.v, erc2612PermitResult.r, erc2612PermitResult.s]));
+            return _context.abrupt("return", tokenContract.interface.encodeFunctionData('permit', [poolInfo.poolProcessor, borrowAmountBN.toString(), erc2612PermitResult.nonce, erc2612PermitResult.deadline, erc2612PermitResult.v, erc2612PermitResult.r, erc2612PermitResult.s]));
           case 5:
           case "end":
             return _context.stop();
@@ -6337,12 +6342,18 @@ var themeHuma = createTheme(themeBase, {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Widget(props) {
-  var children = props.children;
+  var children = props.children,
+    provider = props.provider;
+  var chainId;
+  if (provider instanceof JsonRpcProvider) {
+    chainId = provider.network.chainId;
+  }
   return jsx(ThemeProvider, {
     theme: themeHuma,
     children: jsx(Provider, {
       store: store,
       children: jsx(Provider$1, _objectSpread(_objectSpread({}, props), {}, {
+        defaultChainId: chainId,
         children: jsx(Provider$2, {
           children: jsx(ChainSupportProvider, {
             children: children