@huma-finance/widgets 0.0.47-beta.181 → 0.0.47-beta.185

package/dist/cjs/index.cjs

@@ -6,8 +6,8 @@ var providers = require('@ethersproject/providers');
 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 React = require('react');
 var core = require('@web3-react/core');
 var ErrorOutlineIcon = require('@mui/icons-material/ErrorOutline');
 var utils = require('jotai/utils');
@@ -30,6 +30,7 @@ var TableCell = require('@mui/material/TableCell');
 var TableContainer = require('@mui/material/TableContainer');
 var TableHead = require('@mui/material/TableHead');
 var TableRow = require('@mui/material/TableRow');
+var address = require('@ethersproject/address');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -5242,7 +5243,7 @@ function Evaluation(_ref) {
           receivable: {
             address: poolInfo.assetAddress
           },
-          payerWalletAddress: payerAddress,
+          payerWalletAddress: address.getAddress(payerAddress),
           superToken: superToken
         }
       }, WIDGET_STEP.ChooseAmount);
@@ -5258,6 +5259,7 @@ function Evaluation(_ref) {
 }
 
 function ChooseAmount(_ref) {
+  var _poolInfo$extra, _poolInfo$extra$super;
   var poolInfo = _ref.poolInfo,
     currentFlowRate = _ref.currentFlowRate;
   var dispatch = useAppDispatch();
@@ -5274,9 +5276,11 @@ function ChooseAmount(_ref) {
     currentAmount = _useState4[0],
     setCurrentAmount = _useState4[1];
   var borrowPeriodInSeconds = approval.terms.intervalInDays * 24 * 60 * 60;
+  var superTokenDecimals = (_poolInfo$extra = poolInfo.extra) === null || _poolInfo$extra === void 0 ? void 0 : (_poolInfo$extra$super = _poolInfo$extra.superToken) === null || _poolInfo$extra$super === void 0 ? void 0 : _poolInfo$extra$super.decimals;
+  var underlyingTokenDecimals = poolInfo.poolUnderlyingToken.decimals;
   var getBorrowFlowrateAndAmount = React.useCallback(function (borrowAmount) {
     var currentFlowRateBN = shared.toBigNumber(currentFlowRate);
-    var borrowAmountBN = shared.toBigNumber(shared.upScale(borrowAmount, approval.token.decimal));
+    var borrowAmountBN = shared.toBigNumber(shared.upScale(borrowAmount, superTokenDecimals));
     var totalAmountInBorrowPeriod = currentFlowRateBN.mul(borrowPeriodInSeconds);
     var borrowFlowrate = borrowAmountBN.mul(currentFlowRateBN).div(totalAmountInBorrowPeriod)
     // To ensure enough flowRate due to round down when convert to string
@@ -5292,13 +5296,14 @@ function ChooseAmount(_ref) {
 
     // As borrowFlowrate adds 1, need to calculate the new accurate borrow amount
     var newBorrowAmountBN = borrowFlowrate.mul(totalAmountInBorrowPeriod).div(currentFlowRateBN);
-    var newBorrowAmount = shared.downScale(newBorrowAmountBN, approval.token.decimal);
+    var newBorrowAmount = shared.downScale(newBorrowAmountBN, superTokenDecimals);
+    var newBorrowAmountUnderlyingTokenBN = shared.toBigNumber(shared.upScale(newBorrowAmount, underlyingTokenDecimals));
     return {
       borrowFlowrate: borrowFlowrate.toString(),
       borrowAmount: Number(newBorrowAmount),
-      borrowAmountBN: newBorrowAmountBN
+      borrowAmountBN: newBorrowAmountUnderlyingTokenBN
     };
-  }, [approval, borrowPeriodInSeconds, currentFlowRate]);
+  }, [approval, borrowPeriodInSeconds, currentFlowRate, superTokenDecimals, underlyingTokenDecimals]);
   var handleChangeAmount = React.useCallback(function (newAmount) {
     if (approval) {
       setCurrentAmount(newAmount);
@@ -5340,15 +5345,12 @@ function ChooseAmount(_ref) {
 
 function ConfirmTransfer() {
   var dispatch = useAppDispatch();
-  var _useWeb3React = core.useWeb3React(),
-    chainId = _useWeb3React.chainId;
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmount = _useAppSelector.borrowAmount,
     approval = _useAppSelector.approval;
   var handleAction = React.useCallback(function () {
-    var step = shared.CHAINS[chainId].isTestnet ? WIDGET_STEP.ApproveAllowance : WIDGET_STEP.Permit;
-    dispatch(setStep(step));
-  }, [chainId, dispatch]);
+    dispatch(setStep(WIDGET_STEP.ApproveAllowance));
+  }, [dispatch]);
   if (shared.isEmpty(borrowAmount) || shared.isEmpty(approval)) {
     return null;
   }
@@ -5387,86 +5389,50 @@ function ApproveAllowance(_ref) {
 function Permit(_ref) {
   var poolInfo = _ref.poolInfo,
     payerAddress = _ref.payerAddress,
-    chainId = _ref.chainId,
     borrower = _ref.borrower,
     superToken = _ref.superToken;
   var dispatch = reactRedux.useDispatch();
-  var tokenAddress = poolInfo.poolUnderlyingToken.address;
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmountBNJson = _useAppSelector.borrowAmountBN,
     stream = _useAppSelector.stream;
   var _useERC2612Permit = shared.useERC2612Permit(),
-    getERC2612PermitMessage = _useERC2612Permit.getERC2612PermitMessage,
     getTradableStreamPermitMessage = _useERC2612Permit.getTradableStreamPermitMessage;
   var borrowAmountBN = ethers.BigNumber.from(borrowAmountBNJson);
-  var getApproveAllowanceCallData = /*#__PURE__*/function () {
+  var getDrawdownCallData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-      var erc2612PermitResult, tokenContract;
+      var NFTPermitResult, drawdownEncodedData, poolProcessorContract;
       return regenerator.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return getERC2612PermitMessage(tokenAddress, poolInfo.poolProcessor, borrowAmountBN.toString());
-          case 2:
-            erc2612PermitResult = _context.sent;
-            tokenContract = new ethers.Contract(tokenAddress, shared.ERC2612_ABI);
-            return _context.abrupt("return", tokenContract.interface.encodeFunctionData('permit', [poolInfo.poolProcessor, borrowAmountBN.toString(), erc2612PermitResult.nonce, erc2612PermitResult.deadline, erc2612PermitResult.v, erc2612PermitResult.r, erc2612PermitResult.s]));
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function getApproveAllowanceCallData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var getDrawdownCallData = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-      var NFTPermitResult, drawdownEncodedData, poolProcessorContract;
-      return regenerator.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
             return getTradableStreamPermitMessage(poolInfo.assetAddress, borrower, superToken, payerAddress, poolInfo.poolProcessor, stream.borrowFlowrate, stream.durationInSeconds);
           case 2:
-            NFTPermitResult = _context2.sent;
+            NFTPermitResult = _context.sent;
             drawdownEncodedData = ethers.ethers.utils.defaultAbiCoder.encode(['address', 'address', 'address', 'int96', 'uint256', 'uint256', 'uint8', 'bytes32', 'bytes32'], [borrower, superToken, payerAddress, stream === null || stream === void 0 ? void 0 : stream.borrowFlowrate, stream === null || stream === void 0 ? void 0 : stream.durationInSeconds, NFTPermitResult.expiry, NFTPermitResult.v, NFTPermitResult.r, NFTPermitResult.s]);
             poolProcessorContract = new ethers.Contract(poolInfo.poolProcessor, shared.SuperfluidPoolProcessor_ABI);
-            return _context2.abrupt("return", poolProcessorContract.interface.encodeFunctionData('mintAndDrawdown', [borrower, borrowAmountBN, poolInfo.assetAddress, drawdownEncodedData]));
+            return _context.abrupt("return", poolProcessorContract.interface.encodeFunctionData('mintAndDrawdown', [borrower, borrowAmountBN, poolInfo.assetAddress, drawdownEncodedData]));
           case 6:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2);
+      }, _callee);
     }));
     return function getDrawdownCallData() {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
-  shared.useMount( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
-    var callData, addresses, approveAllowanceCallData, drawdownCalldata, errorMessage;
-    return regenerator.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+  shared.useMount( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+    var callData, addresses, drawdownCalldata, errorMessage;
+    return regenerator.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context3.prev = 0;
+          _context2.prev = 0;
           callData = [];
-          addresses = []; // The token in Goerli hasn't integrated ERC-2612
-          if (shared.CHAINS[chainId].isTestnet) {
-            _context3.next = 9;
-            break;
-          }
-          _context3.next = 6;
-          return getApproveAllowanceCallData();
-        case 6:
-          approveAllowanceCallData = _context3.sent;
-          addresses.push(tokenAddress);
-          callData.push(approveAllowanceCallData);
-        case 9:
-          _context3.next = 11;
+          addresses = [];
+          _context2.next = 5;
           return getDrawdownCallData();
-        case 11:
-          drawdownCalldata = _context3.sent;
+        case 5:
+          drawdownCalldata = _context2.sent;
           addresses.push(poolInfo.poolProcessor);
           callData.push(drawdownCalldata);
           dispatch(setMultisend({
@@ -5475,24 +5441,24 @@ function Permit(_ref) {
           }));
           dispatch(setStep(WIDGET_STEP.Transfer));
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          _context3.next = 23;
+          _context2.next = 17;
           break;
-        case 18:
-          _context3.prev = 18;
-          _context3.t0 = _context3["catch"](0);
-          errorMessage = _context3.t0.reason || "Sign permit failed";
-          if (_context3.t0.code === 4001 || _context3.t0.code === 'ACTION_REJECTED') {
+        case 12:
+          _context2.prev = 12;
+          _context2.t0 = _context2["catch"](0);
+          errorMessage = _context2.t0.reason || "Sign permit failed";
+          if (_context2.t0.code === 4001 || _context2.t0.code === 'ACTION_REJECTED') {
             errorMessage = 'User has rejected the permit sign';
           }
           dispatch(setError({
             errorMessage: errorMessage,
             errorReason: errorMessage
           }));
-        case 23:
+        case 17:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
-    }, _callee3, null, [[0, 18]]);
+    }, _callee2, null, [[0, 12]]);
   })));
   return jsxRuntime.jsx(LoadingModal, {
     title: "Sign Token and NFT",
@@ -5545,8 +5511,7 @@ function StreamFactoringBorrow(_ref) {
     handleSuccess = _ref.handleSuccess;
   var dispatch = reactRedux.useDispatch();
   var _useWeb3React = core.useWeb3React(),
-    account = _useWeb3React.account,
-    chainId = _useWeb3React.chainId;
+    account = _useWeb3React.account;
   var poolInfo = shared.usePoolInfo(poolName, poolType);
   var _useAppSelector = useAppSelector(selectWidgetState),
     step = _useAppSelector.step,
@@ -5570,10 +5535,9 @@ function StreamFactoringBorrow(_ref) {
       currentFlowRate: currentFlowRate
     }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer, {}), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Permit && account && chainId && jsxRuntime.jsx(Permit, {
+    }), step === WIDGET_STEP.Permit && account && jsxRuntime.jsx(Permit, {
       poolInfo: poolInfo,
       payerAddress: payerAddress,
-      chainId: chainId,
       borrower: account,
       superToken: superToken
     }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer, {
@@ -5798,9 +5762,9 @@ function SuperfluidFactoredList(_ref) {
   var setItem = React.useCallback(function () {
     var _poolInfo$extra$super, _poolInfo$extra, _poolInfo$extra$super2;
     return Promise.resolve({
-      name: (_poolInfo$extra$super = poolInfo === null || poolInfo === void 0 ? void 0 : (_poolInfo$extra = poolInfo.extra) === null || _poolInfo$extra === void 0 ? void 0 : (_poolInfo$extra$super2 = _poolInfo$extra.superTokens) === null || _poolInfo$extra$super2 === void 0 ? void 0 : _poolInfo$extra$super2[0].symbol) !== null && _poolInfo$extra$super !== void 0 ? _poolInfo$extra$super : ''
+      name: (_poolInfo$extra$super = poolInfo === null || poolInfo === void 0 ? void 0 : (_poolInfo$extra = poolInfo.extra) === null || _poolInfo$extra === void 0 ? void 0 : (_poolInfo$extra$super2 = _poolInfo$extra.superToken) === null || _poolInfo$extra$super2 === void 0 ? void 0 : _poolInfo$extra$super2.symbol) !== null && _poolInfo$extra$super !== void 0 ? _poolInfo$extra$super : ''
     });
-  }, [poolInfo === null || poolInfo === void 0 ? void 0 : (_poolInfo$extra2 = poolInfo.extra) === null || _poolInfo$extra2 === void 0 ? void 0 : _poolInfo$extra2.superTokens]);
+  }, [poolInfo === null || poolInfo === void 0 ? void 0 : (_poolInfo$extra2 = poolInfo.extra) === null || _poolInfo$extra2 === void 0 ? void 0 : _poolInfo$extra2.superToken]);
   return jsxRuntime.jsx(FactoredList, {
     title: "Streams",
     poolInfo: poolInfo,
@@ -5871,11 +5835,11 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "w5slvu-icon",
   styles: "width:24px;label:icon;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1cGVyZmx1aWRVcGNvbWluZ0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJIK0IiLCJmaWxlIjoiU3VwZXJmbHVpZFVwY29taW5nTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBncWwsIHVzZVF1ZXJ5IH0gZnJvbSAnQGFwb2xsby9jbGllbnQnXG5pbXBvcnQgeyBFbW90aW9uSlNYIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QvdHlwZXMvanN4LW5hbWVzcGFjZSdcbmltcG9ydCB7XG4gIGRvd25TY2FsZSxcbiAgZ2V0V2FsbGV0QWRkcmVzc0FiYnIsXG4gIFBvb2xJbmZvVHlwZSxcbiAgdG9CaWdOdW1iZXIsXG59IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IHsgQnV0dG9uLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyB1c2VXZWIzUmVhY3QgfSBmcm9tICdAd2ViMy1yZWFjdC9jb3JlJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENvbHVtblR5cGUgfSBmcm9tICcuLi8uLi91dGlsVHlwZXMnXG5pbXBvcnQgeyBUYWJsZUFjdGlvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbnMnXG5pbXBvcnQgeyBVcGNvbWluZ0xpc3QgfSBmcm9tICcuLi9GYWN0b3JpbmcnXG5pbXBvcnQgeyBSZWNlaXB0SWNvbiB9IGZyb20gJy4uL2ljb25zJ1xuXG5jb25zdCBHRVRfUkVDRUlWRURfU1RSRUFNUyA9IGdxbGBcbiAgcXVlcnkgR2V0UmVjZWl2ZWRTdHJlYW1zKCRyZWNlaXZlcjogU3RyaW5nISwgJHRva2VuSWRzOiBbU3RyaW5nXSEpIHtcbiAgICBzdHJlYW1zKFxuICAgICAgd2hlcmU6IHsgcmVjZWl2ZXI6ICRyZWNlaXZlciwgdG9rZW5faW46ICR0b2tlbklkcywgY3VycmVudEZsb3dSYXRlX2d0OiAwIH1cbiAgICAgIG9yZGVyQnk6IHVwZGF0ZWRBdFRpbWVzdGFtcFxuICAgICAgb3JkZXJEaXJlY3Rpb246IGRlc2NcbiAgICApIHtcbiAgICAgIGlkXG4gICAgICBjdXJyZW50Rmxvd1JhdGVcbiAgICAgIHNlbmRlciB7XG4gICAgICAgIGlkXG4gICAgICB9XG4gICAgICB0b2tlbiB7XG4gICAgICAgIGlkXG4gICAgICAgIHN5bWJvbFxuICAgICAgICBkZWNpbWFsc1xuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBTdHJlYW1JdGVtID0ge1xuICBpZDogc3RyaW5nXG4gIGljb246IEVtb3Rpb25KU1guRWxlbWVudFxuICB0b2tlbjogc3RyaW5nXG4gIHRva2VuSWQ6IHN0cmluZ1xuICBwYXllcjogc3RyaW5nXG4gIGZsb3dyYXRlOiBzdHJpbmdcbiAgZmxvd3JhdGVNb250aDogc3RyaW5nXG59XG5cbnR5cGUgU3RyZWFtID0ge1xuICBpZDogc3RyaW5nXG4gIGN1cnJlbnRGbG93UmF0ZTogc3RyaW5nXG4gIHNlbmRlcjoge1xuICAgIGlkOiBzdHJpbmdcbiAgfVxuICB0b2tlbjoge1xuICAgIGlkOiBzdHJpbmdcbiAgICBzeW1ib2w6IHN0cmluZ1xuICAgIGRlY2ltYWxzOiBudW1iZXJcbiAgfVxufVxuXG50eXBlIFByb3BzID0ge1xuICBoYXNBY3RpdmVMb2FuOiBib29sZWFuXG4gIHBvb2xJbmZvPzogUG9vbEluZm9UeXBlXG4gIGxvYWRpbmc6IGJvb2xlYW5cbiAgaGFuZGxlR2V0UGFpZDogKGl0ZW06IFN0cmVhbUl0ZW0pID0+IHZvaWRcbn1cblxuY29uc3QgZ2V0VXBjb21pbmdDb2x1bW5zID0gKFxuICB1c2VySGFzQWN0aXZlTG9hbjogYm9vbGVhbixcbiAgaGFuZGxlR2V0UGFpZDogKGlkOiBTdHJlYW1JdGVtKSA9PiB2b2lkLFxuKTogQ29sdW1uVHlwZTxTdHJlYW1JdGVtPltdID0+IFtcbiAge1xuICAgIHRpdGxlOiAnJyxcbiAgICBkYXRhSW5kZXg6ICdpY29uJyxcbiAgICB3aWR0aDogMTAsXG4gICAgc3R5bGU6IHsgcGFkZGluZzogJzAgMCAwIDE2cHgnIH0sXG4gIH0sXG4gIHsgdGl0bGU6ICdTdHJlYW0nLCBkYXRhSW5kZXg6ICd0b2tlbicgfSxcbiAge1xuICAgIHRpdGxlOiAnUGF5ZXInLFxuICAgIGRhdGFJbmRleDogJ3BheWVyQWJicicsXG4gIH0sXG4gIHsgdGl0bGU6ICdGbG93IHJhdGUnLCBkYXRhSW5kZXg6ICdmbG93cmF0ZU1vbnRoJyB9LFxuICB7XG4gICAgdGl0bGU6ICdHZXQgUGFpZCcsXG4gICAgYWN0aW9uOiAocmVjb3JkKSA9PiAoXG4gICAgICA8VGFibGVBY3Rpb25CdXR0b25cbiAgICAgICAgdGl0bGU9J0dFVCBQQUlEIE5PVydcbiAgICAgICAgaGFuZGxlQ2xpY2s9eygpID0+IGhhbmRsZUdldFBhaWQocmVjb3JkKX1cbiAgICAgICAgZGlzYWJsZWQ9e3VzZXJIYXNBY3RpdmVMb2FufVxuICAgICAgLz5cbiAgICApLFxuICB9LFxuXVxuXG5leHBvcnQgZnVuY3Rpb24gU3VwZXJmbHVpZFVwY29taW5nTGlzdCh7XG4gIGhhc0FjdGl2ZUxvYW4sXG4gIHBvb2xJbmZvLFxuICBsb2FkaW5nLFxuICBoYW5kbGVHZXRQYWlkLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgeyBhY2NvdW50LCBpc0FjdGl2ZSB9ID0gdXNlV2ViM1JlYWN0KClcbiAgY29uc3QgW3N0cmVhbXMsIHNldFN0cmVhbXNdID0gdXNlU3RhdGU8U3RyZWFtSXRlbVtdIHwgdW5kZWZpbmVkPigpXG4gIGNvbnN0IHsgZGF0YSB9ID0gdXNlUXVlcnk8eyBzdHJlYW1zOiBTdHJlYW1bXSB9PihHRVRfUkVDRUlWRURfU1RSRUFNUywge1xuICAgIHZhcmlhYmxlczoge1xuICAgICAgcmVjZWl2ZXI6IGFjY291bnQgPyBhY2NvdW50LnRvTG93ZXJDYXNlKCkgOiB1bmRlZmluZWQsXG4gICAgICB0b2tlbklkczogcG9vbEluZm8/LmV4dHJhPy5zdXBlclRva2Vucz8ubWFwKChpdGVtKSA9PiBpdGVtLmlkKSA/PyBbXSxcbiAgICB9LFxuICB9KVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGRhdGE/LnN0cmVhbXM/Lmxlbmd0aCkge1xuICAgICAgbGV0IHJlc3VsdDogQXJyYXk8U3RyZWFtSXRlbSB8IHVuZGVmaW5lZD4gPSBkYXRhLnN0cmVhbXMubWFwKChpdGVtKSA9PiB7XG4gICAgICAgIGNvbnN0IE9ORV9NT05USF9TRUNPTkRTID0gMzAgKiAyNCAqIDYwICogNjBcbiAgICAgICAgY29uc3QgZmxvd3JhdGVNb250aCA9IGRvd25TY2FsZShcbiAgICAgICAgICB0b0JpZ051bWJlcihpdGVtLmN1cnJlbnRGbG93UmF0ZSkubXVsKE9ORV9NT05USF9TRUNPTkRTKSxcbiAgICAgICAgICBpdGVtLnRva2VuLmRlY2ltYWxzLFxuICAgICAgICApXG4gICAgICAgIGlmIChOdW1iZXIoTnVtYmVyKGZsb3dyYXRlTW9udGgpLnRvRml4ZWQoMCkpID4gMCkge1xuICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBpZDogaXRlbS5pZCxcbiAgICAgICAgICAgIGljb246IDxSZWNlaXB0SWNvbiBjc3M9e3sgd2lkdGg6ICcyNHB4JyB9fSAvPixcbiAgICAgICAgICAgIHRva2VuOiBpdGVtLnRva2VuLnN5bWJvbCxcbiAgICAgICAgICAgIHRva2VuSWQ6IGl0ZW0udG9rZW4uaWQsXG4gICAgICAgICAgICBwYXllcjogaXRlbS5zZW5kZXIuaWQsXG4gICAgICAgICAgICBwYXllckFiYnI6IGdldFdhbGxldEFkZHJlc3NBYmJyKGl0ZW0uc2VuZGVyLmlkKSxcbiAgICAgICAgICAgIGZsb3dyYXRlOiBpdGVtLmN1cnJlbnRGbG93UmF0ZSxcbiAgICAgICAgICAgIGZsb3dyYXRlTW9udGg6IGAke051bWJlcihmbG93cmF0ZU1vbnRoKS50b0ZpeGVkKDApfS9tb2AsXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB1bmRlZmluZWRcbiAgICAgIH0pXG4gICAgICByZXN1bHQgPSByZXN1bHQuZmlsdGVyKChpdGVtKSA9PiAhIWl0ZW0pXG4gICAgICBzZXRTdHJlYW1zKHJlc3VsdCBhcyBTdHJlYW1JdGVtW10pXG4gICAgfVxuICB9LCBbZGF0YV0pXG5cbiAgY29uc3QgZ29Ub0NyZWF0ZVN0cmVhbSA9IHVzZUNhbGxiYWNrKCgpID0+IHt9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxVcGNvbWluZ0xpc3Q8U3RyZWFtSXRlbT5cbiAgICAgIGl0ZW1zPXtzdHJlYW1zfVxuICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgIGNvbHVtbnM9e2dldFVwY29taW5nQ29sdW1ucyhoYXNBY3RpdmVMb2FuLCBoYW5kbGVHZXRQYWlkKX1cbiAgICAgIHRpdGxlPSdPbmdvaW5nIFN0cmVhbXMnXG4gICAgICBjb25uZWN0V2FsbGV0RGVzYz0nUGxlYXNlIGNvbm5lY3Qgd2FsbGV0IHRvIGNoZWNrIHlvdXIgb25nb2luZyBzdHJlYW1zLidcbiAgICAgIG5vSXRlbURlc2M9J1lvdSBkb27igJl0IGhhdmUgYW55IG9uZ29pbmcgc3RyZWFtcyBlbGlnaWJsZSBmb3IgZmFjdG9yaW5nLiBGb3Igbm93LCB5b3UgY2FuIGNsaWNrIHRoZSBidXR0b25cbiAgICAgIGJlbG93IHRvIGNyZWF0ZSBzdHJlYW1zLidcbiAgICA+XG4gICAgICB7aXNBY3RpdmUgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgb25DbGljaz17Z29Ub0NyZWF0ZVN0cmVhbX1cbiAgICAgICAgICB0eXBlPSdsaW5rJ1xuICAgICAgICAgIHNpemU9J3NtYWxsJ1xuICAgICAgICAgIHZhcmlhbnQ9J2NvbnRhaW5lZCdcbiAgICAgICAgICBzeD17eyBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoMikgfX1cbiAgICAgICAgICBocmVmPSdodHRwczovL2FwcC5zdXBlcmZsdWlkLmZpbmFuY2UvJ1xuICAgICAgICAgIHRhcmdldD0nX2JsYW5rJ1xuICAgICAgICA+XG4gICAgICAgICAgQ1JFQVRFIFNUUkVBTVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgICl9XG4gICAgPC9VcGNvbWluZ0xpc3Q+XG4gIClcbn1cbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1cGVyZmx1aWRVcGNvbWluZ0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZIK0IiLCJmaWxlIjoiU3VwZXJmbHVpZFVwY29taW5nTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBncWwsIHVzZVF1ZXJ5IH0gZnJvbSAnQGFwb2xsby9jbGllbnQnXG5pbXBvcnQgeyBFbW90aW9uSlNYIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QvdHlwZXMvanN4LW5hbWVzcGFjZSdcbmltcG9ydCB7XG4gIGRvd25TY2FsZSxcbiAgZ2V0V2FsbGV0QWRkcmVzc0FiYnIsXG4gIFBvb2xJbmZvVHlwZSxcbiAgdG9CaWdOdW1iZXIsXG59IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IHsgQnV0dG9uLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyB1c2VXZWIzUmVhY3QgfSBmcm9tICdAd2ViMy1yZWFjdC9jb3JlJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENvbHVtblR5cGUgfSBmcm9tICcuLi8uLi91dGlsVHlwZXMnXG5pbXBvcnQgeyBUYWJsZUFjdGlvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbnMnXG5pbXBvcnQgeyBVcGNvbWluZ0xpc3QgfSBmcm9tICcuLi9GYWN0b3JpbmcnXG5pbXBvcnQgeyBSZWNlaXB0SWNvbiB9IGZyb20gJy4uL2ljb25zJ1xuXG5jb25zdCBHRVRfUkVDRUlWRURfU1RSRUFNUyA9IGdxbGBcbiAgcXVlcnkgR2V0UmVjZWl2ZWRTdHJlYW1zKCRyZWNlaXZlcjogU3RyaW5nISwgJHRva2VuSWRzOiBbU3RyaW5nXSEpIHtcbiAgICBzdHJlYW1zKFxuICAgICAgd2hlcmU6IHsgcmVjZWl2ZXI6ICRyZWNlaXZlciwgdG9rZW5faW46ICR0b2tlbklkcywgY3VycmVudEZsb3dSYXRlX2d0OiAwIH1cbiAgICAgIG9yZGVyQnk6IHVwZGF0ZWRBdFRpbWVzdGFtcFxuICAgICAgb3JkZXJEaXJlY3Rpb246IGRlc2NcbiAgICApIHtcbiAgICAgIGlkXG4gICAgICBjdXJyZW50Rmxvd1JhdGVcbiAgICAgIHNlbmRlciB7XG4gICAgICAgIGlkXG4gICAgICB9XG4gICAgICB0b2tlbiB7XG4gICAgICAgIGlkXG4gICAgICAgIHN5bWJvbFxuICAgICAgICBkZWNpbWFsc1xuICAgICAgfVxuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBTdHJlYW1JdGVtID0ge1xuICBpZDogc3RyaW5nXG4gIGljb246IEVtb3Rpb25KU1guRWxlbWVudFxuICB0b2tlbjogc3RyaW5nXG4gIHRva2VuSWQ6IHN0cmluZ1xuICBwYXllcjogc3RyaW5nXG4gIGZsb3dyYXRlOiBzdHJpbmdcbiAgZmxvd3JhdGVNb250aDogc3RyaW5nXG59XG5cbnR5cGUgU3RyZWFtID0ge1xuICBpZDogc3RyaW5nXG4gIGN1cnJlbnRGbG93UmF0ZTogc3RyaW5nXG4gIHNlbmRlcjoge1xuICAgIGlkOiBzdHJpbmdcbiAgfVxuICB0b2tlbjoge1xuICAgIGlkOiBzdHJpbmdcbiAgICBzeW1ib2w6IHN0cmluZ1xuICAgIGRlY2ltYWxzOiBudW1iZXJcbiAgfVxufVxuXG50eXBlIFByb3BzID0ge1xuICBoYXNBY3RpdmVMb2FuOiBib29sZWFuXG4gIHBvb2xJbmZvPzogUG9vbEluZm9UeXBlXG4gIGxvYWRpbmc6IGJvb2xlYW5cbiAgaGFuZGxlR2V0UGFpZDogKGl0ZW06IFN0cmVhbUl0ZW0pID0+IHZvaWRcbn1cblxuY29uc3QgZ2V0VXBjb21pbmdDb2x1bW5zID0gKFxuICB1c2VySGFzQWN0aXZlTG9hbjogYm9vbGVhbixcbiAgaGFuZGxlR2V0UGFpZDogKGlkOiBTdHJlYW1JdGVtKSA9PiB2b2lkLFxuKTogQ29sdW1uVHlwZTxTdHJlYW1JdGVtPltdID0+IFtcbiAge1xuICAgIHRpdGxlOiAnJyxcbiAgICBkYXRhSW5kZXg6ICdpY29uJyxcbiAgICB3aWR0aDogMTAsXG4gICAgc3R5bGU6IHsgcGFkZGluZzogJzAgMCAwIDE2cHgnIH0sXG4gIH0sXG4gIHsgdGl0bGU6ICdTdHJlYW0nLCBkYXRhSW5kZXg6ICd0b2tlbicgfSxcbiAge1xuICAgIHRpdGxlOiAnUGF5ZXInLFxuICAgIGRhdGFJbmRleDogJ3BheWVyQWJicicsXG4gIH0sXG4gIHsgdGl0bGU6ICdGbG93IHJhdGUnLCBkYXRhSW5kZXg6ICdmbG93cmF0ZU1vbnRoJyB9LFxuICB7XG4gICAgdGl0bGU6ICdHZXQgUGFpZCcsXG4gICAgYWN0aW9uOiAocmVjb3JkKSA9PiAoXG4gICAgICA8VGFibGVBY3Rpb25CdXR0b25cbiAgICAgICAgdGl0bGU9J0dFVCBQQUlEIE5PVydcbiAgICAgICAgaGFuZGxlQ2xpY2s9eygpID0+IGhhbmRsZUdldFBhaWQocmVjb3JkKX1cbiAgICAgICAgZGlzYWJsZWQ9e3VzZXJIYXNBY3RpdmVMb2FufVxuICAgICAgLz5cbiAgICApLFxuICB9LFxuXVxuXG5leHBvcnQgZnVuY3Rpb24gU3VwZXJmbHVpZFVwY29taW5nTGlzdCh7XG4gIGhhc0FjdGl2ZUxvYW4sXG4gIHBvb2xJbmZvLFxuICBsb2FkaW5nLFxuICBoYW5kbGVHZXRQYWlkLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgeyBhY2NvdW50LCBpc0FjdGl2ZSB9ID0gdXNlV2ViM1JlYWN0KClcbiAgY29uc3QgW3N0cmVhbXMsIHNldFN0cmVhbXNdID0gdXNlU3RhdGU8U3RyZWFtSXRlbVtdIHwgdW5kZWZpbmVkPigpXG4gIGNvbnN0IHsgZGF0YSB9ID0gdXNlUXVlcnk8eyBzdHJlYW1zOiBTdHJlYW1bXSB9PihHRVRfUkVDRUlWRURfU1RSRUFNUywge1xuICAgIHZhcmlhYmxlczoge1xuICAgICAgcmVjZWl2ZXI6IGFjY291bnQgPyBhY2NvdW50LnRvTG93ZXJDYXNlKCkgOiB1bmRlZmluZWQsXG4gICAgICB0b2tlbklkczogcG9vbEluZm8/LmV4dHJhPy5zdXBlclRva2VuXG4gICAgICAgID8gW3Bvb2xJbmZvLmV4dHJhLnN1cGVyVG9rZW4uaWRdXG4gICAgICAgIDogW10sXG4gICAgfSxcbiAgfSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkYXRhPy5zdHJlYW1zPy5sZW5ndGgpIHtcbiAgICAgIGxldCByZXN1bHQ6IEFycmF5PFN0cmVhbUl0ZW0gfCB1bmRlZmluZWQ+ID0gZGF0YS5zdHJlYW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgICAgICBjb25zdCBPTkVfTU9OVEhfU0VDT05EUyA9IDMwICogMjQgKiA2MCAqIDYwXG4gICAgICAgIGNvbnN0IGZsb3dyYXRlTW9udGggPSBkb3duU2NhbGUoXG4gICAgICAgICAgdG9CaWdOdW1iZXIoaXRlbS5jdXJyZW50Rmxvd1JhdGUpLm11bChPTkVfTU9OVEhfU0VDT05EUyksXG4gICAgICAgICAgaXRlbS50b2tlbi5kZWNpbWFscyxcbiAgICAgICAgKVxuICAgICAgICBpZiAoTnVtYmVyKE51bWJlcihmbG93cmF0ZU1vbnRoKS50b0ZpeGVkKDApKSA+IDApIHtcbiAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgaWQ6IGl0ZW0uaWQsXG4gICAgICAgICAgICBpY29uOiA8UmVjZWlwdEljb24gY3NzPXt7IHdpZHRoOiAnMjRweCcgfX0gLz4sXG4gICAgICAgICAgICB0b2tlbjogaXRlbS50b2tlbi5zeW1ib2wsXG4gICAgICAgICAgICB0b2tlbklkOiBpdGVtLnRva2VuLmlkLFxuICAgICAgICAgICAgcGF5ZXI6IGl0ZW0uc2VuZGVyLmlkLFxuICAgICAgICAgICAgcGF5ZXJBYmJyOiBnZXRXYWxsZXRBZGRyZXNzQWJicihpdGVtLnNlbmRlci5pZCksXG4gICAgICAgICAgICBmbG93cmF0ZTogaXRlbS5jdXJyZW50Rmxvd1JhdGUsXG4gICAgICAgICAgICBmbG93cmF0ZU1vbnRoOiBgJHtOdW1iZXIoZmxvd3JhdGVNb250aCkudG9GaXhlZCgwKX0vbW9gLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkXG4gICAgICB9KVxuICAgICAgcmVzdWx0ID0gcmVzdWx0LmZpbHRlcigoaXRlbSkgPT4gISFpdGVtKVxuICAgICAgc2V0U3RyZWFtcyhyZXN1bHQgYXMgU3RyZWFtSXRlbVtdKVxuICAgIH1cbiAgfSwgW2RhdGFdKVxuXG4gIGNvbnN0IGdvVG9DcmVhdGVTdHJlYW0gPSB1c2VDYWxsYmFjaygoKSA9PiB7fSwgW10pXG5cbiAgcmV0dXJuIChcbiAgICA8VXBjb21pbmdMaXN0PFN0cmVhbUl0ZW0+XG4gICAgICBpdGVtcz17c3RyZWFtc31cbiAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICBjb2x1bW5zPXtnZXRVcGNvbWluZ0NvbHVtbnMoaGFzQWN0aXZlTG9hbiwgaGFuZGxlR2V0UGFpZCl9XG4gICAgICB0aXRsZT0nT25nb2luZyBTdHJlYW1zJ1xuICAgICAgY29ubmVjdFdhbGxldERlc2M9J1BsZWFzZSBjb25uZWN0IHdhbGxldCB0byBjaGVjayB5b3VyIG9uZ29pbmcgc3RyZWFtcy4nXG4gICAgICBub0l0ZW1EZXNjPSdZb3UgZG9u4oCZdCBoYXZlIGFueSBvbmdvaW5nIHN0cmVhbXMgZWxpZ2libGUgZm9yIGZhY3RvcmluZy4gRm9yIG5vdywgeW91IGNhbiBjbGljayB0aGUgYnV0dG9uXG4gICAgICBiZWxvdyB0byBjcmVhdGUgc3RyZWFtcy4nXG4gICAgPlxuICAgICAge2lzQWN0aXZlICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9DcmVhdGVTdHJlYW19XG4gICAgICAgICAgdHlwZT0nbGluaydcbiAgICAgICAgICBzaXplPSdzbWFsbCdcbiAgICAgICAgICB2YXJpYW50PSdjb250YWluZWQnXG4gICAgICAgICAgc3g9e3sgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDIpIH19XG4gICAgICAgICAgaHJlZj0naHR0cHM6Ly9hcHAuc3VwZXJmbHVpZC5maW5hbmNlLydcbiAgICAgICAgICB0YXJnZXQ9J19ibGFuaydcbiAgICAgICAgPlxuICAgICAgICAgIENSRUFURSBTVFJFQU1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgIDwvVXBjb21pbmdMaXN0PlxuICApXG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
 function SuperfluidUpcomingList(_ref) {
-  var _poolInfo$extra$super, _poolInfo$extra, _poolInfo$extra$super2;
+  var _poolInfo$extra;
   var hasActiveLoan = _ref.hasActiveLoan,
     poolInfo = _ref.poolInfo,
     loading = _ref.loading,
@@ -5891,9 +5855,7 @@ function SuperfluidUpcomingList(_ref) {
   var _useQuery = client.useQuery(GET_RECEIVED_STREAMS, {
       variables: {
         receiver: account ? account.toLowerCase() : undefined,
-        tokenIds: (_poolInfo$extra$super = poolInfo === null || poolInfo === void 0 ? void 0 : (_poolInfo$extra = poolInfo.extra) === null || _poolInfo$extra === void 0 ? void 0 : (_poolInfo$extra$super2 = _poolInfo$extra.superTokens) === null || _poolInfo$extra$super2 === void 0 ? void 0 : _poolInfo$extra$super2.map(function (item) {
-          return item.id;
-        })) !== null && _poolInfo$extra$super !== void 0 ? _poolInfo$extra$super : []
+        tokenIds: poolInfo !== null && poolInfo !== void 0 && (_poolInfo$extra = poolInfo.extra) !== null && _poolInfo$extra !== void 0 && _poolInfo$extra.superToken ? [poolInfo.extra.superToken.id] : []
       }
     }),
     data = _useQuery.data;