@huma-finance/widgets 0.0.62-beta.622 → 0.0.62-beta.627

package/dist/cjs/index.cjs

@@ -1932,7 +1932,7 @@ function ApproveAllowanceModal(_ref) {
   });
 }
 
-function ApproveAllowance$d(_ref) {
+function ApproveAllowance$c(_ref) {
   let {
     poolInfo,
     amount
@@ -2074,7 +2074,7 @@ function CreditLineApprove(_ref) {
     loadingTitle: "Approve Allowance",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$d, {
+    children: [step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$c, {
       poolInfo: poolInfo,
       amount: amount
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$f, {
@@ -2173,7 +2173,7 @@ function ApproveAllowanceModalV2(_ref) {
   });
 }
 
-function ApproveAllowance$c(_ref) {
+function ApproveAllowance$b(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken
@@ -2243,7 +2243,7 @@ function AutoPaybackV2(_ref) {
     loadingTitle: "Auto Payback",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$c, {
+    children: [step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$b, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$e, {
@@ -2616,7 +2616,7 @@ function ChooseAmountModal(_ref) {
   });
 }
 
-function ChooseAmount$f(_ref) {
+function ChooseAmount$g(_ref) {
   let {
     poolInfo,
     accountStats
@@ -2676,7 +2676,7 @@ function ChooseAmount$f(_ref) {
   });
 }
 
-function ApproveAllowance$b(_ref) {
+function ApproveAllowance$a(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -2735,7 +2735,7 @@ function TxSendModal(_ref) {
   });
 }
 
-function Transfer$i(_ref) {
+function Transfer$k(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -3093,12 +3093,12 @@ function CreditLineBorrow(_ref) {
     children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$5, {
       poolInfo: poolInfo,
       handleApprove: approveCallback
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$f, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$g, {
       poolInfo: poolInfo,
       accountStats: accountStats
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$b, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$a, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$i, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$k, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$d, {
       poolInfo: poolInfo,
@@ -3141,7 +3141,7 @@ function InputAmountModal(_ref) {
     inputField: material.css(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n      input {\n        width: 100%;\n        color: ", ";\n        font-weight: 800;\n        font-size: 40px;\n        line-height: 133.4%;\n      }\n    "])), theme.palette.text.primary),
     maxWrapper: material.css(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n      position: relative;\n      display: flex;\n      justify-content: flex-end;\n    "]))),
     maxTitle: material.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n      position: absolute;\n      color: ", ";\n      font-weight: 400;\n      font-size: 12px;\n      line-height: 166%;\n      letter-spacing: 0.4px;\n      top: ", ";\n      width: 200px;\n      text-align: right;\n    "])), theme.palette.text.primary, theme.spacing(-3)),
-    max: material.css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n      display: flex;\n      min-width: fit-content;\n      justify-content: center;\n      align-items: center;\n      border-radius: 32px;\n      padding: 4px 10px;\n      gap: 8px;\n      font-weight: 700;\n      font-size: 13px;\n      line-height: 22px;\n      letter-spacing: 0.46px;\n    "]))),
+    max: material.css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n      display: flex;\n      min-width: fit-content;\n      justify-content: center;\n      align-items: center;\n      border-radius: 32px;\n      padding: 4px 10px;\n      gap: 8px;\n      font-weight: 700;\n      font-size: 13px;\n      line-height: 22px;\n      letter-spacing: 0.46px;\n      white-space: nowrap;\n    "]))),
     info: material.css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n      color: ", ";\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 160%;\n      letter-spacing: 0.15px;\n    "])), theme.palette.text.secondary),
     subInfo: material.css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n      position: absolute;\n      bottom: ", ";\n    "])), theme.spacing(6))
   };
@@ -3217,7 +3217,7 @@ function InputAmountModal(_ref) {
   });
 }
 
-function ChooseAmount$e(_ref) {
+function ChooseAmount$f(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -3270,7 +3270,7 @@ function ChooseAmount$e(_ref) {
   });
 }
 
-function ApproveAllowance$a(_ref) {
+function ApproveAllowance$9(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken
@@ -3328,7 +3328,7 @@ function TxSendModalV2(_ref) {
   });
 }
 
-function Transfer$h(_ref) {
+function Transfer$j(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -3459,14 +3459,14 @@ function CreditLineBorrowV2(_ref) {
     handleSuccess: handleSuccessCallback,
     children: [!step && jsxRuntime.jsx(LoadingModal, {
       title: "Borrow"
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$e, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$f, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       accountStats: accountStats
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$a, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$9, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$h, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$j, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$c, {
       poolUnderlyingToken: poolUnderlyingToken,
@@ -3483,7 +3483,7 @@ function CreditLineBorrowV2(_ref) {
   });
 }
 
-function ChooseAmount$d(_ref) {
+function ChooseAmount$e(_ref) {
   let {
     payoffAmount,
     totalDueAmount,
@@ -3534,7 +3534,7 @@ function ChooseAmount$d(_ref) {
   });
 }
 
-function ApproveAllowance$9(_ref) {
+function ApproveAllowance$8(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -3548,7 +3548,7 @@ function ApproveAllowance$9(_ref) {
   });
 }
 
-function Transfer$g(_ref) {
+function Transfer$i(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -3640,13 +3640,13 @@ function CreditLinePayment(_ref) {
     loadingTitle: "Make Payment",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$d, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$e, {
       poolInfo: poolInfo,
       payoffAmount: payoffAmount,
       totalDueAmount: totalDueAmount
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$9, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$8, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$g, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$i, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$b, {
       poolInfo: poolInfo,
@@ -3659,7 +3659,7 @@ function CreditLinePayment(_ref) {
   });
 }
 
-function ChooseAmount$c(_ref) {
+function ChooseAmount$d(_ref) {
   let {
     payoffAmount: payoffAmountBN,
     totalDueAmount: totalDueAmountBN,
@@ -3681,6 +3681,8 @@ function ChooseAmount$c(_ref) {
   } = webShared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
   const totalDueAmount = Number(ethers.ethers.utils.formatUnits(totalDueAmountBN, decimals));
   const payoffAmount = Number(ethers.ethers.utils.formatUnits(payoffAmountBN, decimals));
+
+  // TODO: Remove redundant useEffect
   React.useEffect(() => {
     setCurrentAmount(totalDueAmount);
   }, [totalDueAmount]);
@@ -3720,7 +3722,7 @@ function ChooseAmount$c(_ref) {
   });
 }
 
-function ApproveAllowance$8(_ref) {
+function ApproveAllowance$7(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken
@@ -3738,7 +3740,7 @@ function ApproveAllowance$8(_ref) {
   });
 }
 
-function Transfer$f(_ref) {
+function Transfer$h(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken
@@ -3844,15 +3846,15 @@ function CreditLinePaymentV2(_ref) {
     loadingTitle: "Pay",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$c, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$d, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       payoffAmount: payoffAmount,
       totalDueAmount: totalDueAmount
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$8, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$7, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$f, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$h, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$a, {
@@ -3866,7 +3868,7 @@ function CreditLinePaymentV2(_ref) {
   });
 }
 
-function ApproveAllowance$7(_ref) {
+function ApproveAllowance$6(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -3903,7 +3905,7 @@ function Success$9(_ref) {
   });
 }
 
-function Transfer$e(_ref) {
+function Transfer$g(_ref) {
   let {
     poolInfo,
     amountToDeposit,
@@ -3980,11 +3982,11 @@ function SupplyFirstLossCover(_ref) {
     loadingTitle: title,
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$7, {
+    children: [step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$6, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       amountToDeposit: minAmountToDeposit
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$e, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$g, {
       poolInfo: poolInfo,
       amountToDeposit: minAmountToDeposit,
       title: title
@@ -4037,7 +4039,7 @@ function Evaluation$4(_ref) {
   });
 }
 
-function ChooseAmount$b(_ref) {
+function ChooseAmount$c(_ref) {
   var _receivable;
   let {
     poolInfo,
@@ -4242,7 +4244,7 @@ function ApproveNFT(_ref) {
   });
 }
 
-function Transfer$d(_ref) {
+function Transfer$f(_ref) {
   let {
     poolInfo,
     tokenId
@@ -4318,13 +4320,13 @@ function InvoiceFactoringBorrow(_ref) {
     children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$4, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$b, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$c, {
       poolInfo: poolInfo,
       accountStats: accountStats
     }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer$2, {}), step === WIDGET_STEP.ApproveNFT && jsxRuntime.jsx(ApproveNFT, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$d, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$f, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$8, {
@@ -4337,7 +4339,7 @@ function InvoiceFactoringBorrow(_ref) {
   });
 }
 
-function ChooseAmount$a(_ref) {
+function ChooseAmount$b(_ref) {
   let {
     creditRecord,
     poolInfo
@@ -4388,7 +4390,7 @@ function ChooseAmount$a(_ref) {
   });
 }
 
-function ApproveAllowance$6(_ref) {
+function ApproveAllowance$5(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -4402,7 +4404,7 @@ function ApproveAllowance$6(_ref) {
   });
 }
 
-function Transfer$c(_ref) {
+function Transfer$e(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -4482,12 +4484,12 @@ function InvoiceFactoringPayment(_ref) {
     loadingTitle: "Make Payment",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$a, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$b, {
       creditRecord: creditRecord,
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$6, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$5, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$c, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$e, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$7, {
       poolInfo: poolInfo,
@@ -4556,7 +4558,7 @@ function ChooseTranche$4(_ref) {
   });
 }
 
-function ChooseAmount$9(_ref) {
+function ChooseAmount$a(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -4621,7 +4623,7 @@ function ChooseAmount$9(_ref) {
   });
 }
 
-function Transfer$b(_ref) {
+function Transfer$d(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -4654,7 +4656,7 @@ function Transfer$b(_ref) {
   });
 }
 
-function Done$4(_ref) {
+function Done$6(_ref) {
   let {
     handleAction
   } = _ref;
@@ -4767,15 +4769,15 @@ function AddRedemptionV2(_ref) {
     children: [step === WIDGET_STEP.ChooseTranche && jsxRuntime.jsx(ChooseTranche$4, {
       selectedTranche: trancheInfo === null || trancheInfo === void 0 ? void 0 : trancheInfo.tranche,
       changeTranche: handleChangeTranche
-    }), step === WIDGET_STEP.ChooseAmount && trancheInfo && jsxRuntime.jsx(ChooseAmount$9, {
+    }), step === WIDGET_STEP.ChooseAmount && trancheInfo && jsxRuntime.jsx(ChooseAmount$a, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       trancheInfo: trancheInfo
-    }), step === WIDGET_STEP.Transfer && trancheInfo && jsxRuntime.jsx(Transfer$b, {
+    }), step === WIDGET_STEP.Transfer && trancheInfo && jsxRuntime.jsx(Transfer$d, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       trancheInfo: trancheInfo
-    }), step === WIDGET_STEP.Done && trancheInfo && jsxRuntime.jsx(Done$4, {
+    }), step === WIDGET_STEP.Done && trancheInfo && jsxRuntime.jsx(Done$6, {
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
       title: title,
@@ -4786,7 +4788,7 @@ function AddRedemptionV2(_ref) {
   });
 }
 
-function Transfer$a(_ref) {
+function Transfer$c(_ref) {
   let {
     poolInfo,
     trancheType,
@@ -4812,7 +4814,7 @@ function Transfer$a(_ref) {
   });
 }
 
-function Done$3(_ref) {
+function Done$5(_ref) {
   let {
     poolUnderlyingToken,
     redemptionInfo,
@@ -4873,11 +4875,11 @@ function CancelRedemptionV2(_ref) {
     loadingTitle: title,
     handleClose: handleClose,
     handleSuccess: handleRedeemSuccess,
-    children: [step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$a, {
+    children: [step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$c, {
       poolInfo: poolInfo,
       trancheType: trancheType,
       redemptionInfo: redemptionInfo
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done$3, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done$5, {
       poolUnderlyingToken: poolUnderlyingToken,
       handleAction: handleClose,
       redemptionInfo: redemptionInfo
@@ -5279,7 +5281,7 @@ function Evaluation$3(_ref) {
   });
 }
 
-function ChooseAmount$8(_ref) {
+function ChooseAmount$9(_ref) {
   let {
     allowance,
     withdrawlLockoutSeconds,
@@ -5322,7 +5324,7 @@ function ChooseAmount$8(_ref) {
   });
 }
 
-function ApproveAllowance$5(_ref) {
+function ApproveAllowance$4(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -5336,7 +5338,7 @@ function ApproveAllowance$5(_ref) {
   });
 }
 
-function Transfer$9(_ref) {
+function Transfer$b(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -5486,14 +5488,14 @@ function LendSupply(_ref) {
       poolInfo: poolInfo,
       handleClose: handleClose,
       handleApproveSuccess: handleApproveSuccess
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$8, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$9, {
       poolInfo: poolInfo,
       allowance: allowance,
       underlyingTokenBalance: balanceWithoutDecimals,
       withdrawlLockoutSeconds: withdrawlLockoutSeconds
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$5, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$4, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$9, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$b, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$6, {
       poolInfo: poolInfo,
@@ -6134,7 +6136,7 @@ function Evaluation$2(_ref) {
   return null;
 }
 
-function ChooseAmount$7(_ref) {
+function ChooseAmount$8(_ref) {
   let {
     poolInfo,
     lpConfig,
@@ -6217,7 +6219,7 @@ function ChooseAmount$7(_ref) {
   });
 }
 
-function ApproveAllowance$4(_ref) {
+function ApproveAllowance$3(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -6234,7 +6236,7 @@ function ApproveAllowance$4(_ref) {
   });
 }
 
-function Transfer$8(_ref) {
+function Transfer$a(_ref) {
   let {
     poolInfo,
     trancheType
@@ -6600,16 +6602,16 @@ function LendSupplyV2(_ref) {
       changeTranche: setSelectedTranche,
       pointsTestnetExperience: pointsTestnetExperience,
       campaign: campaign
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$7, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$8, {
       poolInfo: poolInfo,
       lpConfig: lpConfig,
       juniorAssets: juniorAssets,
       seniorAssets: seniorAssets,
       selectedTranche: selectedTranche,
       isUniTranche: isUniTranche
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$4, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$3, {
       poolInfo: poolInfo
-    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$8, {
+    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$a, {
       poolInfo: poolInfo,
       trancheType: selectedTranche
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$5, {
@@ -6677,7 +6679,7 @@ function CheckWithdrawable(_ref) {
   });
 }
 
-function ChooseAmount$6(_ref) {
+function ChooseAmount$7(_ref) {
   let {
     lenderPosition,
     poolBalance,
@@ -6715,7 +6717,7 @@ function ChooseAmount$6(_ref) {
   });
 }
 
-function Transfer$7(_ref) {
+function Transfer$9(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -6828,11 +6830,11 @@ function LendWithdraw(_ref) {
     children: [step === WIDGET_STEP.CheckWithdrawable && jsxRuntime.jsx(CheckWithdrawable, {
       poolInfo: poolInfo,
       handleClose: handleClose
-    }), step === WIDGET_STEP.ChooseAmount && lenderPosition && poolBalance && jsxRuntime.jsx(ChooseAmount$6, {
+    }), step === WIDGET_STEP.ChooseAmount && lenderPosition && poolBalance && jsxRuntime.jsx(ChooseAmount$7, {
       poolInfo: poolInfo,
       lenderPosition: lenderPosition,
       poolBalance: poolBalance
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$7, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$9, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$4, {
       poolInfo: poolInfo,
@@ -6935,7 +6937,7 @@ function ConfirmTransfer$1(_ref) {
   });
 }
 
-function Transfer$6(_ref) {
+function Transfer$8(_ref) {
   let {
     poolInfo,
     tranche,
@@ -6961,7 +6963,7 @@ function Transfer$6(_ref) {
   });
 }
 
-function Done$2(_ref) {
+function Done$4(_ref) {
   let {
     poolUnderlyingToken,
     withdrawAmount,
@@ -7061,11 +7063,11 @@ function LendWithdrawV2(_ref) {
       redemptionStatus: redemptionStatus,
       poolUnderlyingToken: poolUnderlyingToken,
       poolIsClosed: poolIsClosed
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$6, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$8, {
       poolInfo: poolInfo,
       tranche: trancheType,
       poolIsClosed: poolIsClosed
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done$2, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done$4, {
       poolUnderlyingToken: poolUnderlyingToken,
       withdrawAmount: redemptionStatus.withdrawableAssets,
       handleAction: handleClose
@@ -7078,7 +7080,7 @@ function LendWithdrawV2(_ref) {
   });
 }
 
-function ChooseAmount$5(_ref) {
+function ChooseAmount$6(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -7142,7 +7144,7 @@ function ChooseAmount$5(_ref) {
   });
 }
 
-function ApproveAllowance$3(_ref) {
+function ApproveAllowance$2(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken
@@ -7201,7 +7203,7 @@ function ApproveReceivable$1(_ref) {
   });
 }
 
-function Transfer$5(_ref) {
+function Transfer$7(_ref) {
   let {
     poolInfo,
     tokenId
@@ -7342,18 +7344,18 @@ function ReceivableBackedCreditLineBorrowV2(_ref) {
     loadingTitle: "Borrow",
     handleClose: handleClose,
     handleSuccess: handleSuccessCallback,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$5, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$6, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       accountStats: accountStats,
       tokenId: tokenId
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$3, {
+    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$2, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken
     }), step === WIDGET_STEP.ApproveNFT && tokenId && jsxRuntime.jsx(ApproveReceivable$1, {
       poolInfo: poolInfo,
       tokenId: tokenId
-    }), step === WIDGET_STEP.Transfer && tokenId && jsxRuntime.jsx(Transfer$5, {
+    }), step === WIDGET_STEP.Transfer && tokenId && jsxRuntime.jsx(Transfer$7, {
       poolInfo: poolInfo,
       tokenId: tokenId
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$3, {
@@ -7427,7 +7429,7 @@ function ChoosePaymentType(_ref) {
   });
 }
 
-function ChooseAmount$4(_ref) {
+function ChooseAmount$5(_ref) {
   let {
     payoffAmount: payoffAmountBN,
     poolInfo,
@@ -7481,7 +7483,7 @@ function ChooseAmount$4(_ref) {
   });
 }
 
-function ApproveAllowance$2(_ref) {
+function ApproveAllowance$1(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -7609,7 +7611,7 @@ function ApproveReceivable(_ref) {
   });
 }
 
-function Transfer$4(_ref) {
+function Transfer$6(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -7760,12 +7762,12 @@ function ReceivableBackedCreditLinePaymentV2(_ref) {
     children: [step === WIDGET_STEP.ChoosePaymentType && jsxRuntime.jsx(ChoosePaymentType, {
       paymentType: paymentType,
       changePaymentType: setPaymentType
-    }), step === WIDGET_STEP.ChooseAmount && paymentType && jsxRuntime.jsx(ChooseAmount$4, {
+    }), step === WIDGET_STEP.ChooseAmount && paymentType && jsxRuntime.jsx(ChooseAmount$5, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       payoffAmount: payoffAmount,
       paymentType: paymentType
-    }), step === WIDGET_STEP.ApproveAllowance && paymentType && jsxRuntime.jsx(ApproveAllowance$2, {
+    }), step === WIDGET_STEP.ApproveAllowance && paymentType && jsxRuntime.jsx(ApproveAllowance$1, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       paymentType: paymentType
@@ -7776,7 +7778,7 @@ function ReceivableBackedCreditLinePaymentV2(_ref) {
     }), step === WIDGET_STEP.ApproveNFT && borrowTokenId && jsxRuntime.jsx(ApproveReceivable, {
       poolInfo: poolInfo,
       tokenId: borrowTokenId
-    }), step === WIDGET_STEP.Transfer && paymentType && jsxRuntime.jsx(Transfer$4, {
+    }), step === WIDGET_STEP.Transfer && paymentType && jsxRuntime.jsx(Transfer$6, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       paymentType: paymentType,
@@ -8106,7 +8108,7 @@ function Evaluation$1(_ref) {
   });
 }
 
-function ChooseAmount$3(_ref) {
+function ChooseAmount$4(_ref) {
   var _poolInfo$extra;
   let {
     poolInfo,
@@ -8220,7 +8222,7 @@ function ConfirmTransfer() {
   });
 }
 
-function ApproveAllowance$1(_ref) {
+function ApproveAllowance(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -8292,7 +8294,7 @@ function Permit(_ref) {
   });
 }
 
-function Transfer$3(_ref) {
+function Transfer$5(_ref) {
   let {
     poolInfo
   } = _ref;
@@ -8371,17 +8373,17 @@ function StreamFactoringBorrow(_ref) {
       poolInfo: poolInfo,
       payerAddress: payerAddress,
       superToken: superToken
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$3, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$4, {
       poolInfo: poolInfo,
       currentFlowRate: currentFlowRate
-    }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer, {}), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$1, {
+    }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer, {}), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Permit && account && jsxRuntime.jsx(Permit, {
       poolInfo: poolInfo,
       payerAddress: payerAddress,
       borrower: account,
       superToken: superToken
-    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$3, {
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$5, {
       poolInfo: poolInfo
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$1, {
       handleAction: handleClose
@@ -9399,7 +9401,7 @@ function ChooseTranche$2(_ref) {
   });
 }
 
-function ChooseAmount$2(_ref) {
+function ChooseAmount$3(_ref) {
   let {
     poolInfo,
     poolState,
@@ -9550,7 +9552,7 @@ function SolanaTxSendModal(_ref) {
   });
 }
 
-function Transfer$2(_ref) {
+function Transfer$4(_ref) {
   let {
     poolInfo,
     selectedTranche
@@ -9791,13 +9793,13 @@ function SolanaLendSupply(_ref) {
       poolUnderlyingToken: poolInfo.underlyingMint,
       selectedTranche: selectedTranche,
       changeTranche: setSelectedTranche
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$2, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$3, {
       poolInfo: poolInfo,
       poolState: poolState,
       tokenAccount: tokenAccount,
       selectedTranche: selectedTranche,
       isUniTranche: isUniTranche
-    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$2, {
+    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$4, {
       poolInfo: poolInfo,
       selectedTranche: selectedTranche
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success, {
@@ -9813,7 +9815,7 @@ function SolanaLendSupply(_ref) {
   });
 }
 
-function ChooseAmount$1(_ref) {
+function ChooseAmount$2(_ref) {
   let {
     poolInfo,
     poolState,
@@ -9961,7 +9963,7 @@ function ChooseTranche$1(_ref) {
   });
 }
 
-function Done$1(_ref) {
+function Done$3(_ref) {
   let {
     poolInfo,
     handleAction
@@ -9980,7 +9982,7 @@ function Done$1(_ref) {
   });
 }
 
-function Transfer$1(_ref) {
+function Transfer$3(_ref) {
   let {
     poolInfo,
     selectedTranche
@@ -10103,15 +10105,15 @@ function SolanaLendAddRedemption(_ref) {
     children: [step === WIDGET_STEP.ChooseTranche && jsxRuntime.jsx(ChooseTranche$1, {
       selectedTranche: selectedTranche,
       changeTranche: setSelectedTranche
-    }), step === WIDGET_STEP.ChooseAmount && selectedTranche && jsxRuntime.jsx(ChooseAmount$1, {
+    }), step === WIDGET_STEP.ChooseAmount && selectedTranche && jsxRuntime.jsx(ChooseAmount$2, {
       poolInfo: poolInfo,
       poolState: poolState,
       lenderState: selectedTranche === 'senior' ? seniorLenderStateAccount : juniorLenderStateAccount,
       selectedTranche: selectedTranche
-    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$1, {
+    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$3, {
       poolInfo: poolInfo,
       selectedTranche: selectedTranche
-    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done$1, {
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done$3, {
       poolInfo: poolInfo,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
@@ -10123,7 +10125,7 @@ function SolanaLendAddRedemption(_ref) {
   });
 }
 
-function Transfer(_ref) {
+function Transfer$2(_ref) {
   let {
     poolInfo,
     lenderState,
@@ -10229,7 +10231,7 @@ function ChooseTranche(_ref) {
   });
 }
 
-function Done(_ref) {
+function Done$2(_ref) {
   let {
     poolInfo,
     lenderState,
@@ -10310,12 +10312,12 @@ function SolanaLendCancelRedemption(_ref) {
     children: [step === WIDGET_STEP.ChooseTranche && jsxRuntime.jsx(ChooseTranche, {
       selectedTranche: selectedTranche,
       changeTranche: setSelectedTranche
-    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer, {
+    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$2, {
       poolInfo: poolInfo,
       lenderState: selectedTranche === 'senior' ? seniorLenderStateAccount : juniorLenderStateAccount,
       lenderStatePDA: selectedTranche === 'senior' ? seniorLenderStateAccountPDA : juniorLenderStateAccountPDA,
       selectedTranche: selectedTranche
-    }), step === WIDGET_STEP.Done && selectedTranche && jsxRuntime.jsx(Done, {
+    }), step === WIDGET_STEP.Done && selectedTranche && jsxRuntime.jsx(Done$2, {
       poolInfo: poolInfo,
       lenderState: selectedTranche === 'senior' ? seniorLenderStateAccount : juniorLenderStateAccount,
       selectedTranche: selectedTranche,
@@ -10329,37 +10331,30 @@ function SolanaLendCancelRedemption(_ref) {
   });
 }
 
-function ChooseAmount(_ref) {
+function ChooseAmount$1(_ref) {
   let {
     poolInfo,
-    creditConfigAccount,
-    tokenAccount
+    creditConfigAccount
   } = _ref;
   const dispatch = useAppDispatch();
   const {
     symbol,
     decimals
   } = poolInfo.underlyingMint;
-  const sentinel = React.useMemo(() => shared.getSentinelAddress(poolInfo.chainId), [poolInfo.chainId]);
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const creditAvailable = React.useMemo(() => shared.SolanaTokenUtils.formatUnits(creditConfigAccount.creditAvailable, decimals), [creditConfigAccount.creditAvailable, decimals]);
   const handleChangeAmount = newAmount => {
     setCurrentAmount(newAmount);
   };
   const handleAction = React.useCallback(() => {
-    var _tokenAccount$delegat;
-    if (!tokenAccount) {
-      return;
-    }
     const borrowAmountBN = shared.SolanaTokenUtils.parseUnits(String(currentAmount), decimals);
-    const nextStep = borrowAmountBN.gt(new anchor.BN(tokenAccount.delegatedAmount.toString())) || ((_tokenAccount$delegat = tokenAccount.delegate) === null || _tokenAccount$delegat === void 0 ? void 0 : _tokenAccount$delegat.toString()) !== sentinel ? WIDGET_STEP.ApproveAllowance : WIDGET_STEP.Transfer;
     dispatch(setBorrowInfo({
       borrowAmount: currentAmount,
       borrowAmountBN: JSON.parse(borrowAmountBN.toString()),
       chargedFees: 0,
-      nextStep
+      nextStep: WIDGET_STEP.Transfer
     }));
-  }, [currentAmount, decimals, dispatch, sentinel, tokenAccount]);
+  }, [currentAmount, decimals, dispatch]);
   return jsxRuntime.jsx(InputAmountModal, {
     title: "Borrow",
     subTitle: "Choose Amount",
@@ -10373,46 +10368,90 @@ function ChooseAmount(_ref) {
   });
 }
 
-function ApproveAllowance(_ref) {
+function Transfer$1(_ref) {
   let {
-    poolInfo,
-    tokenAccount
+    poolInfo
   } = _ref;
   const dispatch = useAppDispatch();
   const {
     wallet,
-    publicKey,
-    sendTransaction,
-    signTransaction
+    publicKey
   } = walletAdapterReact.useWallet();
-  const sentinel = React.useMemo(() => shared.getSentinelAddress(poolInfo.chainId), [poolInfo.chainId]);
+  const sentinel = shared.getSentinelAddress(poolInfo.chainId);
   const {
     connection
   } = walletAdapterReact.useConnection();
   const [transaction, setTransaction] = React.useState();
+  const program = webShared.useHumaProgram(poolInfo.chainId);
+  const {
+    borrowAmountBN: borrowAmountBNJson
+  } = useAppSelector(selectWidgetState);
   const handleSuccess = React.useCallback(() => {
-    dispatch(setStep(WIDGET_STEP.Transfer));
+    dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
   React.useEffect(() => {
     async function getTx() {
-      if (!wallet || !publicKey || !connection || !signTransaction) {
+      var _borrowAmountBNJson$t, _tokenAccount$delegat;
+      if (!wallet || !publicKey || !connection) {
         return;
       }
-      const tx = new web3_js.Transaction().add(splToken.createApproveCheckedInstruction(tokenAccount.address, new web3_js.PublicKey(poolInfo.underlyingMint.address), new web3_js.PublicKey(sentinel),
-      // delegate
-      publicKey,
-      // owner of the wallet
-      BigInt(shared.SolanaTokenUtils.parseUnits('100000000000',
-      // 100 billion
-      poolInfo.underlyingMint.decimals).toString()),
-      // amount
-      poolInfo.underlyingMint.decimals, undefined,
-      // multiSigners
-      splToken.TOKEN_2022_PROGRAM_ID));
+      const {
+        underlyingTokenATA
+      } = shared.getTokenAccounts(poolInfo, publicKey);
+      const tx = new web3_js.Transaction();
+
+      // Create user token account if it doesn't exist
+      let tokenAccount;
+      try {
+        tokenAccount = await splToken.getAccount(connection, underlyingTokenATA, undefined, splToken.TOKEN_2022_PROGRAM_ID);
+      } catch (error) {
+        // TokenAccountNotFoundError can be possible if the associated address has already received some lamports,
+        // becoming a system account. Assuming program derived addressing is safe, this is the only case for the
+        // TokenInvalidAccountOwnerError in this code path.
+        if (error instanceof splToken.TokenAccountNotFoundError || error instanceof splToken.TokenInvalidAccountOwnerError) {
+          // As this isn't atomic, it's possible others can create associated accounts meanwhile.
+          tx.add(splToken.createAssociatedTokenAccountInstruction(publicKey, underlyingTokenATA, publicKey, new web3_js.PublicKey(poolInfo.underlyingMint.address), splToken.TOKEN_2022_PROGRAM_ID, splToken.ASSOCIATED_TOKEN_PROGRAM_ID));
+        }
+      }
+
+      // Approve allowance to the sentinel if the account is new or delegated amount is not enough
+      const borrowAmountBN = new anchor.BN((_borrowAmountBNJson$t = borrowAmountBNJson === null || borrowAmountBNJson === void 0 ? void 0 : borrowAmountBNJson.toString()) !== null && _borrowAmountBNJson$t !== void 0 ? _borrowAmountBNJson$t : '0');
+      if (!tokenAccount || borrowAmountBN.gt(new anchor.BN(tokenAccount.delegatedAmount.toString())) || ((_tokenAccount$delegat = tokenAccount.delegate) === null || _tokenAccount$delegat === void 0 ? void 0 : _tokenAccount$delegat.toString()) !== sentinel) {
+        tx.add(splToken.createApproveCheckedInstruction(underlyingTokenATA, new web3_js.PublicKey(poolInfo.underlyingMint.address), new web3_js.PublicKey(sentinel),
+        // delegate
+        publicKey,
+        // owner of the wallet
+        BigInt(shared.SolanaTokenUtils.parseUnits('100000000000',
+        // 100 billion
+        poolInfo.underlyingMint.decimals).toString()),
+        // amount
+        poolInfo.underlyingMint.decimals, undefined,
+        // multiSigners
+        splToken.TOKEN_2022_PROGRAM_ID));
+      }
+      const {
+        creditConfigAccount,
+        creditStateAccount
+      } = shared.getCreditAccounts(poolInfo, publicKey);
+      // borrowAmountBNJson is stored as a raw number string in this flow
+      const programTx = await program.methods.drawdown(borrowAmountBN).accountsPartial({
+        borrower: publicKey,
+        humaConfig: poolInfo.humaConfig,
+        poolConfig: poolInfo.poolConfig,
+        poolState: poolInfo.poolState,
+        creditConfig: creditConfigAccount,
+        creditState: creditStateAccount,
+        poolAuthority: poolInfo.poolAuthority,
+        underlyingMint: poolInfo.underlyingMint.address,
+        poolUnderlyingToken: poolInfo.poolUnderlyingTokenAccount,
+        borrowerUnderlyingToken: underlyingTokenATA,
+        tokenProgram: splToken.TOKEN_2022_PROGRAM_ID
+      }).transaction();
+      tx.add(programTx);
       setTransaction(tx);
     }
     getTx();
-  }, [connection, dispatch, poolInfo.underlyingMint.address, poolInfo.underlyingMint.decimals, publicKey, sendTransaction, sentinel, signTransaction, tokenAccount.address, wallet]);
+  }, [borrowAmountBNJson, connection, dispatch, poolInfo, poolInfo.underlyingMint.address, poolInfo.underlyingMint.decimals, program.methods, publicKey, sentinel, wallet]);
   return jsxRuntime.jsx(SolanaTxSendModal, {
     tx: transaction,
     chainId: poolInfo.chainId,
@@ -10420,9 +10459,34 @@ function ApproveAllowance(_ref) {
   });
 }
 
+function Done$1(_ref) {
+  let {
+    poolInfo,
+    poolState,
+    handleAction
+  } = _ref;
+  const {
+    borrowAmount,
+    solanaSignature
+  } = useAppSelector(selectWidgetState);
+  const {
+    symbol
+  } = poolInfo.underlyingMint;
+  const dueDate = shared.timeUtil.timestampToLL(poolState.epochEndTime);
+  const content = ["".concat(shared.formatNumber(borrowAmount), " ").concat(symbol, " is now in your wallet."), "Note: your first automatic payment will occur after ".concat(dueDate, ".")];
+  return jsxRuntime.jsx(SolanaTxDoneModal, {
+    handleAction: handleAction,
+    content: content,
+    chainId: poolInfo.chainId,
+    solanaSignature: solanaSignature,
+    buttonText: "DONE"
+  });
+}
+
 function SolanaBorrow(_ref) {
   let {
     poolInfo,
+    poolState,
     handleClose,
     handleSuccess
   } = _ref;
@@ -10432,9 +10496,207 @@ function SolanaBorrow(_ref) {
     loading: isLoadingBorrowerAccounts
   } = webShared.useBorrowerAccounts(poolInfo.chainId, poolInfo.poolName);
   const {
-    account: tokenAccount,
-    loading: isLoadingTokenAccounts
-  } = webShared.usePoolUnderlyingTokenAccount(poolInfo);
+    step,
+    errorMessage
+  } = useAppSelector(selectWidgetState);
+  React.useEffect(() => {
+    if (!step) {
+      dispatch(setStep(WIDGET_STEP.ChooseAmount));
+    }
+  }, [dispatch, step]);
+  const title = 'Borrow';
+  if (isLoadingBorrowerAccounts) {
+    return jsxRuntime.jsx(WidgetWrapper, {
+      isOpen: true,
+      isLoading: true,
+      loadingTitle: title,
+      handleClose: handleClose,
+      handleSuccess: handleSuccess
+    });
+  }
+  return jsxRuntime.jsxs(WidgetWrapper, {
+    isOpen: true,
+    loadingTitle: title,
+    handleClose: handleClose,
+    handleSuccess: handleSuccess,
+    children: [step === WIDGET_STEP.ChooseAmount && creditConfigAccount && jsxRuntime.jsx(ChooseAmount$1, {
+      poolInfo: poolInfo,
+      creditConfigAccount: creditConfigAccount
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$1, {
+      poolInfo: poolInfo
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done$1, {
+      poolInfo: poolInfo,
+      poolState: poolState,
+      handleAction: handleClose
+    }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
+      title: title,
+      errorReason: "Sorry there was an error",
+      errorMessage: errorMessage,
+      handleOk: handleClose
+    })]
+  });
+}
+
+function ChooseAmount(_ref) {
+  let {
+    poolInfo,
+    creditStateAccount
+  } = _ref;
+  const dispatch = useAppDispatch();
+  const {
+    symbol,
+    decimals
+  } = poolInfo.underlyingMint;
+  const [currentAmount, setCurrentAmount] = React.useState(0);
+  const totalDueAmount = React.useMemo(() => Number(shared.SolanaTokenUtils.formatUnits(creditStateAccount.creditRecord.totalDueAmount, decimals)), [creditStateAccount.creditRecord.totalDueAmount, decimals]);
+  const payoffAmount = React.useMemo(() => Number(shared.SolanaTokenUtils.formatUnits(creditStateAccount.creditRecord.payoffAmount, decimals)), [creditStateAccount.creditRecord.payoffAmount, decimals]);
+  React.useEffect(() => {
+    setCurrentAmount(totalDueAmount);
+    dispatch(setPaymentAmount({
+      paymentAmount: totalDueAmount
+    }));
+  }, [dispatch, totalDueAmount]);
+  const handleChangeAmount = newAmount => {
+    setCurrentAmount(newAmount);
+    dispatch(setPaymentAmount({
+      paymentAmount: newAmount
+    }));
+  };
+  const handleAction = React.useCallback(() => {
+    dispatch(setStep(WIDGET_STEP.Transfer));
+  }, [dispatch]);
+  return jsxRuntime.jsx(InputAmountModal, {
+    title: "Make Payment",
+    subTitle: "Choose Amount",
+    tokenSymbol: symbol,
+    currentAmount: currentAmount,
+    handleChangeAmount: handleChangeAmount,
+    maxAmount: payoffAmount,
+    maxAmountText: "Pay Off",
+    infos: ["".concat(shared.formatNumber(totalDueAmount.toFixed(0)), " Due")],
+    handleAction: handleAction,
+    actionText: "PAY"
+  });
+}
+
+function Transfer(_ref) {
+  let {
+    poolInfo
+  } = _ref;
+  const dispatch = useAppDispatch();
+  const {
+    wallet,
+    publicKey
+  } = walletAdapterReact.useWallet();
+  const {
+    connection
+  } = walletAdapterReact.useConnection();
+  const [transaction, setTransaction] = React.useState();
+  const program = webShared.useHumaProgram(poolInfo.chainId);
+  const {
+    paymentAmount
+  } = useAppSelector(selectWidgetState);
+  const {
+    decimals
+  } = poolInfo.underlyingMint;
+  const handleSuccess = React.useCallback(() => {
+    dispatch(setStep(WIDGET_STEP.Done));
+  }, [dispatch]);
+  React.useEffect(() => {
+    async function getTx() {
+      if (!wallet || !publicKey || !connection || !paymentAmount) {
+        return;
+      }
+      const {
+        underlyingTokenATA
+      } = shared.getTokenAccounts(poolInfo, publicKey);
+      const {
+        creditConfigAccount,
+        creditStateAccount
+      } = shared.getCreditAccounts(poolInfo, publicKey);
+      const paymentAmountBN = shared.SolanaTokenUtils.parseUnits(paymentAmount.toString(), decimals);
+      const tx = await program.methods.makePayment(paymentAmountBN).accountsPartial({
+        signer: publicKey,
+        humaConfig: poolInfo.humaConfig,
+        poolConfig: poolInfo.poolConfig,
+        poolState: poolInfo.poolState,
+        creditConfig: creditConfigAccount,
+        creditState: creditStateAccount,
+        poolAuthority: poolInfo.poolAuthority,
+        underlyingMint: poolInfo.underlyingMint.address,
+        poolUnderlyingToken: poolInfo.poolUnderlyingTokenAccount,
+        borrowerUnderlyingToken: underlyingTokenATA,
+        tokenProgram: splToken.TOKEN_2022_PROGRAM_ID
+      }).transaction();
+      setTransaction(tx);
+    }
+    getTx();
+  }, [connection, decimals, dispatch, paymentAmount, poolInfo, poolInfo.underlyingMint.address, poolInfo.underlyingMint.decimals, program.methods, publicKey, wallet]);
+  return jsxRuntime.jsx(SolanaTxSendModal, {
+    tx: transaction,
+    chainId: poolInfo.chainId,
+    handleSuccess: handleSuccess
+  });
+}
+
+function Done(_ref) {
+  let {
+    poolInfo,
+    handleAction
+  } = _ref;
+  const {
+    solanaSignature
+  } = useAppSelector(selectWidgetState);
+  const {
+    symbol
+  } = poolInfo.underlyingMint;
+  const {
+    connection
+  } = walletAdapterReact.useConnection();
+  const [tokensPaid, setTokensPaid] = React.useState(null);
+  React.useEffect(() => {
+    const fetchTokensPaid = async () => {
+      var _txData$meta, _txData$meta2;
+      if (!solanaSignature) {
+        return;
+      }
+      const txData = await connection.getTransaction(solanaSignature, {
+        maxSupportedTransactionVersion: 2
+      });
+      const preTokenBalance = txData === null || txData === void 0 || (_txData$meta = txData.meta) === null || _txData$meta === void 0 || (_txData$meta = _txData$meta.preTokenBalances) === null || _txData$meta === void 0 || (_txData$meta = _txData$meta[1]) === null || _txData$meta === void 0 || (_txData$meta = _txData$meta.uiTokenAmount) === null || _txData$meta === void 0 ? void 0 : _txData$meta.uiAmount;
+      const postTokenBalance = txData === null || txData === void 0 || (_txData$meta2 = txData.meta) === null || _txData$meta2 === void 0 || (_txData$meta2 = _txData$meta2.postTokenBalances) === null || _txData$meta2 === void 0 || (_txData$meta2 = _txData$meta2[1]) === null || _txData$meta2 === void 0 || (_txData$meta2 = _txData$meta2.uiTokenAmount) === null || _txData$meta2 === void 0 ? void 0 : _txData$meta2.uiAmount;
+      if (preTokenBalance && postTokenBalance) {
+        setTokensPaid(preTokenBalance - postTokenBalance);
+      }
+    };
+    fetchTokensPaid();
+  }, [connection, solanaSignature]);
+  const content = React.useMemo(() => {
+    if (tokensPaid !== null) {
+      return ["You successfully paid ".concat(shared.formatNumber(tokensPaid), " ").concat(symbol, ".")];
+    }
+    return ['Your payment to the pool was successful'];
+  }, [tokensPaid, symbol]);
+  return jsxRuntime.jsx(SolanaTxDoneModal, {
+    handleAction: handleAction,
+    content: content,
+    chainId: poolInfo.chainId,
+    solanaSignature: solanaSignature,
+    buttonText: "DONE"
+  });
+}
+
+function SolanaPayment(_ref) {
+  let {
+    poolInfo,
+    handleClose,
+    handleSuccess
+  } = _ref;
+  const dispatch = reactRedux.useDispatch();
+  const {
+    creditStateAccount,
+    loading: isLoadingBorrowerAccounts
+  } = webShared.useBorrowerAccounts(poolInfo.chainId, poolInfo.poolName);
   const {
     step,
     errorMessage
@@ -10444,8 +10706,8 @@ function SolanaBorrow(_ref) {
       dispatch(setStep(WIDGET_STEP.ChooseAmount));
     }
   }, [dispatch, step]);
-  const title = 'Redemption';
-  if (isLoadingBorrowerAccounts || isLoadingTokenAccounts) {
+  const title = 'Make Payment';
+  if (isLoadingBorrowerAccounts) {
     return jsxRuntime.jsx(WidgetWrapper, {
       isOpen: true,
       isLoading: true,
@@ -10459,13 +10721,14 @@ function SolanaBorrow(_ref) {
     loadingTitle: title,
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && creditConfigAccount && tokenAccount && jsxRuntime.jsx(ChooseAmount, {
+    children: [step === WIDGET_STEP.ChooseAmount && creditStateAccount && jsxRuntime.jsx(ChooseAmount, {
       poolInfo: poolInfo,
-      creditConfigAccount: creditConfigAccount,
-      tokenAccount: tokenAccount
-    }), step === WIDGET_STEP.ApproveAllowance && tokenAccount && jsxRuntime.jsx(ApproveAllowance, {
+      creditStateAccount: creditStateAccount
+    }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer, {
+      poolInfo: poolInfo
+    }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Done, {
       poolInfo: poolInfo,
-      tokenAccount: tokenAccount
+      handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
       title: title,
       errorReason: "Sorry there was an error",
@@ -10916,8 +11179,6 @@ function SolanaWidget(props) {
 /**
  * Lend pool supply widget props for Solana pools
  * @typedef {Object} SolanaLendSupplyWidgetProps
- * @property {SolanaLendSupplyProps} SolanaLendSupplyProps - Specific widget props
- * @property {SolanaWidgetProps} SolanaWidgetProps - Widget general props.
  */
 
 /**
@@ -10937,8 +11198,6 @@ function SolanaLendSupplyWidget(props) {
 /**
  * Lend pool supply widget props for Solana pools
  * @typedef {Object} SolanaLendAddRedemptionWidgetProps
- * @property {SolanaLendSupplyProps} SolanaLendSupplyProps - Specific widget props
- * @property {SolanaWidgetProps} SolanaWidgetProps - Widget general props.
  */
 
 /**
@@ -10958,8 +11217,6 @@ function SolanaLendAddRedemptionWidget(props) {
 /**
  * Lend pool supply widget props for Solana pools
  * @typedef {Object} SolanaLendCancelRedemptionWidgetProps
- * @property {SolanaLendSupplyProps} SolanaLendSupplyProps - Specific widget props
- * @property {SolanaWidgetProps} SolanaWidgetProps - Widget general props.
  */
 
 /**
@@ -10979,8 +11236,6 @@ function SolanaLendCancelRedemptionWidget(props) {
 /**
  * Lend pool supply widget props for Solana pools
  * @typedef {Object} SolanaBorrowWidgetProps
- * @property {SolanaLendSupplyProps} SolanaLendSupplyProps - Specific widget props
- * @property {SolanaWidgetProps} SolanaWidgetProps - Widget general props.
  */
 
 /**
@@ -10997,6 +11252,25 @@ function SolanaBorrowWidget(props) {
   });
 }
 
+/**
+ * Lend pool supply widget props for Solana pools
+ * @typedef {Object} SolanaPaymentWidgetProps
+ */
+
+/**
+ * Lend pool supply widget for Solana pools
+ *
+ * @param {SolanaPaymentWidgetProps} props - Widget props
+ */
+function SolanaPaymentWidget(props) {
+  return jsxRuntime.jsx(SolanaWidget, {
+    ...props,
+    children: jsxRuntime.jsx(SolanaPayment, {
+      ...props
+    })
+  });
+}
+
 exports.AddRedemptionWidgetV2 = AddRedemptionWidgetV2;
 exports.AutoPaybackWidgetV2 = AutoPaybackWidgetV2;
 exports.CancelRedemptionWidgetV2 = CancelRedemptionWidgetV2;
@@ -11017,6 +11291,7 @@ exports.SolanaBorrowWidget = SolanaBorrowWidget;
 exports.SolanaLendAddRedemptionWidget = SolanaLendAddRedemptionWidget;
 exports.SolanaLendCancelRedemptionWidget = SolanaLendCancelRedemptionWidget;
 exports.SolanaLendSupplyWidget = SolanaLendSupplyWidget;
+exports.SolanaPaymentWidget = SolanaPaymentWidget;
 exports.SuperfluidFactoringWidget = SuperfluidFactoringWidget;
 exports.SupplyFirstLossCoverWidget = SupplyFirstLossCoverWidget;
 //# sourceMappingURL=index.cjs.map