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

package/dist/index.js

@@ -613,42 +613,42 @@ var selectWidgetState = function selectWidgetState(state) {
   return state.widget;
 };
 
-var _path$6;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var _path$7;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 var SvgReceipt = function SvgReceipt(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$7({
     width: 24,
     height: 24,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__default.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__default.createElement("path", {
     d: "M18 17H6v-2h12v2Zm0-4H6v-2h12v2Zm0-4H6V7h12v2ZM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20Z",
     fill: "#76707E"
   })));
 };
 
-var _path$5;
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+var _path$6;
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 var SvgSeparator = function SvgSeparator(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
     width: 2,
     height: 14,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__default.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__default.createElement("path", {
     fill: "#E0E0E0",
     d: "M0 0h2v14H0z"
   })));
 };
 
-var _path$4, _path2$1, _path3$1, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _defs$1;
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var _path$5, _path2$1, _path3$1, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _defs$1;
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
 var SvgLoader = function SvgLoader(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 81 80"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__default.createElement("path", {
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__default.createElement("path", {
     stroke: "url(#loader_svg__a)",
     strokeMiterlimit: 10,
     strokeWidth: 0.5,
@@ -1416,10 +1416,10 @@ var SvgLoader = function SvgLoader(props) {
   })))));
 };
 
-var _circle, _path$3, _defs;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var _circle, _path$4, _defs;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 var SvgCheck = function SvgCheck(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$3({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$4({
     width: 120,
     height: 120,
     fill: "none",
@@ -1429,7 +1429,7 @@ var SvgCheck = function SvgCheck(props) {
     cy: 60,
     r: 60,
     fill: "#F7F1FF"
-  })), _path$3 || (_path$3 = /*#__PURE__*/React__default.createElement("path", {
+  })), _path$4 || (_path$4 = /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M83.701 47.556 69.216 62.053 54.73 76.55c-.234.164-.445.281-.726.281-.28 0-.491-.117-.726-.28l-16.98-17.004a1.004 1.004 0 0 1 0-1.428l3.64-3.775c.374-.375 1.053-.375 1.428 0l12.638 12.5L78.446 42.28c.375-.375 1.054-.375 1.429 0l3.826 3.846a1.004 1.004 0 0 1 0 1.429Z",
@@ -1449,15 +1449,15 @@ var SvgCheck = function SvgCheck(props) {
   })))));
 };
 
-var _path$2;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var _path$3;
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 var SvgCheckGreen = function SvgCheckGreen(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$2({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__default.createElement("path", {
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__default.createElement("path", {
     fill: "#45CB71",
     fillRule: "evenodd",
     d: "m20.888 7.333-5.432 5.437-5.432 5.436a.458.458 0 0 1-.272.106.458.458 0 0 1-.273-.106L3.112 11.83a.376.376 0 0 1 0-.536L4.477 9.88c.14-.14.395-.14.535 0l4.74 4.687 9.165-9.21a.392.392 0 0 1 .536 0l1.435 1.442c.15.14.15.395 0 .535Z",
@@ -1465,28 +1465,28 @@ var SvgCheckGreen = function SvgCheckGreen(props) {
   })));
 };
 
-var _path$1;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path$2;
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 var SvgCheckCircle = function SvgCheckCircle(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__default.createElement("path", {
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__default.createElement("path", {
     fill: "#2E7D32",
     d: "m15.207 6.948-6.04 6.041-3.291-3.282L4.583 11l4.583 4.583L16.5 8.25l-1.293-1.302ZM11 1.833C5.94 1.833 1.833 5.94 1.833 11S5.94 20.167 11 20.167 20.166 16.06 20.166 11 16.06 1.833 11 1.833Zm0 16.5A7.331 7.331 0 0 1 3.666 11 7.331 7.331 0 0 1 11 3.667 7.331 7.331 0 0 1 18.333 11 7.331 7.331 0 0 1 11 18.333Z"
   })));
 };
 
-var _path, _path2, _path3;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path$1, _path2, _path3;
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 var SvgUsdc = function SvgUsdc(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1({
     "data-name": "86977684-12db-4850-8f30-233a7c267d11",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 2000 2000"
-  }, props), _path || (_path = /*#__PURE__*/React__default.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__default.createElement("path", {
     d: "M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z",
     fill: "#2775ca"
   })), _path2 || (_path2 = /*#__PURE__*/React__default.createElement("path", {
@@ -1498,6 +1498,28 @@ var SvgUsdc = function SvgUsdc(props) {
   })));
 };
 
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgCelo = function SvgCelo(props) {
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 250 250",
+    style: {
+      enableBackground: "new 0 0 250 250"
+    },
+    xmlSpace: "preserve"
+  }, props), /*#__PURE__*/React__default.createElement("circle", {
+    cx: 125,
+    cy: 125,
+    r: 125,
+    style: {
+      fill: "#fcff52"
+    }
+  }), _path || (_path = /*#__PURE__*/React__default.createElement("path", {
+    d: "M188.9 60.7H60.7v128.2h128.2v-44.8h-21.3c-7.3 16.3-23.8 27.7-42.7 27.7-26 0-47.1-21.3-47.1-47.1 0-25.9 21.1-47 47.1-47 19.3 0 35.8 11.7 43.1 28.4h20.9V60.7z"
+  })));
+};
+
 function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function ReceiptIcon(props) {
@@ -1521,11 +1543,15 @@ function CheckCircleIcon(props) {
 function UsdcIcon(props) {
   return jsx(SvgUsdc, _objectSpread$4({}, props));
 }
+function CeloIcon(props) {
+  return jsx(SvgCelo, _objectSpread$4({}, props));
+}
 function getIcon(icon) {
-  if (icon === 'USDC') {
-    return UsdcIcon;
-  }
-  return null;
+  if (!icon) return null;
+  return {
+    USDC: UsdcIcon,
+    Celo: CeloIcon
+  }[icon] || null;
 }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -2890,20 +2916,52 @@ function Success$6(_ref) {
   });
 }
 
