@huma-finance/widgets 0.0.48-beta.186 → 0.0.48-beta.187

package/dist/index.js

@@ -27,6 +27,8 @@ import TableCell from '@mui/material/TableCell';
 import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
+import { RequestNetwork } from '@requestnetwork/request-client.js';
+import { getReceivableTokenIdForRequest } from '@requestnetwork/payment-processor';
 
 function _typeof$1(obj) {
   "@babel/helpers - typeof";
@@ -2307,7 +2309,7 @@ function TxDoneModal(_ref) {
   });
 }
 
-function Success$7(_ref) {
+function Success$8(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction;
   var _poolInfo$poolUnderly = poolInfo.poolUnderlyingToken,
@@ -2371,7 +2373,7 @@ function CreditLineApprove(_ref) {
     children: [step === WIDGET_STEP.ApproveAllowance && jsx(ApproveAllowance$5, {
       poolInfo: poolInfo,
       amount: amount
-    }), step === WIDGET_STEP.Done && jsx(Success$7, {
+    }), step === WIDGET_STEP.Done && jsx(Success$8, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsx(ErrorModal, {
@@ -2475,7 +2477,7 @@ function SignIn() {
 }
 
 var _templateObject$b, _templateObject2$9, _templateObject3$7, _templateObject4$6, _templateObject5$3, _templateObject6$2, _templateObject7$2;
-function Evaluation$3(_ref) {
+function Evaluation$4(_ref) {
   var poolInfo = _ref.poolInfo,
     handleApprove = _ref.handleApprove;
   var theme = useTheme();
@@ -2774,7 +2776,7 @@ function ChooseAmountModal(_ref) {
   });
 }
 
-function ChooseAmount$6(_ref) {
+function ChooseAmount$7(_ref) {
   var poolInfo = _ref.poolInfo,
     accountStats = _ref.accountStats;
   var dispatch = useAppDispatch();
@@ -2881,7 +2883,7 @@ function TxSendModal(_ref) {
   });
 }
 
-function Transfer$6(_ref) {
+function Transfer$7(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var reset = useResetAtom(txAtom);
@@ -2901,7 +2903,7 @@ function Transfer$6(_ref) {
   });
 }
 
-function Success$6(_ref) {
+function Success$7(_ref) {
   var poolInfo = _ref.poolInfo,
     creditRecord = _ref.creditRecord,
     handleAction = _ref.handleAction,
@@ -3374,17 +3376,17 @@ function CreditLineBorrow(_ref) {
     loadingTitle: "Borrow",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation$3, {
+    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation$4, {
       poolInfo: poolInfo,
       handleApprove: approveCallback
-    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$6, {
+    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$7, {
       poolInfo: poolInfo,
       accountStats: accountStats
     }), step === WIDGET_STEP.ApproveAllowance && jsx(ApproveAllowance$4, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsx(Transfer$6, {
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer$7, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsx(Success$6, {
+    }), step === WIDGET_STEP.Done && jsx(Success$7, {
       poolInfo: poolInfo,
       handleAction: setupNotificationsOrClose,
       creditRecord: creditRecord,
@@ -3399,7 +3401,7 @@ function CreditLineBorrow(_ref) {
   });
 }
 
-function ChooseAmount$5(_ref) {
+function ChooseAmount$6(_ref) {
   var payoffAmount = _ref.payoffAmount,
     totalDueAmount = _ref.totalDueAmount,
     poolInfo = _ref.poolInfo;
@@ -3458,7 +3460,7 @@ function ApproveAllowance$3(_ref) {
   });
 }
 
-function Transfer$5(_ref) {
+function Transfer$6(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var _useWeb3React = useWeb3React(),
@@ -3478,7 +3480,7 @@ function Transfer$5(_ref) {
   });
 }
 
-function Success$5(_ref) {
+function Success$6(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction;
   var _poolInfo$poolUnderly = poolInfo.poolUnderlyingToken,
@@ -3541,15 +3543,15 @@ function CreditLinePayment(_ref) {
     loadingTitle: "Make Payment",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$5, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$6, {
       poolInfo: poolInfo,
       payoffAmount: payoffAmount,
       totalDueAmount: totalDueAmount
     }), step === WIDGET_STEP.ApproveAllowance && jsx(ApproveAllowance$3, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsx(Transfer$5, {
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer$6, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsx(Success$5, {
+    }), step === WIDGET_STEP.Done && jsx(Success$6, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsx(ErrorModal, {
@@ -3560,7 +3562,7 @@ function CreditLinePayment(_ref) {
   });
 }
 
-function Evaluation$2(_ref) {
+function Evaluation$3(_ref) {
   var poolInfo = _ref.poolInfo,
     tokenId = _ref.tokenId;
   var _useEA = useEA(),
@@ -3593,7 +3595,7 @@ function Evaluation$2(_ref) {
   });
 }
 
-function ChooseAmount$4(_ref) {
+function ChooseAmount$5(_ref) {
   var _receivable;
   var poolInfo = _ref.poolInfo,
     accountStats = _ref.accountStats;
@@ -3729,7 +3731,7 @@ function ConfirmTransferModal(_ref) {
   });
 }
 
-function ConfirmTransfer$1() {
+function ConfirmTransfer$2() {
   var dispatch = useAppDispatch();
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmountNet = _useAppSelector.borrowAmountNet,
@@ -3755,7 +3757,7 @@ function ConfirmTransfer$1() {
   });
 }
 
-function ApproveNFT(_ref) {
+function ApproveNFT$1(_ref) {
   var poolInfo = _ref.poolInfo,
     tokenId = _ref.tokenId;
   var dispatch = useAppDispatch();
@@ -3792,7 +3794,7 @@ function ApproveNFT(_ref) {
   });
 }
 
-function Transfer$4(_ref) {
+function Transfer$5(_ref) {
   var poolInfo = _ref.poolInfo,
     tokenId = _ref.tokenId;
   var dispatch = useAppDispatch();
@@ -3812,7 +3814,7 @@ function Transfer$4(_ref) {
   });
 }
 
-function Success$4(_ref) {
+function Success$5(_ref) {
   var handleAction = _ref.handleAction;
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmountNet = _useAppSelector.borrowAmountNet,
@@ -3853,19 +3855,19 @@ function InvoiceFactoringBorrow(_ref) {
     isOpen: true,
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation$2, {
+    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation$3, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$4, {
+    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$5, {
       poolInfo: poolInfo,
       accountStats: accountStats
-    }), step === WIDGET_STEP.ConfirmTransfer && jsx(ConfirmTransfer$1, {}), step === WIDGET_STEP.ApproveNFT && jsx(ApproveNFT, {
+    }), step === WIDGET_STEP.ConfirmTransfer && jsx(ConfirmTransfer$2, {}), step === WIDGET_STEP.ApproveNFT && jsx(ApproveNFT$1, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.Transfer && jsx(Transfer$4, {
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer$5, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.Done && jsx(Success$4, {
+    }), step === WIDGET_STEP.Done && jsx(Success$5, {
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsx(ErrorModal, {
       title: "Invoice Factoring",
@@ -3875,7 +3877,7 @@ function InvoiceFactoringBorrow(_ref) {
   });
 }
 
-function ChooseAmount$3(_ref) {
+function ChooseAmount$4(_ref) {
   var creditRecord = _ref.creditRecord,
     poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
@@ -3937,7 +3939,7 @@ function ApproveAllowance$2(_ref) {
   });
 }
 
-function Transfer$3(_ref) {
+function Transfer$4(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var _useWeb3React = useWeb3React(),
@@ -3957,7 +3959,7 @@ function Transfer$3(_ref) {
   });
 }
 
-function Success$3(_ref) {
+function Success$4(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction;
   var symbol = poolInfo.poolUnderlyingToken.symbol;
@@ -4000,14 +4002,14 @@ function InvoiceFactoringPayment(_ref) {
     loadingTitle: "Make Payment",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$3, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$4, {
       creditRecord: creditRecord,
       poolInfo: poolInfo
     }), step === WIDGET_STEP.ApproveAllowance && jsx(ApproveAllowance$2, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsx(Transfer$3, {
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer$4, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsx(Success$3, {
+    }), step === WIDGET_STEP.Done && jsx(Success$4, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsx(ErrorModal, {
@@ -4491,7 +4493,7 @@ function EvaluationKYC(_ref) {
   });
 }
 
-function Evaluation$1(_ref) {
+function Evaluation$2(_ref) {
   var _poolInfo$extra;
   var poolInfo = _ref.poolInfo,
     handleClose = _ref.handleClose,
@@ -4510,7 +4512,7 @@ function Evaluation$1(_ref) {
   });
 }
 
-function ChooseAmount$2(_ref) {
+function ChooseAmount$3(_ref) {
   var allowance = _ref.allowance,
     withdrawlLockoutSeconds = _ref.withdrawlLockoutSeconds,
     underlyingTokenBalance = _ref.underlyingTokenBalance,
@@ -4562,7 +4564,7 @@ function ApproveAllowance$1(_ref) {
   });
 }
 
-function Transfer$2(_ref) {
+function Transfer$3(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var _useAppSelector = useAppSelector(selectWidgetState),
@@ -4580,7 +4582,7 @@ function Transfer$2(_ref) {
   });
 }
 
-function Success$2(_ref) {
+function Success$3(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction,
     hasNextStep = _ref.hasNextStep;
@@ -4692,20 +4694,20 @@ function LendSupply(_ref) {
     loadingTitle: "Supply ".concat(poolInfo.poolUnderlyingToken.symbol),
     handleClose: handleClose,
     handleSuccess: handleSupplySuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation$1, {
+    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation$2, {
       poolInfo: poolInfo,
       handleClose: handleClose,
       handleApproveSuccess: handleApproveSuccess
-    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$2, {
+    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$3, {
       poolInfo: poolInfo,
       allowance: allowance,
       underlyingTokenBalance: balanceWithoutDecimals,
       withdrawlLockoutSeconds: withdrawlLockoutSeconds
     }), step === WIDGET_STEP.ApproveAllowance && jsx(ApproveAllowance$1, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsx(Transfer$2, {
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer$3, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsx(Success$2, {
+    }), step === WIDGET_STEP.Done && jsx(Success$3, {
       poolInfo: poolInfo,
       handleAction: setupNotificationsOrClose,
       hasNextStep: isFirstTimeNotifiUser
@@ -4758,7 +4760,7 @@ function CheckWithdrawable(_ref) {
   });
 }
 
-function ChooseAmount$1(_ref) {
+function ChooseAmount$2(_ref) {
   var lenderPosition = _ref.lenderPosition,
     poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
@@ -4790,7 +4792,7 @@ function ChooseAmount$1(_ref) {
   });
 }
 
-function Transfer$1(_ref) {
+function Transfer$2(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var decimals = poolInfo.poolUnderlyingToken.decimals;
@@ -4808,7 +4810,7 @@ function Transfer$1(_ref) {
   });
 }
 
-function Success$1(_ref) {
+function Success$2(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction;
   var _useWeb3React = useWeb3React(),
@@ -4886,12 +4888,12 @@ function LendWithdraw(_ref) {
     children: [(!step || step === WIDGET_STEP.CheckWithdrawable) && jsx(CheckWithdrawable, {
       poolInfo: poolInfo,
       handleClose: handleClose
-    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$1, {
+    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$2, {
       poolInfo: poolInfo,
       lenderPosition: lenderPosition
-    }), step === WIDGET_STEP.Transfer && jsx(Transfer$1, {
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer$2, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsx(Success$1, {
+    }), step === WIDGET_STEP.Done && jsx(Success$2, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsx(ErrorModal, {
@@ -5184,7 +5186,7 @@ function ApolloWrapper(_ref) {
   });
 }
 
-function Evaluation(_ref) {
+function Evaluation$1(_ref) {
   var poolInfo = _ref.poolInfo,
     payerAddress = _ref.payerAddress,
     superToken = _ref.superToken;
@@ -5218,7 +5220,7 @@ function Evaluation(_ref) {
   });
 }
 
-function ChooseAmount(_ref) {
+function ChooseAmount$1(_ref) {
   var poolInfo = _ref.poolInfo,
     currentFlowRate = _ref.currentFlowRate;
   var dispatch = useAppDispatch();
@@ -5299,7 +5301,7 @@ function ChooseAmount(_ref) {
   });
 }
 
-function ConfirmTransfer() {
+function ConfirmTransfer$1() {
   var dispatch = useAppDispatch();
   var _useWeb3React = useWeb3React(),
     chainId = _useWeb3React.chainId;
@@ -5461,7 +5463,7 @@ function Permit(_ref) {
   });
 }
 
-function Transfer(_ref) {
+function Transfer$1(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var multiSendContract = useMultiSendContract();
@@ -5483,7 +5485,7 @@ function Transfer(_ref) {
   });
 }
 
-function Success(_ref) {
+function Success$1(_ref) {
   var handleAction = _ref.handleAction;
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmount = _useAppSelector.borrowAmount,
@@ -5522,14 +5524,14 @@ function StreamFactoringBorrow(_ref) {
     isOpen: isOpen,
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation, {
+    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation$1, {
       poolInfo: poolInfo,
       payerAddress: payerAddress,
       superToken: superToken
-    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount, {
+    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$1, {
       poolInfo: poolInfo,
       currentFlowRate: currentFlowRate
-    }), step === WIDGET_STEP.ConfirmTransfer && jsx(ConfirmTransfer, {}), step === WIDGET_STEP.ApproveAllowance && jsx(ApproveAllowance, {
+    }), step === WIDGET_STEP.ConfirmTransfer && jsx(ConfirmTransfer$1, {}), step === WIDGET_STEP.ApproveAllowance && jsx(ApproveAllowance, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Permit && account && chainId && jsx(Permit, {
       poolInfo: poolInfo,
@@ -5537,9 +5539,9 @@ function StreamFactoringBorrow(_ref) {
       chainId: chainId,
       borrower: account,
       superToken: superToken
-    }), step === WIDGET_STEP.Transfer && jsx(Transfer, {
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer$1, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsx(Success, {
+    }), step === WIDGET_STEP.Done && jsx(Success$1, {
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsx(ErrorModal, {
       title: "Stream Borrowing",
@@ -6339,6 +6341,315 @@ var themeHuma = createTheme(themeBase, {
   components: components(themeBase)
 });
 
+function Evaluation(_ref) {
+  var poolInfo = _ref.poolInfo,
+    tokenId = _ref.tokenId;
+  var _useEA = useEA(),
+    checkingEA = _useEA.checkingEA,
+    isWalletOwnershipVerificationRequired = _useEA.isWalletOwnershipVerificationRequired,
+    isWalletOwnershipVerified = _useEA.isWalletOwnershipVerified;
+  var _useWeb3React = useWeb3React(),
+    account = _useWeb3React.account,
+    chainId = _useWeb3React.chainId;
+  useEffect(function () {
+    if (account && chainId) {
+      checkingEA({
+        poolAddress: poolInfo.pool,
+        borrowerWalletAddress: account,
+        context: {
+          receivable: {
+            address: poolInfo.assetAddress,
+            param: toBigNumber(tokenId).toHexString()
+          }
+        }
+      }, WIDGET_STEP.ChooseAmount);
+    }
+  }, [account, chainId, checkingEA, poolInfo.assetAddress, poolInfo.pool, tokenId, isWalletOwnershipVerified]);
+  if (isWalletOwnershipVerificationRequired) {
+    return jsx(SignIn, {});
+  }
+  return jsx(LoadingModal, {
+    title: "Checking Invoice",
+    description: "Checking if the invoice qualifies for factoring..."
+  });
+}
+
+function ChooseAmount(_ref) {
+  var _receivable;
+  var poolInfo = _ref.poolInfo,
+    accountStats = _ref.accountStats;
+  var dispatch = useAppDispatch();
+  var creditRecord = accountStats.creditRecord;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    chargedFees = _useState2[0],
+    setChargedFees = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentAmount = _useState4[0],
+    setCurrentAmount = _useState4[1];
+  var _useAppSelector = useAppSelector(selectWidgetState),
+    approval = _useAppSelector.approval;
+  var _useFeeManager = useFeeManager(poolInfo.poolName, poolInfo.poolType),
+    getFeesCharged = _useFeeManager.getFeesCharged;
+  var _useState5 = useState((_receivable = approval.receivable) === null || _receivable === void 0 ? void 0 : _receivable.amountFormatted),
+    _useState6 = _slicedToArray(_useState5, 2),
+    remainder = _useState6[0],
+    setRemainder = _useState6[1];
+  var getAvailableCreditLimit = function getAvailableCreditLimit() {
+    if (approval && creditRecord) {
+      var principal = creditRecord.unbilledPrincipal.add(creditRecord.totalDue).sub(creditRecord.feesAndInterestDue).toNumber();
+      return Number(approval.terms.creditLimitFormatted) - principal;
+    }
+    return 0;
+  };
+  var handleChangeAmount = useCallback(function (newAmount) {
+    if (approval) {
+      setCurrentAmount(newAmount);
+      setChargedFees(getFeesCharged(newAmount));
+      setRemainder(Number(approval.receivable.amountFormatted) - newAmount);
+    }
+  }, [approval, getFeesCharged]);
+  var handleAction = useCallback(function () {
+    dispatch(setBorrowInfo({
+      borrowAmount: currentAmount,
+      borrowAmountBN: upScale(currentAmount, approval === null || approval === void 0 ? void 0 : approval.token.decimal),
+      chargedFees: chargedFees,
+      remainder: Number(remainder),
+      nextStep: WIDGET_STEP.ConfirmTransfer
+    }));
+  }, [approval === null || approval === void 0 ? void 0 : approval.token.decimal, chargedFees, currentAmount, dispatch, remainder]);
+  if (!approval) {
+    return null;
+  }
+  return jsx(ChooseAmountModal, {
+    title: "Choose Amount",
+    description1: "Access up to 80% of your invoice value",
+    description2: "The remainder will be sent to your wallet when the invoice is paid",
+    sliderMax: getAvailableCreditLimit(),
+    currentAmount: currentAmount,
+    tokenSymbol: approval.token.symbol,
+    topLeft: "Fees",
+    topRight: "".concat(chargedFees, " ").concat(approval.token.symbol),
+    downLeft: "Remainder",
+    downRight: "".concat(remainder, " ").concat(approval.token.symbol),
+    handleChangeAmount: handleChangeAmount,
+    handleAction: handleAction
+  });
+}
+
+function ConfirmTransfer() {
+  var dispatch = useAppDispatch();
+  var _useAppSelector = useAppSelector(selectWidgetState),
+    borrowAmountNet = _useAppSelector.borrowAmountNet,
+    approval = _useAppSelector.approval;
+  var handleAction = function handleAction() {
+    dispatch(setStep(WIDGET_STEP.ApproveNFT));
+  };
+  if (isEmpty(borrowAmountNet) || isEmpty(approval)) {
+    return null;
+  }
+  return jsx(ConfirmTransferModal, {
+    title: "Confirm transaction details",
+    description: "Huma keeps your Invoice NFT as collateral until it's fully paid.",
+    items: [{
+      leftText: 'Invoice NFT',
+      rightText: 'Huma'
+    }, {
+      leftText: "".concat(borrowAmountNet, " ").concat(approval === null || approval === void 0 ? void 0 : approval.token.symbol),
+      rightText: 'You'
+    }],
+    actionText: "APPROVE TRANSFER",
+    handleAction: handleAction
+  });
+}
+
+function ApproveNFT(_ref) {
+  var poolInfo = _ref.poolInfo,
+    tokenId = _ref.tokenId;
+  var dispatch = useAppDispatch();
+  var _useWeb3React = useWeb3React(),
+    provider = _useWeb3React.provider;
+  var _useAtom = useAtom(sendTxAtom),
+    _useAtom2 = _slicedToArray(_useAtom, 2),
+    _useAtom2$ = _useAtom2[0],
+    state = _useAtom2$.state,
+    txHash = _useAtom2$.txHash,
+    send = _useAtom2[1];
+  var reset = useResetAtom(txAtom);
+  var invoiceNFTContract = useInvoiceNFTContract(poolInfo.poolName);
+  useEffect(function () {
+    if (state === TxStateType.Success) {
+      reset();
+      dispatch(setStep(WIDGET_STEP.Transfer));
+    }
+  }, [dispatch, reset, state]);
+  useEffect(function () {
+    send({
+      contract: invoiceNFTContract,
+      method: 'approve',
+      params: [poolInfo.pool, tokenId],
+      provider: provider
+    });
+  }, [invoiceNFTContract, poolInfo.pool, provider, send, tokenId]);
+  return jsx(LoadingModal, {
+    title: "Approve Invoice Transfer",
+    description: "Waiting for approval confirmation...",
+    children: jsx(ViewOnExplorer, {
+      txHash: txHash
+    })
+  });
+}
+
+function Transfer(_ref) {
+  var poolInfo = _ref.poolInfo,
+    tokenId = _ref.tokenId;
+  var dispatch = useAppDispatch();
+  var decimals = poolInfo.poolUnderlyingToken.decimals;
+  var _useAppSelector = useAppSelector(selectWidgetState),
+    borrowAmount = _useAppSelector.borrowAmount;
+  var requestLoanBigNumber = toBigNumber(upScale(borrowAmount, decimals));
+  var handleSuccess = useCallback(function () {
+    dispatch(setStep(WIDGET_STEP.Done));
+  }, [dispatch]);
+  return jsx(TxSendModal, {
+    poolInfo: poolInfo,
+    title: "Transfer Invoice and Money",
+    method: "drawdownWithReceivable",
+    params: [requestLoanBigNumber, poolInfo.assetAddress, tokenId],
+    handleSuccess: handleSuccess
+  });
+}
+
+function Success(_ref) {
+  var handleAction = _ref.handleAction;
+  var _useAppSelector = useAppSelector(selectWidgetState),
+    borrowAmountNet = _useAppSelector.borrowAmountNet,
+    remainder = _useAppSelector.remainder,
+    approval = _useAppSelector.approval;
+  var content = ["".concat(borrowAmountNet, " ").concat(approval === null || approval === void 0 ? void 0 : approval.token.symbol, " is now in your wallet."), "The remaining ".concat(remainder, " ").concat(approval === null || approval === void 0 ? void 0 : approval.token.symbol, " will be sent to your wallet when the invoice is paid.")];
+  return jsx(TxDoneModal, {
+    handleAction: handleAction,
+    content: content
+  });
+}
+
+function RequestNetworkInvoiceFactoringBorrow(_ref) {
+  var poolNameStr = _ref.poolName,
+    poolTypeStr = _ref.poolType,
+    requestId = _ref.requestId,
+    handleClose = _ref.handleClose,
+    handleSuccess = _ref.handleSuccess;
+  var dispatch = useDispatch();
+  var _useWeb3React = useWeb3React(),
+    account = _useWeb3React.account,
+    provider = _useWeb3React.provider;
+  var poolName = POOL_NAME[poolNameStr];
+  var poolType = POOL_TYPE[poolTypeStr];
+  var poolInfo = usePoolInfo(poolName, poolType);
+  var _useAppSelector = useAppSelector(selectWidgetState),
+    step = _useAppSelector.step,
+    errorMessage = _useAppSelector.errorMessage;
+  var _useAccountStats = useAccountStats(poolName, poolType, account),
+    _useAccountStats2 = _slicedToArray(_useAccountStats, 1),
+    accountStats = _useAccountStats2[0];
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    tokenId = _useState2[0],
+    setTokenId = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  useEffect(function () {
+    dispatch(setStep(WIDGET_STEP.Evaluation));
+  }, [dispatch]);
+  useEffect(function () {
+    if (provider == null) {
+      return function () {}; // Return empty func to satisty consistent return lint rule
+    }
+
+    // Refetch every 5 seconds until requestData is non-null
+    var interval = setInterval(function () {
+      function getInvoice() {
+        return _getInvoice.apply(this, arguments);
+      }
+      function _getInvoice() {
+        _getInvoice = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+          var requestNetwork, request, requestData, tokenId;
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (!(provider == null)) {
+                  _context.next = 2;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 2:
+                requestNetwork = new RequestNetwork({
+                  nodeConnectionConfig: {
+                    baseURL: "https://xdai.gateway.request.network/"
+                  }
+                });
+                _context.next = 5;
+                return requestNetwork.fromRequestId(requestId);
+              case 5:
+                request = _context.sent;
+                requestData = request.getData();
+                _context.next = 9;
+                return getReceivableTokenIdForRequest(requestData, provider);
+              case 9:
+                tokenId = _context.sent;
+                // Check if token ID exists yet for this request
+                if (tokenId) {
+                  setTokenId(tokenId);
+                  setIsLoading(false);
+                  clearInterval(interval);
+                }
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return _getInvoice.apply(this, arguments);
+      }
+      getInvoice();
+    }, 5000);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [provider, requestId]);
+  if (!poolInfo) {
+    return null;
+  }
+  return jsxs(WidgetWrapper, {
+    isOpen: true,
+    isLoading: isLoading,
+    handleClose: handleClose,
+    handleSuccess: handleSuccess,
+    children: [step === WIDGET_STEP.Evaluation && jsx(Evaluation, {
+      poolInfo: poolInfo,
+      tokenId: tokenId.toString()
+    }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount, {
+      poolInfo: poolInfo,
+      accountStats: accountStats
+    }), step === WIDGET_STEP.ConfirmTransfer && jsx(ConfirmTransfer, {}), step === WIDGET_STEP.ApproveNFT && jsx(ApproveNFT, {
+      poolInfo: poolInfo,
+      tokenId: tokenId.toString()
+    }), step === WIDGET_STEP.Transfer && jsx(Transfer, {
+      poolInfo: poolInfo,
+      tokenId: tokenId.toString()
+    }), step === WIDGET_STEP.Done && jsx(Success, {
+      handleAction: handleClose
+    }), step === WIDGET_STEP.Error && jsx(ErrorModal, {
+      title: "Invoice Factoring",
+      errorMessage: errorMessage,
+      handleOk: handleClose
+    })]
+  });
+}
+
 function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Widget(props) {
@@ -6364,6 +6675,25 @@ function Widget(props) {
   });
 }
 
+/**
+ * Invoice factoring pool borrow widget props
+ * @typedef {Object} RequestNetworkInvoiceFactoringBorrowWidgetProps
+ * @property {RequestNetworkInvoiceFactoringBorrowProps} RequestNetworkInvoiceFactoringBorrowProps - Invoice factoring pool borrow props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+
+/**
+ * Invoice factoring borrow widget
+ *
+ * @param {RequestNetworkInvoiceFactoringBorrowWidgetProps} props - The invoice factoring pool borrow widget props.
+ * @returns Invoice factoring pool borrow widget component
+ */
+function RequestNetworkInvoiceFactoringBorrowWidget(props) {
+  return jsx(Widget, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsx(RequestNetworkInvoiceFactoringBorrow, _objectSpread({}, props))
+  }));
+}
+
 /**
  * Invoice factoring pool borrow widget props
  * @typedef {Object} InvoiceFactoringBorrowWidgetProps
@@ -6510,5 +6840,5 @@ function SuperfluidFactoringWidget(props) {
   }));
 }
 
-export { CreditLineApproveWidget, CreditLineBorrowWidget, CreditLinePaymentWidget, InvoiceFactoringBorrowWidget, InvoiceFactoringPaymentWidget, LendSupplyWidget, LendWithdrawWidget, SuperfluidFactoringWidget };
+export { CreditLineApproveWidget, CreditLineBorrowWidget, CreditLinePaymentWidget, InvoiceFactoringBorrowWidget, InvoiceFactoringPaymentWidget, LendSupplyWidget, LendWithdrawWidget, RequestNetworkInvoiceFactoringBorrowWidget, SuperfluidFactoringWidget };
 //# sourceMappingURL=index.js.map