@huma-finance/widgets 0.0.42-beta.99 → 0.0.43-beta.107

package/dist/index.d.ts

@@ -128,7 +128,7 @@ type JsonRpcConnectionMap = {
  * @typedef {Object} WidgetProps
  * @property {desiredChainId|undefined} desiredChainId Optional desired chain id, will trigger the switch network action if different from the current chain id
  * @property {JsonRpcConnectionMap|undefined} jsonRpcUrlMap Optional mapping of your JSON-RPC connections indexed by chainId
- * @property {Eip1193Provider|JsonRpcProviderl} provider EIP-1193 provider or JsonRpc Provider
+ * @property {Eip1193Provider|JsonRpcProvider} provider EIP-1193 provider or JsonRpc Provider
  */
 type WidgetProps = {
     handleClose?: () => void;

package/dist/index.js

@@ -1,10 +1,10 @@
-import { txAtom, useMQ, sendTxAtom, isTxFailed, getExplorerUrl, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, decodeLogs, ERC20_ABI, downScale, formatMoney, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, useAuthErrorHandling, EARejectionError, EARejectMessage, EARejectReason, EAService, useCLFeeManager, useCLPoolAllowance, upScale, usePoolContract, timeUtil, getNotifiDappId, getBlockchainConfigFromChain, doesChainSupportNotifi, 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, supportedChainId, 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, useAuthErrorHandling, EARejectionError, EARejectMessage, EARejectReason, EAService, useCLFeeManager, useCLPoolAllowance, upScale, usePoolContract, timeUtil, getNotifiDappId, getBlockchainConfigFromChain, doesChainSupportNotifi, 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 { 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 * as React from 'react';
-import React__default, { useCallback, useState, useEffect, useMemo } from 'react';
 import { useSelector, useDispatch, Provider } from 'react-redux';
 import { useWeb3React } from '@web3-react/core';
+import * as React from 'react';
+import React__default, { useCallback, useState, useEffect, useMemo } from 'react';
 import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
 import { useResetAtom } from 'jotai/utils';
 import { createSlice, configureStore } from '@reduxjs/toolkit';
@@ -568,11 +568,29 @@ function HumaModalHeader(_ref) {
   });
 }
 
-function ChainNotSupportedModal(_ref) {
-  var handleClose = _ref.handleClose,
-    isOpen = _ref.isOpen;
+function ChainSupportProvider(_ref) {
+  var children = _ref.children;
+  var _useWeb3React = useWeb3React(),
+    chainId = _useWeb3React.chainId;
+  var chainSupported = !!supportedChainId(chainId);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    chainNotSupportedOpen = _useState2[0],
+    setChainNotSupportedOpen = _useState2[1];
+  useEffect(function () {
+    setChainNotSupportedOpen(!chainSupported);
+  }, [chainSupported]);
+  var handleClose = function handleClose() {
+    setChainNotSupportedOpen(false);
+  };
+  if (!chainId) {
+    return null;
+  }
+  if (chainSupported) {
+    return children;
+  }
   return jsxs(HumaModal, {
-    isOpen: isOpen,
+    isOpen: chainNotSupportedOpen,
     overflowY: "auto",
     onClose: handleClose,
     width: "480px",
@@ -6327,42 +6345,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 _useWeb3React = useWeb3React(),
-    chainId = _useWeb3React.chainId;
-  var chainSupported = !!supportedChainId(chainId);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    chainNotSupportedOpen = _useState2[0],
-    setChainNotSupportedOpen = _useState2[1];
-  useEffect(function () {
-    if (chainSupported) {
-      setChainNotSupportedOpen(false);
-    } else {
-      setChainNotSupportedOpen(true);
-    }
-  }, [chainSupported]);
-  var handleCloseCallback = useCallback(function () {
-    setChainNotSupportedOpen(false);
-  }, []);
-  if (!chainSupported) {
-    return jsx(ThemeProvider, {
-      theme: themeHuma,
-      children: jsx(Provider, {
-        store: store,
-        children: jsx(ChainNotSupportedModal, {
-          isOpen: chainNotSupportedOpen,
-          handleClose: handleCloseCallback
-        })
-      })
-    });
-  }
   return jsx(ThemeProvider, {
     theme: themeHuma,
     children: jsx(Provider, {
       store: store,
       children: jsx(Provider$1, _objectSpread(_objectSpread({}, props), {}, {
         children: jsx(Provider$2, {
-          children: children
+          children: jsx(ChainSupportProvider, {
+            children: children
+          })
         })
       }))
     })