@huma-finance/widgets 0.0.43-beta.114 → 0.0.43-beta.122

package/dist/index.js

@@ -1,4 +1,4 @@
-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, 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 { 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 { 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';
@@ -16,8 +16,8 @@ import { MaxUint256 } from '@ethersproject/constants';
 import { BigNumber, ethers, Contract } from 'ethers';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';
-import { newFrontendClient } from '@notifi-network/notifi-frontend-client';
 import Email from '@mui/icons-material/Email';
+import { newFrontendClient } from '@notifi-network/notifi-frontend-client';
 import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
 import { gql, useQuery, ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
 import Table from '@mui/material/Table';
@@ -2890,6 +2890,136 @@ function Success$6(_ref) {
   });
 }
 
+var useNotifiClient = function useNotifiClient(account, chainId, isDev) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    notifiClient = _useState2[0],
+    setNotifiClient = _useState2[1];
+  useEffect(function () {
+    var createNotifiClient = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+        var client;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(account != null && chainId != null)) {
+                _context.next = 5;
+                break;
+              }
+              client = newFrontendClient({
+                account: {
+                  publicKey: account
+                },
+                tenantId: getNotifiDappId(isDev),
+                env: isDev ? 'Development' : 'Production',
+                walletBlockchain: getBlockchainConfigFromChain(chainId)
+              });
+              _context.next = 4;
+              return client.initialize();
+            case 4:
+              setNotifiClient(client);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function createNotifiClient() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    createNotifiClient();
+  }, [account, chainId, isDev]);
+  return {
+    notifiClient: notifiClient
+  };
+};
+var useIsFirstTimeNotifiUser = function useIsFirstTimeNotifiUser(account, chainId) {
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFirstTimeNotifiUser = _useState4[0],
+    setIsFirstTimeNotifiUser = _useState4[1];
+  var _useNotifiClient = useNotifiClient(account, chainId, checkIsDev()),
+    notifiClient = _useNotifiClient.notifiClient;
+  useEffect(function () {
+    var checkIsFirstTimeNotifiUser = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+        var userState, _targetGroups$, _targetGroups$$emailT, targetGroups, emailTargets;
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(notifiClient != null)) {
+                _context2.next = 12;
+                break;
+              }
+              userState = notifiClient.userState; // If the user is not authenticated or expired, they are a first time user
+              if (!(userState == null || userState.status !== 'authenticated' && userState.status !== 'expired')) {
+                _context2.next = 6;
+                break;
+              }
+              setIsFirstTimeNotifiUser(true);
+              _context2.next = 12;
+              break;
+            case 6:
+              if (!(userState.status === 'authenticated')) {
+                _context2.next = 12;
+                break;
+              }
+              _context2.next = 9;
+              return notifiClient.getTargetGroups();
+            case 9:
+              targetGroups = _context2.sent;
+              emailTargets = (_targetGroups$ = targetGroups[0]) === null || _targetGroups$ === void 0 ? void 0 : (_targetGroups$$emailT = _targetGroups$.emailTargets) === null || _targetGroups$$emailT === void 0 ? void 0 : _targetGroups$$emailT[0];
+              if (emailTargets == null || emailTargets.emailAddress == null) {
+                setIsFirstTimeNotifiUser(true);
+              }
+            case 12:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function checkIsFirstTimeNotifiUser() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    checkIsFirstTimeNotifiUser();
+  }, [notifiClient]);
+  return {
+    isFirstTimeNotifiUser: isFirstTimeNotifiUser
+  };
+};
+var useDoesChainSupportNotifi = function useDoesChainSupportNotifi(account, chainId) {
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    notifiChainSupported = _useState6[0],
+    setNotifiChainSupported = _useState6[1];
+  useEffect(function () {
+    var checkNotifiChainSupported = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
+        return regenerator.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (account != null && chainId != null) {
+                setNotifiChainSupported(doesChainSupportNotifi(chainId, checkIsDev(), account));
+              }
+            case 1:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function checkNotifiChainSupported() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    checkNotifiChainSupported();
+  }, [account, chainId]);
+  return {
+    notifiChainSupported: notifiChainSupported
+  };
+};
+
 var _templateObject$9, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$1;
 function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -2911,23 +3041,23 @@ function fetchEventTypes(_x) {
   return _fetchEventTypes.apply(this, arguments);
 }
 function _fetchEventTypes() {
-  _fetchEventTypes = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(notifiClient) {
+  _fetchEventTypes = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3(notifiClient) {
     var _process$env$REACT_AP, _subscriptionConfig$e;
     var subscribedAlerts, subscriptionConfig, eventTypes;
-    return regenerator.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+    return regenerator.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          _context4.next = 2;
+          _context3.next = 2;
           return notifiClient.getAlerts();
         case 2:
-          subscribedAlerts = _context4.sent;
-          _context4.next = 5;
+          subscribedAlerts = _context3.sent;
+          _context3.next = 5;
           return notifiClient.fetchSubscriptionCard({
             id: (_process$env$REACT_AP = process.env.REACT_APP_NOTIFI_CONFIG_ID) !== null && _process$env$REACT_AP !== void 0 ? _process$env$REACT_AP : '',
             type: 'SUBSCRIPTION_CARD'
           });
         case 5:
-          subscriptionConfig = _context4.sent;
+          subscriptionConfig = _context3.sent;
           eventTypes = subscriptionConfig === null || subscriptionConfig === void 0 ? void 0 : (_subscriptionConfig$e = subscriptionConfig.eventTypes) === null || _subscriptionConfig$e === void 0 ? void 0 : _subscriptionConfig$e.map(function (eventType) {
             var eventTypeId = getIdFromEventType(eventType);
             var enabled = false;
@@ -2942,12 +3072,12 @@ function _fetchEventTypes() {
               enabled: enabled
             });
           });
-          return _context4.abrupt("return", eventTypes);
+          return _context3.abrupt("return", eventTypes);
         case 8:
         case "end":
-          return _context4.stop();
+          return _context3.stop();
       }
-    }, _callee4);
+    }, _callee3);
   }));
   return _fetchEventTypes.apply(this, arguments);
 }
