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

package/dist/cjs/index.cjs

@@ -19,8 +19,8 @@ var constants = require('@ethersproject/constants');
 var ethers = require('ethers');
 var ArrowDropDownIcon = require('@mui/icons-material/ArrowDropDown');
 var ArrowDropUpIcon = require('@mui/icons-material/ArrowDropUp');
-var notifiFrontendClient = require('@notifi-network/notifi-frontend-client');
 var Email = require('@mui/icons-material/Email');
+var notifiFrontendClient = require('@notifi-network/notifi-frontend-client');
 var ArrowForwardIosIcon = require('@mui/icons-material/ArrowForwardIos');
 var client = require('@apollo/client');
 var Table = require('@mui/material/Table');
@@ -2929,6 +2929,136 @@ function Success$6(_ref) {
   });
 }
 
+var useNotifiClient = function useNotifiClient(account, chainId, isDev) {
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    notifiClient = _useState2[0],
+    setNotifiClient = _useState2[1];
+  React.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 = notifiFrontendClient.newFrontendClient({
+                account: {
+                  publicKey: account
+                },
+                tenantId: shared.getNotifiDappId(isDev),
+                env: isDev ? 'Development' : 'Production',
+                walletBlockchain: shared.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 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFirstTimeNotifiUser = _useState4[0],
+    setIsFirstTimeNotifiUser = _useState4[1];
+  var _useNotifiClient = useNotifiClient(account, chainId, shared.checkIsDev()),
+    notifiClient = _useNotifiClient.notifiClient;
+  React.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 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    notifiChainSupported = _useState6[0],
+    setNotifiChainSupported = _useState6[1];
+  React.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(shared.doesChainSupportNotifi(chainId, shared.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; }
@@ -2950,23 +3080,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;
@@ -2981,12 +3111,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);
 }
@@ -2999,81 +3129,44 @@ function NotifiSubscriptionModal(_ref) {
     account = _useWeb3React.account,
     chainId = _useWeb3React.chainId,
     provider = _useWeb3React.provider;
-  var _useState = React.useState(),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    notifiClient = _useState2[0],
-    setNotifiClient = _useState2[1];
+    showSuccessScreen = _useState2[0],
+    setShowSuccessScreen = _useState2[1];
   var _useState3 = React.useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showSuccessScreen = _useState4[0],
-    setShowSuccessScreen = _useState4[1];
-  var _useState5 = React.useState(false),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = React.useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
-    isLoading = _useState6[0],
-    setIsLoading = _useState6[1];
-  var _useState7 = React.useState(''),
+    emailAddress = _useState6[0],
+    setEmailAddress = _useState6[1];
+  var _useState7 = React.useState(),
     _useState8 = _slicedToArray(_useState7, 2),
-    emailAddress = _useState8[0],
-    setEmailAddress = _useState8[1];
-  var _useState9 = React.useState(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    emailValid = _useState10[0],
-    setEmailValid = _useState10[1];
-  React.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 = notifiFrontendClient.newFrontendClient({
-                account: {
-                  publicKey: account
-                },
-                tenantId: shared.getNotifiDappId(shared.checkIsDev()),
-                env: shared.checkIsDev() ? 'Development' : 'Production',
-                walletBlockchain: shared.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, shared.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.ethers.utils.arrayify(signature));
+            signature = _context.sent;
+            return _context.abrupt("return", ethers.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) {
@@ -3083,38 +3176,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: shared.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
@@ -3124,44 +3217,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 = React.useCallback(function () {
@@ -3233,101 +3326,6 @@ function Notifications$1(_ref) {
   });
 }
 
-var useIsFirstTimeNotifiUser = function useIsFirstTimeNotifiUser(account, chainId) {
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFirstTimeNotifiUser = _useState2[0],
-    setIsFirstTimeNotifiUser = _useState2[1];
-  React.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 = notifiFrontendClient.newFrontendClient({
-                account: {
-                  publicKey: account
-                },
-                tenantId: 'humadapp',
-                env: shared.checkIsDev() ? 'Development' : 'Production',
-                walletBlockchain: shared.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 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    notifiChainSupported = _useState4[0],
-    setNotifiChainSupported = _useState4[1];
-  React.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(shared.doesChainSupportNotifi(chainId, shared.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,