-var useNotifiClient = function useNotifiClient(account, chainId, isDev) {
-  var _useState = useState(null),
+var useDoesChainSupportNotifi = function useDoesChainSupportNotifi(account, chainId) {
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    notifiClient = _useState2[0],
-    setNotifiClient = _useState2[1];
+    notifiChainSupported = _useState2[0],
+    setNotifiChainSupported = _useState2[1];
   useEffect(function () {
-    var createNotifiClient = /*#__PURE__*/function () {
+    var checkNotifiChainSupported = /*#__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;
+              if (account != null && chainId != null) {
+                setNotifiChainSupported(doesChainSupportNotifi(chainId, checkIsDev(), account));
+              }
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function checkNotifiChainSupported() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    checkNotifiChainSupported();
+  }, [account, chainId]);
+  return {
+    notifiChainSupported: notifiChainSupported
+  };
+};
+var useNotifiClient = function useNotifiClient(account, chainId, isDev) {
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    notifiClient = _useState4[0],
+    setNotifiClient = _useState4[1];
+  var _useDoesChainSupportN = useDoesChainSupportNotifi(account, chainId),
+    notifiChainSupported = _useDoesChainSupportN.notifiChainSupported;
+  useEffect(function () {
+    var createNotifiClient = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+        var client;
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(account != null && chainId != null && notifiChainSupported)) {
+                _context2.next = 5;
                 break;
               }
               client = newFrontendClient({
@@ -2914,109 +2972,81 @@ var useNotifiClient = function useNotifiClient(account, chainId, isDev) {
                 env: isDev ? 'Development' : 'Production',
                 walletBlockchain: getBlockchainConfigFromChain(chainId)
               });
-              _context.next = 4;
+              _context2.next = 4;
               return client.initialize();
             case 4:
               setNotifiClient(client);
             case 5:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee);
+        }, _callee2);
       }));
       return function createNotifiClient() {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }();
     createNotifiClient();
-  }, [account, chainId, isDev]);
+  }, [account, chainId, isDev, notifiChainSupported]);
   return {
     notifiClient: notifiClient
   };
 };
 var useIsFirstTimeNotifiUser = function useIsFirstTimeNotifiUser(account, chainId) {
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFirstTimeNotifiUser = _useState4[0],
-    setIsFirstTimeNotifiUser = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isFirstTimeNotifiUser = _useState6[0],
+    setIsFirstTimeNotifiUser = _useState6[1];
   var _useNotifiClient = useNotifiClient(account, chainId, checkIsDev()),
     notifiClient = _useNotifiClient.notifiClient;
+  var _useDoesChainSupportN2 = useDoesChainSupportNotifi(account, chainId),
+    notifiChainSupported = _useDoesChainSupportN2.notifiChainSupported;
   useEffect(function () {
     var checkIsFirstTimeNotifiUser = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
         var userState, _targetGroups$, _targetGroups$$emailT, targetGroups, emailTargets;
-        return regenerator.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return regenerator.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              if (!(notifiClient != null)) {
-                _context2.next = 12;
+              if (!(notifiClient != null && notifiChainSupported)) {
+                _context3.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;
+                _context3.next = 6;
                 break;
               }
               setIsFirstTimeNotifiUser(true);
-              _context2.next = 12;
+              _context3.next = 12;
               break;
             case 6:
               if (!(userState.status === 'authenticated')) {
-                _context2.next = 12;
+                _context3.next = 12;
                 break;
               }
-              _context2.next = 9;
+              _context3.next = 9;
               return notifiClient.getTargetGroups();
             case 9:
-              targetGroups = _context2.sent;
+              targetGroups = _context3.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 function checkIsFirstTimeNotifiUser() {
         return _ref3.apply(this, arguments);
       };
     }();
-    checkNotifiChainSupported();
-  }, [account, chainId]);
+    checkIsFirstTimeNotifiUser();
+  }, [notifiChainSupported, notifiClient]);
   return {
-    notifiChainSupported: notifiChainSupported
+    isFirstTimeNotifiUser: isFirstTimeNotifiUser
   };
 };