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

package/API.md

@@ -286,7 +286,7 @@ To be used when re-enabling autopay and other pool actions that require allowanc
 | --- | --- | --- |
 | desiredChainId | <code>desiredChainId</code> \| <code>undefined</code> | <p>Optional desired chain id, will trigger the switch network action if different from the current chain id</p> |
 | jsonRpcUrlMap | [<code>JsonRpcConnectionMap</code>](#JsonRpcConnectionMap) \| <code>undefined</code> | <p>Optional mapping of your JSON-RPC connections indexed by chainId</p> |
-| provider | <code>Eip1193Provider</code> \| <code>JsonRpcProviderl</code> | <p>EIP-1193 provider or JsonRpc Provider</p> |
+| provider | <code>Eip1193Provider</code> \| <code>JsonRpcProvider</code> | <p>EIP-1193 provider or JsonRpc Provider</p> |
 
 <a name="InvoiceFactoringBorrowWidgetProps"></a>
 

package/dist/cjs/index.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var shared = require('@huma-finance/shared');
 var material = require('@mui/material');
 var jotai = require('jotai');
-var React = require('react');
 var reactRedux = require('react-redux');
 var core = require('@web3-react/core');
+var React = require('react');
 var ErrorOutlineIcon = require('@mui/icons-material/ErrorOutline');
 var utils = require('jotai/utils');
 var toolkit = require('@reduxjs/toolkit');
@@ -607,11 +607,29 @@ function HumaModalHeader(_ref) {
   });
 }
 
-function ChainNotSupportedModal(_ref) {
-  var handleClose = _ref.handleClose,
-    isOpen = _ref.isOpen;
+function ChainSupportProvider(_ref) {
+  var children = _ref.children;
+  var _useWeb3React = core.useWeb3React(),
+    chainId = _useWeb3React.chainId;
+  var chainSupported = !!shared.supportedChainId(chainId);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    chainNotSupportedOpen = _useState2[0],
+    setChainNotSupportedOpen = _useState2[1];
+  React.useEffect(function () {
+    setChainNotSupportedOpen(!chainSupported);
+  }, [chainSupported]);
+  var handleClose = function handleClose() {
+    setChainNotSupportedOpen(false);
+  };
+  if (!chainId) {
+    return null;
+  }
+  if (chainSupported) {
+    return children;
+  }
   return jsxRuntime.jsxs(HumaModal, {
-    isOpen: isOpen,
+    isOpen: chainNotSupportedOpen,
     overflowY: "auto",
     onClose: handleClose,
     width: "480px",
@@ -6366,42 +6384,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 = core.useWeb3React(),
-    chainId = _useWeb3React.chainId;
-  var chainSupported = !!shared.supportedChainId(chainId);
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    chainNotSupportedOpen = _useState2[0],
-    setChainNotSupportedOpen = _useState2[1];
-  React.useEffect(function () {
-    if (chainSupported) {
-      setChainNotSupportedOpen(false);
-    } else {
-      setChainNotSupportedOpen(true);
-    }
-  }, [chainSupported]);
-  var handleCloseCallback = React.useCallback(function () {
-    setChainNotSupportedOpen(false);
-  }, []);
-  if (!chainSupported) {
-    return jsxRuntime.jsx(material.ThemeProvider, {
-      theme: themeHuma,
-      children: jsxRuntime.jsx(reactRedux.Provider, {
-        store: store,
-        children: jsxRuntime.jsx(ChainNotSupportedModal, {
-          isOpen: chainNotSupportedOpen,
-          handleClose: handleCloseCallback
-        })
-      })
-    });
-  }
   return jsxRuntime.jsx(material.ThemeProvider, {
     theme: themeHuma,
     children: jsxRuntime.jsx(reactRedux.Provider, {
       store: store,
       children: jsxRuntime.jsx(shared.Provider, _objectSpread(_objectSpread({}, props), {}, {
         children: jsxRuntime.jsx(jotai.Provider, {
-          children: children
+          children: jsxRuntime.jsx(ChainSupportProvider, {
+            children: children
+          })
         })
       }))
     })