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

package/dist/cjs/index.cjs

@@ -30,6 +30,8 @@ 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 requestClient_js = require('@requestnetwork/request-client.js');
+var paymentProcessor = require('@requestnetwork/payment-processor');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2346,7 +2348,7 @@ function TxDoneModal(_ref) {
   });
 }
 
-function Success$7(_ref) {
+function Success$8(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction;
   var _poolInfo$poolUnderly = poolInfo.poolUnderlyingToken,
@@ -2410,7 +2412,7 @@ function CreditLineApprove(_ref) {
     children: [step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$5, {
       poolInfo: poolInfo,
       amount: amount
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$7, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$8, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
@@ -2514,7 +2516,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 = material.useTheme();
@@ -2813,7 +2815,7 @@ function ChooseAmountModal(_ref) {
   });
 }
 
-function ChooseAmount$6(_ref) {
+function ChooseAmount$7(_ref) {
   var poolInfo = _ref.poolInfo,
     accountStats = _ref.accountStats;
   var dispatch = useAppDispatch();
@@ -2920,7 +2922,7 @@ function TxSendModal(_ref) {
   });
 }
 
-function Transfer$6(_ref) {
+function Transfer$7(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var reset = utils.useResetAtom(shared.txAtom);
@@ -2940,7 +2942,7 @@ function Transfer$6(_ref) {
   });
 }
 
-function Success$6(_ref) {
+function Success$7(_ref) {
   var poolInfo = _ref.poolInfo,
     creditRecord = _ref.creditRecord,
     handleAction = _ref.handleAction,
@@ -3413,17 +3415,17 @@ function CreditLineBorrow(_ref) {
     loadingTitle: "Borrow",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$3, {
+    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$4, {
       poolInfo: poolInfo,
       handleApprove: approveCallback
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$6, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$7, {
       poolInfo: poolInfo,
       accountStats: accountStats
     }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$4, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$6, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$7, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$6, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$7, {
       poolInfo: poolInfo,
       handleAction: setupNotificationsOrClose,
       creditRecord: creditRecord,
@@ -3438,7 +3440,7 @@ function CreditLineBorrow(_ref) {
   });
 }
 
-function ChooseAmount$5(_ref) {
+function ChooseAmount$6(_ref) {
   var payoffAmount = _ref.payoffAmount,
     totalDueAmount = _ref.totalDueAmount,
     poolInfo = _ref.poolInfo;
@@ -3497,7 +3499,7 @@ function ApproveAllowance$3(_ref) {
   });
 }
 
-function Transfer$5(_ref) {
+function Transfer$6(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var _useWeb3React = core.useWeb3React(),
@@ -3517,7 +3519,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,
@@ -3580,15 +3582,15 @@ function CreditLinePayment(_ref) {
     loadingTitle: "Make Payment",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$5, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$6, {
       poolInfo: poolInfo,
       payoffAmount: payoffAmount,
       totalDueAmount: totalDueAmount
     }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$3, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$5, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$6, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$5, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$6, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
@@ -3599,7 +3601,7 @@ function CreditLinePayment(_ref) {
   });
 }
 
-function Evaluation$2(_ref) {
+function Evaluation$3(_ref) {
   var poolInfo = _ref.poolInfo,
     tokenId = _ref.tokenId;
   var _useEA = useEA(),
@@ -3632,7 +3634,7 @@ function Evaluation$2(_ref) {
   });
 }
 
-function ChooseAmount$4(_ref) {
+function ChooseAmount$5(_ref) {
   var _receivable;
   var poolInfo = _ref.poolInfo,
     accountStats = _ref.accountStats;
@@ -3768,7 +3770,7 @@ function ConfirmTransferModal(_ref) {
   });
 }
 
-function ConfirmTransfer$1() {
+function ConfirmTransfer$2() {
   var dispatch = useAppDispatch();
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmountNet = _useAppSelector.borrowAmountNet,
@@ -3794,7 +3796,7 @@ function ConfirmTransfer$1() {
   });
 }
 
-function ApproveNFT(_ref) {
+function ApproveNFT$1(_ref) {
   var poolInfo = _ref.poolInfo,
     tokenId = _ref.tokenId;
   var dispatch = useAppDispatch();
@@ -3831,7 +3833,7 @@ function ApproveNFT(_ref) {
   });
 }
 
-function Transfer$4(_ref) {
+function Transfer$5(_ref) {
   var poolInfo = _ref.poolInfo,
     tokenId = _ref.tokenId;
   var dispatch = useAppDispatch();
@@ -3851,7 +3853,7 @@ function Transfer$4(_ref) {
   });
 }
 
-function Success$4(_ref) {
+function Success$5(_ref) {
   var handleAction = _ref.handleAction;
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmountNet = _useAppSelector.borrowAmountNet,
@@ -3892,19 +3894,19 @@ function InvoiceFactoringBorrow(_ref) {
     isOpen: true,
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$2, {
+    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$3, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$4, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$5, {
       poolInfo: poolInfo,
       accountStats: accountStats
-    }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer$1, {}), step === WIDGET_STEP.ApproveNFT && jsxRuntime.jsx(ApproveNFT, {
+    }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer$2, {}), step === WIDGET_STEP.ApproveNFT && jsxRuntime.jsx(ApproveNFT$1, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$4, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$5, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$4, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$5, {
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
       title: "Invoice Factoring",
@@ -3914,7 +3916,7 @@ function InvoiceFactoringBorrow(_ref) {
   });
 }
 
-function ChooseAmount$3(_ref) {
+function ChooseAmount$4(_ref) {
   var creditRecord = _ref.creditRecord,
     poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
@@ -3976,7 +3978,7 @@ function ApproveAllowance$2(_ref) {
   });
 }
 
-function Transfer$3(_ref) {
+function Transfer$4(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var _useWeb3React = core.useWeb3React(),
@@ -3996,7 +3998,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;
@@ -4039,14 +4041,14 @@ function InvoiceFactoringPayment(_ref) {
     loadingTitle: "Make Payment",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$3, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$4, {
       creditRecord: creditRecord,
       poolInfo: poolInfo
     }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$2, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$3, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$4, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$3, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$4, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
@@ -4530,7 +4532,7 @@ function EvaluationKYC(_ref) {
   });
 }
 
-function Evaluation$1(_ref) {
+function Evaluation$2(_ref) {
   var _poolInfo$extra;
   var poolInfo = _ref.poolInfo,
     handleClose = _ref.handleClose,
@@ -4549,7 +4551,7 @@ function Evaluation$1(_ref) {
   });
 }
 
-function ChooseAmount$2(_ref) {
+function ChooseAmount$3(_ref) {
   var allowance = _ref.allowance,
     withdrawlLockoutSeconds = _ref.withdrawlLockoutSeconds,
     underlyingTokenBalance = _ref.underlyingTokenBalance,
@@ -4601,7 +4603,7 @@ function ApproveAllowance$1(_ref) {
   });
 }
 
-function Transfer$2(_ref) {
+function Transfer$3(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var _useAppSelector = useAppSelector(selectWidgetState),
@@ -4619,7 +4621,7 @@ function Transfer$2(_ref) {
   });
 }
 
-function Success$2(_ref) {
+function Success$3(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction,
     hasNextStep = _ref.hasNextStep;
@@ -4731,20 +4733,20 @@ function LendSupply(_ref) {
     loadingTitle: "Supply ".concat(poolInfo.poolUnderlyingToken.symbol),
     handleClose: handleClose,
     handleSuccess: handleSupplySuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$1, {
+    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$2, {
       poolInfo: poolInfo,
       handleClose: handleClose,
       handleApproveSuccess: handleApproveSuccess
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$2, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$3, {
       poolInfo: poolInfo,
       allowance: allowance,
       underlyingTokenBalance: balanceWithoutDecimals,
       withdrawlLockoutSeconds: withdrawlLockoutSeconds
     }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$1, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$2, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$3, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$2, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$3, {
       poolInfo: poolInfo,
       handleAction: setupNotificationsOrClose,
       hasNextStep: isFirstTimeNotifiUser
@@ -4797,7 +4799,7 @@ function CheckWithdrawable(_ref) {
   });
 }
 
-function ChooseAmount$1(_ref) {
+function ChooseAmount$2(_ref) {
   var lenderPosition = _ref.lenderPosition,
     poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
@@ -4829,7 +4831,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;
@@ -4847,7 +4849,7 @@ function Transfer$1(_ref) {
   });
 }
 
-function Success$1(_ref) {
+function Success$2(_ref) {
   var poolInfo = _ref.poolInfo,
     handleAction = _ref.handleAction;
   var _useWeb3React = core.useWeb3React(),
@@ -4925,12 +4927,12 @@ function LendWithdraw(_ref) {
     children: [(!step || step === WIDGET_STEP.CheckWithdrawable) && jsxRuntime.jsx(CheckWithdrawable, {
       poolInfo: poolInfo,
       handleClose: handleClose
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$1, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$2, {
       poolInfo: poolInfo,
       lenderPosition: lenderPosition
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$1, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$2, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$1, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$2, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
@@ -5223,7 +5225,7 @@ function ApolloWrapper(_ref) {
   });
 }
 
-function Evaluation(_ref) {
+function Evaluation$1(_ref) {
   var poolInfo = _ref.poolInfo,
     payerAddress = _ref.payerAddress,
     superToken = _ref.superToken;
@@ -5257,7 +5259,7 @@ function Evaluation(_ref) {
   });
 }
 
-function ChooseAmount(_ref) {
+function ChooseAmount$1(_ref) {
   var poolInfo = _ref.poolInfo,
     currentFlowRate = _ref.currentFlowRate;
   var dispatch = useAppDispatch();
@@ -5338,7 +5340,7 @@ function ChooseAmount(_ref) {
   });
 }
 
-function ConfirmTransfer() {
+function ConfirmTransfer$1() {
   var dispatch = useAppDispatch();
   var _useWeb3React = core.useWeb3React(),
     chainId = _useWeb3React.chainId;
@@ -5500,7 +5502,7 @@ function Permit(_ref) {
   });
 }
 
-function Transfer(_ref) {
+function Transfer$1(_ref) {
   var poolInfo = _ref.poolInfo;
   var dispatch = useAppDispatch();
   var multiSendContract = shared.useMultiSendContract();
@@ -5522,7 +5524,7 @@ function Transfer(_ref) {
   });
 }
 
-function Success(_ref) {
+function Success$1(_ref) {
   var handleAction = _ref.handleAction;
   var _useAppSelector = useAppSelector(selectWidgetState),
     borrowAmount = _useAppSelector.borrowAmount,
@@ -5561,14 +5563,14 @@ function StreamFactoringBorrow(_ref) {
     isOpen: isOpen,
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation, {
+    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$1, {
       poolInfo: poolInfo,
       payerAddress: payerAddress,
       superToken: superToken
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$1, {
       poolInfo: poolInfo,
       currentFlowRate: currentFlowRate
-    }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer, {}), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance, {
+    }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer$1, {}), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Permit && account && chainId && jsxRuntime.jsx(Permit, {
       poolInfo: poolInfo,
@@ -5576,9 +5578,9 @@ function StreamFactoringBorrow(_ref) {
       chainId: chainId,
       borrower: account,
       superToken: superToken
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$1, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$1, {
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
       title: "Stream Borrowing",
@@ -6378,6 +6380,315 @@ var themeHuma = material.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 = core.useWeb3React(),
+    account = _useWeb3React.account,
+    chainId = _useWeb3React.chainId;
+  React.useEffect(function () {
+    if (account && chainId) {
+      checkingEA({
+        poolAddress: poolInfo.pool,
+        borrowerWalletAddress: account,
+        context: {
+          receivable: {
+            address: poolInfo.assetAddress,
+            param: shared.toBigNumber(tokenId).toHexString()
+          }
+        }
+      }, WIDGET_STEP.ChooseAmount);
+    }
+  }, [account, chainId, checkingEA, poolInfo.assetAddress, poolInfo.pool, tokenId, isWalletOwnershipVerified]);
+  if (isWalletOwnershipVerificationRequired) {
+    return jsxRuntime.jsx(SignIn, {});
+  }
+  return jsxRuntime.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 = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    chargedFees = _useState2[0],
+    setChargedFees = _useState2[1];
+  var _useState3 = React.useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentAmount = _useState4[0],
+    setCurrentAmount = _useState4[1];
+  var _useAppSelector = useAppSelector(selectWidgetState),
+    approval = _useAppSelector.approval;
+  var _useFeeManager = shared.useFeeManager(poolInfo.poolName, poolInfo.poolType),
+    getFeesCharged = _useFeeManager.getFeesCharged;
+  var _useState5 = React.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 = React.useCallback(function (newAmount) {
+    if (approval) {
+      setCurrentAmount(newAmount);
+      setChargedFees(getFeesCharged(newAmount));
+      setRemainder(Number(approval.receivable.amountFormatted) - newAmount);
+    }
+  }, [approval, getFeesCharged]);
+  var handleAction = React.useCallback(function () {
+    dispatch(setBorrowInfo({
+      borrowAmount: currentAmount,
+      borrowAmountBN: shared.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 jsxRuntime.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 (shared.isEmpty(borrowAmountNet) || shared.isEmpty(approval)) {
+    return null;
+  }
+  return jsxRuntime.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 = core.useWeb3React(),
+    provider = _useWeb3React.provider;
+  var _useAtom = jotai.useAtom(shared.sendTxAtom),
+    _useAtom2 = _slicedToArray(_useAtom, 2),
+    _useAtom2$ = _useAtom2[0],
+    state = _useAtom2$.state,
+    txHash = _useAtom2$.txHash,
+    send = _useAtom2[1];
+  var reset = utils.useResetAtom(shared.txAtom);
+  var invoiceNFTContract = shared.useInvoiceNFTContract(poolInfo.poolName);
+  React.useEffect(function () {
+    if (state === shared.TxStateType.Success) {
+      reset();
+      dispatch(setStep(WIDGET_STEP.Transfer));
+    }
+  }, [dispatch, reset, state]);
+  React.useEffect(function () {
+    send({
+      contract: invoiceNFTContract,
+      method: 'approve',
+      params: [poolInfo.pool, tokenId],
+      provider: provider
+    });
+  }, [invoiceNFTContract, poolInfo.pool, provider, send, tokenId]);
+  return jsxRuntime.jsx(LoadingModal, {
+    title: "Approve Invoice Transfer",
+    description: "Waiting for approval confirmation...",
+    children: jsxRuntime.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 = shared.toBigNumber(shared.upScale(borrowAmount, decimals));
+  var handleSuccess = React.useCallback(function () {
+    dispatch(setStep(WIDGET_STEP.Done));
+  }, [dispatch]);
+  return jsxRuntime.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 jsxRuntime.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 = reactRedux.useDispatch();
+  var _useWeb3React = core.useWeb3React(),
+    account = _useWeb3React.account,
+    provider = _useWeb3React.provider;
+  var poolName = shared.POOL_NAME[poolNameStr];
+  var poolType = shared.POOL_TYPE[poolTypeStr];
+  var poolInfo = shared.usePoolInfo(poolName, poolType);
+  var _useAppSelector = useAppSelector(selectWidgetState),
+    step = _useAppSelector.step,
+    errorMessage = _useAppSelector.errorMessage;
+  var _useAccountStats = shared.useAccountStats(poolName, poolType, account),
+    _useAccountStats2 = _slicedToArray(_useAccountStats, 1),
+    accountStats = _useAccountStats2[0];
+  var _useState = React.useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    tokenId = _useState2[0],
+    setTokenId = _useState2[1];
+  var _useState3 = React.useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  React.useEffect(function () {
+    dispatch(setStep(WIDGET_STEP.Evaluation));
+  }, [dispatch]);
+  React.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 requestClient_js.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 paymentProcessor.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 jsxRuntime.jsxs(WidgetWrapper, {
+    isOpen: true,
+    isLoading: isLoading,
+    handleClose: handleClose,
+    handleSuccess: handleSuccess,
+    children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation, {
+      poolInfo: poolInfo,
+      tokenId: tokenId.toString()
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount, {
+      poolInfo: poolInfo,
+      accountStats: accountStats
+    }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer, {}), step === WIDGET_STEP.ApproveNFT && jsxRuntime.jsx(ApproveNFT, {
+      poolInfo: poolInfo,
+      tokenId: tokenId.toString()
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer, {
+      poolInfo: poolInfo,
+      tokenId: tokenId.toString()
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success, {
+      handleAction: handleClose
+    }), step === WIDGET_STEP.Error && jsxRuntime.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) {
@@ -6403,6 +6714,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 jsxRuntime.jsx(Widget, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsxRuntime.jsx(RequestNetworkInvoiceFactoringBorrow, _objectSpread({}, props))
+  }));
+}
+
 /**
  * Invoice factoring pool borrow widget props
  * @typedef {Object} InvoiceFactoringBorrowWidgetProps
@@ -6556,5 +6886,6 @@ exports.InvoiceFactoringBorrowWidget = InvoiceFactoringBorrowWidget;
 exports.InvoiceFactoringPaymentWidget = InvoiceFactoringPaymentWidget;
 exports.LendSupplyWidget = LendSupplyWidget;
 exports.LendWithdrawWidget = LendWithdrawWidget;
+exports.RequestNetworkInvoiceFactoringBorrowWidget = RequestNetworkInvoiceFactoringBorrowWidget;
 exports.SuperfluidFactoringWidget = SuperfluidFactoringWidget;
 //# sourceMappingURL=index.cjs.map