@@ -2960,81 +3090,44 @@ function NotifiSubscriptionModal(_ref) {
     account = _useWeb3React.account,
     chainId = _useWeb3React.chainId,
     provider = _useWeb3React.provider;
-  var _useState = useState(),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    notifiClient = _useState2[0],
-    setNotifiClient = _useState2[1];
+    showSuccessScreen = _useState2[0],
+    setShowSuccessScreen = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showSuccessScreen = _useState4[0],
-    setShowSuccessScreen = _useState4[1];
-  var _useState5 = useState(false),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
-    isLoading = _useState6[0],
-    setIsLoading = _useState6[1];
-  var _useState7 = useState(''),
+    emailAddress = _useState6[0],
+    setEmailAddress = _useState6[1];
+  var _useState7 = useState(),
     _useState8 = _slicedToArray(_useState7, 2),
-    emailAddress = _useState8[0],
-    setEmailAddress = _useState8[1];
-  var _useState9 = useState(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    emailValid = _useState10[0],
-    setEmailValid = _useState10[1];
-  useEffect(function () {
-    var initializeClient = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-        var client;
-        return regenerator.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(account != null && chainId != null)) {
-                _context.next = 5;
-                break;
-              }
-              client = newFrontendClient({
-                account: {
-                  publicKey: account
-                },
-                tenantId: getNotifiDappId(checkIsDev()),
-                env: checkIsDev() ? 'Development' : 'Production',
-                walletBlockchain: getBlockchainConfigFromChain(chainId)
-              });
-              _context.next = 4;
-              return client.initialize();
-            case 4:
-              setNotifiClient(client);
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function initializeClient() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    initializeClient();
-  }, [account, chainId]);
+    emailValid = _useState8[0],
+    setEmailValid = _useState8[1];
+  var _useNotifiClient = useNotifiClient(account, chainId, checkIsDev()),
+    notifiClient = _useNotifiClient.notifiClient;
   var signMessage = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(message) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(message) {
       var signer, signature;
-      return regenerator.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             signer = provider.getSigner();
-            _context2.next = 3;
+            _context.next = 3;
             return signer.signMessage(Buffer.from(message));
           case 3:
-            signature = _context2.sent;
-            return _context2.abrupt("return", ethers.utils.arrayify(signature));
+            signature = _context.sent;
+            return _context.abrupt("return", ethers.utils.arrayify(signature));
           case 5:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2);
+      }, _callee);
     }));
     return function signMessage(_x2) {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var handleEmailAddressChange = function handleEmailAddressChange(event) {
@@ -3044,38 +3137,38 @@ function NotifiSubscriptionModal(_ref) {
     setEmailAddress(event.target.value);
   };
   var logInAndSubscribe = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
       var fetchedEventTypes, _iterator, _step, eventType;
-      return regenerator.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!(notifiClient != null && chainId != null)) {
-              _context3.next = 35;
+              _context2.next = 35;
               break;
             }
             setIsLoading(true);
 
             // Ask user to sign a message to authenticate
-            _context3.prev = 2;
-            _context3.next = 5;
+            _context2.prev = 2;
+            _context2.next = 5;
             return notifiClient.logIn({
               walletBlockchain: getBlockchainConfigFromChain(chainId),
               signMessage: signMessage
             });
           case 5:
-            _context3.next = 11;
+            _context2.next = 11;
             break;
           case 7:
-            _context3.prev = 7;
-            _context3.t0 = _context3["catch"](2);
+            _context2.prev = 7;
+            _context2.t0 = _context2["catch"](2);
             setIsLoading(false);
-            return _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 11:
-            _context3.next = 13;
+            _context2.next = 13;
             return fetchEventTypes(notifiClient);
           case 13:
-            fetchedEventTypes = _context3.sent;
-            _context3.next = 16;
+            fetchedEventTypes = _context2.sent;
+            _context2.next = 16;
             return notifiClient.ensureTargetGroup({
               name: 'Default',
               emailAddress: emailAddress
@@ -3085,44 +3178,44 @@ function NotifiSubscriptionModal(_ref) {
             // multiple calls. Notified their team to fix this.
             // eslint-disable-next-line no-restricted-syntax
             _iterator = _createForOfIteratorHelper(fetchedEventTypes);
-            _context3.prev = 17;
+            _context2.prev = 17;
             _iterator.s();
           case 19:
             if ((_step = _iterator.n()).done) {
-              _context3.next = 25;
+              _context2.next = 25;
               break;
             }
             eventType = _step.value;
-            _context3.next = 23;
+            _context2.next = 23;
             return notifiClient.ensureAlert({
               eventType: eventType,
               inputs: {}
             });
           case 23:
-            _context3.next = 19;
+            _context2.next = 19;
             break;
           case 25:
-            _context3.next = 30;
+            _context2.next = 30;
             break;
           case 27:
-            _context3.prev = 27;
-            _context3.t1 = _context3["catch"](17);
-            _iterator.e(_context3.t1);
+            _context2.prev = 27;
+            _context2.t1 = _context2["catch"](17);
+            _iterator.e(_context2.t1);
           case 30:
-            _context3.prev = 30;
+            _context2.prev = 30;
             _iterator.f();
-            return _context3.finish(30);
+            return _context2.finish(30);
           case 33:
             setShowSuccessScreen(true);
             setIsLoading(false);
           case 35:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3, null, [[2, 7], [17, 27, 30, 33]]);
+      }, _callee2, null, [[2, 7], [17, 27, 30, 33]]);
     }));
     return function logInAndSubscribe() {
-      return _ref4.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var handleCloseModal = useCallback(function () {
@@ -3194,101 +3287,6 @@ function Notifications$1(_ref) {
   });
 }
 
-var useIsFirstTimeNotifiUser = function useIsFirstTimeNotifiUser(account, chainId) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFirstTimeNotifiUser = _useState2[0],
-    setIsFirstTimeNotifiUser = _useState2[1];
-  useEffect(function () {
-    var checkIsFirstTimeNotifiUser = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-        var client, userState, _targetGroups$, _targetGroups$$emailT, targetGroups, emailTargets;
-        return regenerator.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(account != null && chainId != null)) {
-                _context.next = 15;
-                break;
-              }
-              client = newFrontendClient({
-                account: {
-                  publicKey: account
-                },
-                tenantId: 'humadapp',
-                env: checkIsDev() ? 'Development' : 'Production',
-                walletBlockchain: getBlockchainConfigFromChain(chainId)
-              });
-              _context.next = 4;
-              return client.initialize();
-            case 4:
-              userState = _context.sent;
-              if (!(userState.status !== 'authenticated' && userState.status !== 'expired')) {
-                _context.next = 9;
-                break;
-              }
-              setIsFirstTimeNotifiUser(true);
-              _context.next = 15;
-              break;
-            case 9:
-              if (!(userState.status === 'authenticated')) {
-                _context.next = 15;
-                break;
-              }
-              _context.next = 12;
-              return client.getTargetGroups();
-            case 12:
-              targetGroups = _context.sent;
-              emailTargets = (_targetGroups$ = targetGroups[0]) === null || _targetGroups$ === void 0 ? void 0 : (_targetGroups$$emailT = _targetGroups$.emailTargets) === null || _targetGroups$$emailT === void 0 ? void 0 : _targetGroups$$emailT[0];
-              if (emailTargets == null || emailTargets.emailAddress == null) {
-                setIsFirstTimeNotifiUser(true);
-              }
-            case 15:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function checkIsFirstTimeNotifiUser() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    checkIsFirstTimeNotifiUser();
-  }, [account, chainId]);
-  return {
-    isFirstTimeNotifiUser: isFirstTimeNotifiUser
-  };
-};
-var useDoesChainSupportNotifi = function useDoesChainSupportNotifi(account, chainId) {
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    notifiChainSupported = _useState4[0],
-    setNotifiChainSupported = _useState4[1];
-  useEffect(function () {
-    var checkNotifiChainSupported = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-        return regenerator.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (account != null && chainId != null) {
-                setNotifiChainSupported(doesChainSupportNotifi(chainId, checkIsDev(), account));
-              }
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function checkNotifiChainSupported() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    checkNotifiChainSupported();
-  }, [account, chainId]);
-  return {
-    notifiChainSupported: notifiChainSupported
-  };
-};
-
 function CreditLineBorrow(_ref) {
   var poolNameStr = _ref.poolName,
     poolTypeStr = _ref.poolType,