@huma-finance/widgets 0.0.48-beta.292 → 0.0.48-beta.296

package/dist/cjs/index.cjs

@@ -2477,7 +2477,7 @@ function ChooseAmountModal(_ref) {
   });
 }
 
-function ChooseAmount$c(_ref) {
+function ChooseAmount$d(_ref) {
   let {
     poolInfo,
     accountStats
@@ -2954,7 +2954,7 @@ function CreditLineBorrow(_ref) {
     children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$4, {
       poolInfo: poolInfo,
       handleApprove: approveCallback
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$c, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$d, {
       poolInfo: poolInfo,
       accountStats: accountStats
     }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$a, {
@@ -3045,7 +3045,7 @@ function InputAmountModal(_ref) {
   });
 }
 
-function ChooseAmount$b(_ref) {
+function ChooseAmount$c(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -3287,7 +3287,7 @@ function CreditLineBorrowV2(_ref) {
     handleSuccess: handleSuccessCallback,
     children: [!step && jsxRuntime.jsx(LoadingModal, {
       title: "Borrow"
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$b, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$c, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       accountStats: accountStats
@@ -3311,7 +3311,7 @@ function CreditLineBorrowV2(_ref) {
   });
 }
 
-function ChooseAmount$a(_ref) {
+function ChooseAmount$b(_ref) {
   let {
     payoffAmount,
     totalDueAmount,
@@ -3468,7 +3468,7 @@ function CreditLinePayment(_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, {
       poolInfo: poolInfo,
       payoffAmount: payoffAmount,
       totalDueAmount: totalDueAmount
@@ -3487,7 +3487,7 @@ function CreditLinePayment(_ref) {
   });
 }
 
-function ChooseAmount$9(_ref) {
+function ChooseAmount$a(_ref) {
   let {
     payoffAmount: payoffAmountBN,
     totalDueAmount: totalDueAmountBN,
@@ -3509,10 +3509,6 @@ function ChooseAmount$9(_ref) {
   } = shared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
   const totalDueAmount = Number(ethers.ethers.utils.formatUnits(totalDueAmountBN, decimals));
   const payoffAmount = Number(ethers.ethers.utils.formatUnits(payoffAmountBN, decimals));
-  console.log('totalDueAmountBN', totalDueAmountBN.toString());
-  console.log('payoffAmountBN', payoffAmountBN.toString());
-  console.log('payoffAmount', payoffAmount);
-  console.log('currentAmount', currentAmount);
   React.useEffect(() => {
     setCurrentAmount(totalDueAmount);
   }, [totalDueAmount]);
@@ -3676,7 +3672,7 @@ function CreditLinePaymentV2(_ref) {
     loadingTitle: "Pay",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$9, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$a, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       payoffAmount: payoffAmount,
@@ -3869,7 +3865,7 @@ function Evaluation$3(_ref) {
   });
 }
 
-function ChooseAmount$8(_ref) {
+function ChooseAmount$9(_ref) {
   var _receivable;
   let {
     poolInfo,
@@ -4150,7 +4146,7 @@ function InvoiceFactoringBorrow(_ref) {
     children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$3, {
       poolInfo: poolInfo,
       tokenId: tokenId.toString()
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$8, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$9, {
       poolInfo: poolInfo,
       accountStats: accountStats
     }), step === WIDGET_STEP.ConfirmTransfer && jsxRuntime.jsx(ConfirmTransfer$1, {}), step === WIDGET_STEP.ApproveNFT && jsxRuntime.jsx(ApproveNFT, {
@@ -4169,7 +4165,7 @@ function InvoiceFactoringBorrow(_ref) {
   });
 }
 
-function ChooseAmount$7(_ref) {
+function ChooseAmount$8(_ref) {
   let {
     creditRecord,
     poolInfo
@@ -4314,7 +4310,7 @@ function InvoiceFactoringPayment(_ref) {
     loadingTitle: "Make Payment",
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$7, {
+    children: [step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$8, {
       creditRecord: creditRecord,
       poolInfo: poolInfo
     }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$5, {
@@ -4460,7 +4456,7 @@ function ChooseAction(_ref) {
   });
 }
 
-function ChooseAmount$6(_ref) {
+function ChooseAmount$7(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
@@ -4675,7 +4671,7 @@ function LendRedeemV2(_ref) {
       changeRedemptionType: setRedemptionType,
       seniorPosition: seniorPosition,
       juniorPosition: juniorPosition
-    }), step === WIDGET_STEP.ChooseAmount && redemptionType && jsxRuntime.jsx(ChooseAmount$6, {
+    }), step === WIDGET_STEP.ChooseAmount && redemptionType && jsxRuntime.jsx(ChooseAmount$7, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       redemptionType: redemptionType,
@@ -5085,7 +5081,7 @@ function Evaluation$2(_ref) {
   });
 }
 
-function ChooseAmount$5(_ref) {
+function ChooseAmount$6(_ref) {
   let {
     allowance,
     withdrawlLockoutSeconds,
@@ -5292,7 +5288,7 @@ function LendSupply(_ref) {
       poolInfo: poolInfo,
       handleClose: handleClose,
       handleApproveSuccess: handleApproveSuccess
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$5, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$6, {
       poolInfo: poolInfo,
       allowance: allowance,
       underlyingTokenBalance: balanceWithoutDecimals,
@@ -5317,11 +5313,12 @@ function LendSupply(_ref) {
 }
 
 var _templateObject$9, _templateObject2$7, _templateObject3$6;
-function ChooseTranche$1(_ref) {
+function ChooseSupplyType(_ref) {
   let {
     poolUnderlyingToken,
-    selectedTranche,
-    changeTranche
+    selectedSupplyType,
+    supplyTypes,
+    changeSupplyType
   } = _ref;
   const theme = material.useTheme();
   const dispatch = useAppDispatch();
@@ -5330,16 +5327,15 @@ function ChooseTranche$1(_ref) {
     radioGroup: material.css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n      margin-left: ", ";\n      margin-top: ", ";\n    "])), theme.spacing(3), theme.spacing(3)),
     formControl: material.css(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n      margin-bottom: ", ";\n\n      .MuiFormControlLabel-label {\n        color: ", ";\n        font-family: 'Uni-Neue-Regular';\n        font-size: 16px;\n        line-height: 150%;\n        letter-spacing: 0.15px;\n      }\n    "])), theme.spacing(1), theme.palette.text.primary)
   };
+  const handleChangeSupplyType = supplyTypeValue => {
+    const supplyType = supplyTypes.find(item => item.value === supplyTypeValue);
+    if (supplyType) {
+      changeSupplyType(supplyType);
+    }
+  };
   const handleNext = () => {
     dispatch(setStep(WIDGET_STEP.ChooseAmount));
   };
-  const items = [{
-    label: 'Senior',
-    value: 'senior'
-  }, {
-    label: 'Junior',
-    value: 'junior'
-  }];
   return jsxRuntime.jsxs(WrapperModal, {
     title: "Supply ".concat(poolUnderlyingToken.symbol),
     children: [jsxRuntime.jsxs(material.FormControl, {
@@ -5350,8 +5346,8 @@ function ChooseTranche$1(_ref) {
         "aria-labelledby": "buttons-group-label",
         name: "radio-buttons-group",
         css: styles.radioGroup,
-        onChange: e => changeTranche(e.target.value),
-        children: items.map(item => jsxRuntime.jsx(material.FormControlLabel, {
+        onChange: e => handleChangeSupplyType(e.target.value),
+        children: supplyTypes.map(item => jsxRuntime.jsx(material.FormControlLabel, {
           value: item.value,
           control: jsxRuntime.jsx(material.Radio, {
             sx: {
@@ -5366,7 +5362,7 @@ function ChooseTranche$1(_ref) {
       })]
     }), jsxRuntime.jsx(BottomButton, {
       variant: "contained",
-      disabled: !selectedTranche,
+      disabled: !selectedSupplyType,
       onClick: handleNext,
       children: "NEXT"
     })]
@@ -5605,11 +5601,11 @@ function Evaluation$1(_ref) {
   });
 }
 
-function ChooseAmount$4(_ref) {
+function ChooseAmount$5(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
-    selectedTranche
+    selectedSupplyType
   } = _ref;
   const dispatch = useAppDispatch();
   const {
@@ -5622,22 +5618,28 @@ function ChooseAmount$4(_ref) {
   } = poolUnderlyingToken;
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const {
-    allowance = ethers.BigNumber.from(0)
+    allowance: poolSafeAllowance = ethers.BigNumber.from(0)
   } = shared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
-  const [balance] = shared.usePoolUnderlyingTokenBalanceV2(poolInfo.poolName, account, provider);
-  const maxAmountFormatted = ethers.ethers.utils.formatUnits(balance, poolUnderlyingToken.decimals);
+  const [firstLossCoverAllowance = ethers.BigNumber.from(0)] = shared.useFirstLossCoverAllowanceV2(poolInfo.poolName, Number(selectedSupplyType.value), account, provider);
+  const [underlyingTokenBalance = ethers.BigNumber.from(0)] = shared.usePoolUnderlyingTokenBalanceV2(poolInfo.poolName, account, provider);
+  const maxAmountFormatted = ethers.ethers.utils.formatUnits(underlyingTokenBalance, poolUnderlyingToken.decimals);
   const handleChangeAmount = newAmount => {
     setCurrentAmount(newAmount);
     dispatch(setSupplyAmount(Number(newAmount)));
   };
   const handleAction = () => {
     const currentAmountBN = ethers.ethers.utils.parseUnits(String(currentAmount), decimals);
-    const step = currentAmountBN.gt(allowance) ? WIDGET_STEP.ApproveAllowance : WIDGET_STEP.Transfer;
-    dispatch(setStep(step));
+    if (selectedSupplyType.type === 'tranche') {
+      const step = currentAmountBN.gt(poolSafeAllowance) ? WIDGET_STEP.ApproveAllowance : WIDGET_STEP.Transfer;
+      dispatch(setStep(step));
+    } else {
+      const step = currentAmountBN.gt(firstLossCoverAllowance) ? WIDGET_STEP.ApproveAllowance : WIDGET_STEP.Transfer;
+      dispatch(setStep(step));
+    }
   };
   return jsxRuntime.jsx(InputAmountModal, {
     title: "Enter Amount",
-    subTitle: "Supplying ".concat(symbol, " with ").concat(selectedTranche),
+    subTitle: "Supplying ".concat(symbol, " with ").concat(selectedSupplyType === null || selectedSupplyType === void 0 ? void 0 : selectedSupplyType.label),
     tokenSymbol: symbol,
     currentAmount: currentAmount,
     handleChangeAmount: handleChangeAmount,
@@ -5651,10 +5653,14 @@ function ChooseAmount$4(_ref) {
 function ApproveAllowance$3(_ref) {
   let {
     poolInfo,
-    poolUnderlyingToken
+    poolUnderlyingToken,
+    selectedSupplyType
   } = _ref;
   const dispatch = useAppDispatch();
-  const spender = poolInfo.poolSafe;
+  let spender = poolInfo.poolSafe;
+  if (selectedSupplyType.type === 'firstLossCover') {
+    spender = poolInfo.firstLossCovers[Number(selectedSupplyType.value)];
+  }
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Transfer));
   }, [dispatch]);
@@ -5670,7 +5676,7 @@ function Transfer$5(_ref) {
   let {
     poolInfo,
     poolUnderlyingToken,
-    trancheType
+    selectedSupplyType
   } = _ref;
   const dispatch = useAppDispatch();
   const {
@@ -5684,17 +5690,40 @@ function Transfer$5(_ref) {
     decimals
   } = poolUnderlyingToken;
   const supplyBigNumber = ethers.ethers.utils.parseUnits(String(supplyAmount), decimals);
-  const trancheVaultContract = shared.useTrancheVaultContractV2(poolInfo.poolName, trancheType, provider, account);
+  const [contract, setContract] = React.useState(undefined);
+  React.useEffect(() => {
+    const fetchData = async () => {
+      if (account) {
+        if (selectedSupplyType.type === 'tranche') {
+          const trancheVaultContract = await shared.getTrancheVaultContractV2(poolInfo.poolName, selectedSupplyType.value, provider, account);
+          if (trancheVaultContract) {
+            setContract(trancheVaultContract);
+          }
+        }
+        if (selectedSupplyType.type === 'firstLossCover') {
+          const firstLossCoverContract = await shared.getFirstLossCoverContractV2(poolInfo.poolName, Number(selectedSupplyType.value), provider, account);
+          if (firstLossCoverContract) {
+            setContract(firstLossCoverContract);
+          }
+        }
+      }
+    };
+    fetchData();
+  }, [account, poolInfo.poolName, provider, selectedSupplyType.type, selectedSupplyType.value]);
+  const method = selectedSupplyType.type === 'tranche' ? 'deposit' : 'depositCover';
+  const params = selectedSupplyType.type === 'tranche' ? [supplyBigNumber, account] : [supplyBigNumber];
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
-  if (!trancheVaultContract || !account) {
-    return null;
+  if (!contract) {
+    return jsxRuntime.jsx(LoadingModal, {
+      title: "Transaction Pending"
+    });
   }
   return jsxRuntime.jsx(TxSendModalV2, {
-    contract: trancheVaultContract,
-    method: "deposit",
-    params: [supplyBigNumber, account],
+    contract: contract,
+    method: method,
+    params: params,
     handleSuccess: handleSuccess
   });
 }
@@ -5733,10 +5762,9 @@ function Success$4(_ref) {
         events.forEach(event => {
           const {
             from,
-            to,
             value
           } = event.args;
-          if (from.toLowerCase() === (account === null || account === void 0 ? void 0 : account.toLowerCase()) && to.toLowerCase() === poolInfo.poolSafe.toLowerCase()) {
+          if (from.toLowerCase() === (account === null || account === void 0 ? void 0 : account.toLowerCase())) {
             setSupplyAmount(shared.downScale(value.toString(), decimals));
           }
         });
@@ -5785,36 +5813,50 @@ function LendSupplyV2(_ref) {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [selectedTranche, setSelectedTranche] = React.useState();
+  const [supplyTypes, setSupplyTypes] = React.useState([]);
+  const [selectedSupplyType, setSelectedSupplyType] = React.useState();
   const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const [lenderApprovedSenior] = shared.useLenderApprovedV2(poolName, 'senior', account, provider);
   const [lenderApprovedJunior] = shared.useLenderApprovedV2(poolName, 'junior', account, provider);
-  const lenderApproveStatusFetched = lenderApprovedSenior !== undefined && lenderApprovedJunior !== undefined;
+  const [flcStats] = shared.useFirstLossCoverStatsV2(poolName, account, provider);
+  const lenderApproveStatusFetched = lenderApprovedSenior !== undefined && lenderApprovedJunior !== undefined && flcStats !== undefined;
   React.useEffect(() => {
     if (!step && poolInfo && lenderApproveStatusFetched) {
-      if (lenderApprovedJunior && !lenderApprovedSenior) {
-        setSelectedTranche('junior');
-        dispatch(setStep(WIDGET_STEP.ChooseAmount));
-        return;
+      const items = [];
+      if (lenderApprovedSenior) {
+        items.push({
+          label: 'Senior Tranche',
+          value: 'senior',
+          type: 'tranche'
+        });
       }
-      if (lenderApprovedSenior && !lenderApprovedJunior) {
-        setSelectedTranche('senior');
-        dispatch(setStep(WIDGET_STEP.ChooseAmount));
-        return;
+      if (lenderApprovedJunior) {
+        items.push({
+          label: 'Junior Tranche',
+          value: 'junior',
+          type: 'tranche'
+        });
       }
-      if (lenderApprovedJunior && lenderApprovedSenior) {
+      flcStats.filter(flc => flc.isApproved).forEach(flc => {
+        items.push({
+          label: "".concat(shared.capitalizeFirstLetter(shared.FirstLossCoverIndex[flc.firstLossCoverIndex]), " First Loss Cover"),
+          value: String(flc.firstLossCoverIndex),
+          type: 'firstLossCover'
+        });
+      });
+      if (items.length === 1) {
+        setSelectedSupplyType(items[0]);
+        dispatch(setStep(WIDGET_STEP.ChooseAmount));
+      } else if (items.length > 1) {
+        setSupplyTypes(items);
         dispatch(setStep(WIDGET_STEP.ChooseTranche));
-        return;
-      }
-      if (poolInfo.KYC) {
+      } else if (poolInfo.KYC) {
         dispatch(setStep(WIDGET_STEP.Evaluation));
-        return;
-      }
-      if (poolInfo.supplyLink) {
+      } else if (poolInfo.supplyLink) {
         shared.openInNewTab(poolInfo.supplyLink);
       }
     }
-  }, [dispatch, lenderApproveStatusFetched, lenderApprovedJunior, lenderApprovedSenior, poolInfo, step]);
+  }, [dispatch, flcStats, lenderApproveStatusFetched, lenderApprovedJunior, lenderApprovedSenior, poolInfo, step]);
   if (!poolInfo || !poolUnderlyingToken || !lenderApproveStatusFetched) {
     return jsxRuntime.jsx(WidgetWrapper, {
       isOpen: true,
@@ -5829,24 +5871,26 @@ function LendSupplyV2(_ref) {
     loadingTitle: "Supply ".concat(poolUnderlyingToken.symbol),
     handleClose: handleClose,
     handleSuccess: handleSuccess,
-    children: [step === WIDGET_STEP.ChooseTranche && jsxRuntime.jsx(ChooseTranche$1, {
+    children: [step === WIDGET_STEP.ChooseTranche && jsxRuntime.jsx(ChooseSupplyType, {
       poolUnderlyingToken: poolUnderlyingToken,
-      selectedTranche: selectedTranche,
-      changeTranche: setSelectedTranche
+      selectedSupplyType: selectedSupplyType,
+      supplyTypes: supplyTypes,
+      changeSupplyType: setSelectedSupplyType
     }), step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$1, {
       poolInfo: poolInfo,
       handleClose: handleClose
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$4, {
+    }), step === WIDGET_STEP.ChooseAmount && selectedSupplyType && jsxRuntime.jsx(ChooseAmount$5, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
-      selectedTranche: selectedTranche
-    }), step === WIDGET_STEP.ApproveAllowance && jsxRuntime.jsx(ApproveAllowance$3, {
+      selectedSupplyType: selectedSupplyType
+    }), step === WIDGET_STEP.ApproveAllowance && selectedSupplyType && jsxRuntime.jsx(ApproveAllowance$3, {
       poolInfo: poolInfo,
-      poolUnderlyingToken: poolUnderlyingToken
-    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$5, {
+      poolUnderlyingToken: poolUnderlyingToken,
+      selectedSupplyType: selectedSupplyType
+    }), step === WIDGET_STEP.Transfer && selectedSupplyType && jsxRuntime.jsx(Transfer$5, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
-      trancheType: selectedTranche
+      selectedSupplyType: selectedSupplyType
     }), step === WIDGET_STEP.Done && jsxRuntime.jsx(Success$4, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
@@ -5904,7 +5948,7 @@ function CheckWithdrawable(_ref) {
   });
 }
 
-function ChooseAmount$3(_ref) {
+function ChooseAmount$4(_ref) {
   let {
     lenderPosition,
     poolInfo
@@ -6048,7 +6092,7 @@ function LendWithdraw(_ref) {
     children: [(!step || step === WIDGET_STEP.CheckWithdrawable) && jsxRuntime.jsx(CheckWithdrawable, {
       poolInfo: poolInfo,
       handleClose: handleClose
-    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$3, {
+    }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$4, {
       poolInfo: poolInfo,
       lenderPosition: lenderPosition
     }), step === WIDGET_STEP.Transfer && jsxRuntime.jsx(Transfer$4, {
@@ -6067,73 +6111,35 @@ function LendWithdraw(_ref) {
 
 var _templateObject$7, _templateObject2$5, _templateObject3$5;
 function ChooseTranche(_ref) {
-  var _seniorWithdrawableAm, _juniorWithdrawableAm;
   let {
-    poolInfo,
     poolUnderlyingToken,
-    selectedTranche,
-    seniorWithdrawableAmount,
-    juniorWithdrawableAmount,
-    changeTranche
+    selectedWithdrawType,
+    withdrawTypes,
+    changeWithdrawType
   } = _ref;
   const theme = material.useTheme();
   const dispatch = useAppDispatch();
   const {
-    provider
-  } = core.useWeb3React();
-  const {
-    symbol,
-    decimals
+    symbol
   } = poolUnderlyingToken;
-  const [seniorWithdrawableShares, setSeniorWithdrawableShares] = React.useState(ethers.BigNumber.from(0));
-  const [juniorWithdrawableShares, setJuniorWithdrawableShares] = React.useState(ethers.BigNumber.from(0));
-  const isLoading = seniorWithdrawableAmount === undefined || juniorWithdrawableAmount === undefined;
-  React.useEffect(() => {
-    const fetchData = async () => {
-      if (seniorWithdrawableAmount !== null && seniorWithdrawableAmount !== void 0 && seniorWithdrawableAmount.gt(0)) {
-        const seniorVaultContract = await shared.getTrancheVaultContractV2(poolInfo.poolName, 'senior', provider);
-        if (seniorVaultContract) {
-          const shares = await seniorVaultContract.convertToShares(seniorWithdrawableAmount);
-          setSeniorWithdrawableShares(shares);
-        }
-      }
-    };
-    fetchData();
-  }, [poolInfo.poolName, provider, seniorWithdrawableAmount]);
-  React.useEffect(() => {
-    const fetchData = async () => {
-      if (juniorWithdrawableAmount !== null && juniorWithdrawableAmount !== void 0 && juniorWithdrawableAmount.gt(0)) {
-        const juniorVaultContract = await shared.getTrancheVaultContractV2(poolInfo.poolName, 'senior', provider);
-        if (juniorVaultContract) {
-          const shares = await juniorVaultContract.convertToShares(juniorWithdrawableAmount);
-          setJuniorWithdrawableShares(shares);
-        }
-      }
-    };
-    fetchData();
-  }, [poolInfo.poolName, provider, juniorWithdrawableAmount]);
   const styles = {
     subTitle: material.css(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n      color: ", " !important;\n      font-family: 'Uni-Neue-Regular';\n      font-size: 16px;\n      line-height: 150%;\n      letter-spacing: 0.15px;\n      margin-top: ", ";\n      margin-left: ", ";\n    "])), theme.palette.text.primary, theme.spacing(5), theme.spacing(2)),
     radioGroup: material.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n      margin-left: ", ";\n      margin-top: ", ";\n    "])), theme.spacing(3), theme.spacing(3)),
     formControl: material.css(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n      margin-bottom: ", ";\n\n      .MuiFormControlLabel-label {\n        color: ", ";\n        font-family: 'Uni-Neue-Regular';\n        font-size: 16px;\n        line-height: 150%;\n        letter-spacing: 0.15px;\n      }\n    "])), theme.spacing(1), theme.palette.text.primary)
   };
+  const handleChangeWithdrawType = withdrawTypeValue => {
+    const withdrawType = withdrawTypes.find(item => item.value === withdrawTypeValue);
+    if (withdrawType) {
+      changeWithdrawType(withdrawType);
+    }
+  };
   const handleNext = () => {
-    dispatch(setStep(WIDGET_STEP.Transfer));
+    if ((selectedWithdrawType === null || selectedWithdrawType === void 0 ? void 0 : selectedWithdrawType.type) === 'firstLossCover') {
+      dispatch(setStep(WIDGET_STEP.ChooseAmount));
+    } else {
+      dispatch(setStep(WIDGET_STEP.Transfer));
+    }
   };
-  const items = [{
-    label: "Withdraw ".concat(shared.formatBNFixed(seniorWithdrawableAmount, decimals), " ").concat(symbol, " from Senior vault (").concat(shared.formatBNFixed(seniorWithdrawableShares, decimals), " shares)"),
-    value: 'senior',
-    disabled: (_seniorWithdrawableAm = seniorWithdrawableAmount === null || seniorWithdrawableAmount === void 0 ? void 0 : seniorWithdrawableAmount.lte(0)) !== null && _seniorWithdrawableAm !== void 0 ? _seniorWithdrawableAm : true
-  }, {
-    label: "Withdraw ".concat(shared.formatBNFixed(juniorWithdrawableAmount, decimals), " ").concat(symbol, " from Junior vault (").concat(shared.formatBNFixed(juniorWithdrawableShares, decimals), " shares)"),
-    value: 'junior',
-    disabled: (_juniorWithdrawableAm = juniorWithdrawableAmount === null || juniorWithdrawableAmount === void 0 ? void 0 : juniorWithdrawableAmount.lte(0)) !== null && _juniorWithdrawableAm !== void 0 ? _juniorWithdrawableAm : true
-  }];
-  if (isLoading) {
-    return jsxRuntime.jsx(LoadingModal, {
-      title: "Withdraw ".concat(symbol)
-    });
-  }
   return jsxRuntime.jsxs(WrapperModal, {
     title: "Withdraw ".concat(symbol),
     children: [jsxRuntime.jsxs(material.FormControl, {
@@ -6144,10 +6150,9 @@ function ChooseTranche(_ref) {
         "aria-labelledby": "buttons-group-label",
         name: "radio-buttons-group",
         css: styles.radioGroup,
-        onChange: e => changeTranche(e.target.value),
-        children: items.map(item => jsxRuntime.jsx(material.FormControlLabel, {
+        onChange: e => handleChangeWithdrawType(e.target.value),
+        children: withdrawTypes.map(item => jsxRuntime.jsx(material.FormControlLabel, {
           value: item.value,
-          disabled: item.disabled,
           control: jsxRuntime.jsx(material.Radio, {
             sx: {
               '& .MuiSvgIcon-root': {
@@ -6161,34 +6166,116 @@ function ChooseTranche(_ref) {
       })]
     }), jsxRuntime.jsx(BottomButton, {
       variant: "contained",
-      disabled: !selectedTranche,
+      disabled: !selectedWithdrawType,
       onClick: handleNext,
       children: "NEXT"
     })]
   });
 }
 
+function ChooseAmount$3(_ref) {
+  let {
+    poolInfo,
+    poolUnderlyingToken,
+    selectedWithdrawType
+  } = _ref;
+  const dispatch = useAppDispatch();
+  const {
+    provider
+  } = core.useWeb3React();
+  const {
+    symbol
+  } = poolUnderlyingToken;
+  const [sharePrice, setSharePrice] = React.useState(0);
+  const [currentAmount, setCurrentAmount] = React.useState(0);
+  const [currentShares, setCurrentShares] = React.useState(0);
+  const maxAmountFormatted = ethers.ethers.utils.formatUnits(selectedWithdrawType.withdrawableAmount, poolUnderlyingToken.decimals);
+  React.useEffect(() => {
+    if (selectedWithdrawType.withdrawableAmount.gt(0)) {
+      const fetchData = async () => {
+        const firstLossCoverContract = await shared.getFirstLossCoverContractV2(poolInfo.poolName, Number(selectedWithdrawType.value), provider);
+        if (firstLossCoverContract) {
+          const shares = await firstLossCoverContract.convertToShares(selectedWithdrawType.withdrawableAmount);
+          const price = selectedWithdrawType.withdrawableAmount.div(shares);
+          setSharePrice(price.toNumber());
+        }
+      };
+      fetchData();
+    }
+  }, [poolInfo.poolName, provider, selectedWithdrawType.value, selectedWithdrawType.withdrawableAmount]);
+  const handleChangeAmount = newAmount => {
+    const shares = Number(newAmount) / sharePrice;
+    setCurrentShares(shares);
+    setCurrentAmount(newAmount);
+    dispatch(setWithdrawAmount(Number(newAmount)));
+  };
+  const handleAction = () => {
+    dispatch(setStep(WIDGET_STEP.Transfer));
+  };
+  return jsxRuntime.jsx(InputAmountModal, {
+    title: "Withdraw ".concat(symbol),
+    subTitle: selectedWithdrawType.label,
+    tokenSymbol: symbol,
+    currentAmount: currentAmount,
+    handleChangeAmount: handleChangeAmount,
+    maxAmount: maxAmountFormatted,
+    info: "".concat(currentShares.toFixed(1), " Shares"),
+    handleAction: handleAction,
+    actionText: "WITHDRAW"
+  });
+}
+
 function Transfer$3(_ref) {
   let {
     poolInfo,
-    selectedTranche
+    poolUnderlyingToken,
+    selectedWithdrawType
   } = _ref;
   const dispatch = useAppDispatch();
   const {
     account,
     provider
   } = core.useWeb3React();
-  const trancheVaultContract = shared.useTrancheVaultContractV2(poolInfo.poolName, selectedTranche, provider, account);
+  const {
+    withdrawAmount
+  } = useAppSelector(selectWidgetState);
+  const [firstLossCoverShares, setFirstLossCoverShares] = React__default["default"].useState(undefined);
+  const [contract, setContract] = React.useState(undefined);
+  React.useEffect(() => {
+    const fetchData = async () => {
+      if (account) {
+        if (selectedWithdrawType.type === 'tranche') {
+          const trancheVaultContract = await shared.getTrancheVaultContractV2(poolInfo.poolName, selectedWithdrawType.value, provider, account);
+          if (trancheVaultContract) {
+            setContract(trancheVaultContract);
+          }
+        }
+        if (selectedWithdrawType.type === 'firstLossCover') {
+          const firstLossCoverContract = await shared.getFirstLossCoverContractV2(poolInfo.poolName, Number(selectedWithdrawType.value), provider, account);
+          if (firstLossCoverContract) {
+            const shares = await firstLossCoverContract.convertToShares(ethers.ethers.utils.parseUnits(String(withdrawAmount), poolUnderlyingToken.decimals));
+            setFirstLossCoverShares(shares);
+            setContract(firstLossCoverContract);
+          }
+        }
+      }
+    };
+    fetchData();
+  }, [account, poolInfo.poolName, poolUnderlyingToken.decimals, provider, selectedWithdrawType.type, selectedWithdrawType.value, withdrawAmount]);
+  const method = selectedWithdrawType.type === 'tranche' ? 'disburse' : 'redeemCover';
+  const params = selectedWithdrawType.type === 'tranche' ? [] : [firstLossCoverShares, account];
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
-  if (!trancheVaultContract || !account) {
-    return null;
+  if (!account || !contract) {
+    return jsxRuntime.jsx(LoadingModal, {
+      title: "Transaction Pending"
+    });
   }
   return jsxRuntime.jsx(TxSendModalV2, {
-    contract: trancheVaultContract,
-    method: "disburse",
-    params: [],
+    contract: contract,
+    method: method,
+    params: params,
     handleSuccess: handleSuccess
   });
 }
@@ -6228,33 +6315,66 @@ function LendWithdrawV2(_ref) {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [seniorWithdrawableAmount, refreshSeniorWithdrawableAmount] = shared.useWithdrawableAssetsV2(poolName, 'senior', account, provider);
-  const [juniorWithdrawableAmount, refreshJuniorWithdrawableAmount] = shared.useWithdrawableAssetsV2(poolName, 'junior', account, provider);
+  const [withdrawTypes, setWithdrawTypes] = React.useState([]);
+  const [selectedWithdrawType, setSelectedWithdrawType] = React.useState();
+  const [seniorWithdrawableAmount, refreshSeniorWithdrawableAmount] = shared.useTrancheWithdrawableAssetsV2(poolName, 'senior', account, provider);
+  const [juniorWithdrawableAmount, refreshJuniorWithdrawableAmount] = shared.useTrancheWithdrawableAssetsV2(poolName, 'junior', account, provider);
+  const isReadyForFlcWithdrawal = shared.usePoolIsReadyForFlcWithdrawalV2(poolName, provider);
+  const [flcStats, refreshFlcStats] = shared.useFirstLossCoverStatsV2(poolName, account, provider);
   const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
-  const [selectedTranche, setSelectedTranche] = React.useState();
-  const [withdrawAmount, setWithdrawAmount] = React.useState();
+  const {
+    symbol,
+    decimals
+  } = poolUnderlyingToken || {};
+  const isLoading = !poolInfo || !poolUnderlyingToken || isReadyForFlcWithdrawal === undefined || !seniorWithdrawableAmount || !juniorWithdrawableAmount || !flcStats;
   React.useEffect(() => {
-    if (!step) {
-      dispatch(setStep(WIDGET_STEP.ChooseTranche));
+    if (!step && !isLoading) {
+      const items = [];
+      if (seniorWithdrawableAmount.gt(0)) {
+        items.push({
+          label: "Withdraw ".concat(shared.formatBNFixed(seniorWithdrawableAmount, decimals), " ").concat(symbol, " from Senior Tranche"),
+          value: 'senior',
+          type: 'tranche',
+          withdrawableAmount: seniorWithdrawableAmount
+        });
+      }
+      if (juniorWithdrawableAmount.gt(0)) {
+        items.push({
+          label: "Withdraw ".concat(shared.formatBNFixed(juniorWithdrawableAmount, decimals), " ").concat(symbol, " from Junior Tranche"),
+          value: 'junior',
+          type: 'tranche',
+          withdrawableAmount: juniorWithdrawableAmount
+        });
+      }
+      if (isReadyForFlcWithdrawal) {
+        flcStats.filter(flc => flc.totalAssets.gt(0)).forEach(flc => {
+          items.push({
+            label: "Withdraw ".concat(symbol, " from ").concat(shared.capitalizeFirstLetter(shared.FirstLossCoverIndex[flc.firstLossCoverIndex]), " First Loss Cover"),
+            value: String(flc.firstLossCoverIndex),
+            type: 'firstLossCover',
+            withdrawableAmount: flc.totalAssets
+          });
+        });
+      }
+      setWithdrawTypes(items);
+      if (items.length === 1) {
+        setSelectedWithdrawType(items[0]);
+        const step = items[0].type === 'firstLossCover' ? WIDGET_STEP.ChooseAmount : WIDGET_STEP.Transfer;
+        dispatch(setStep(step));
+      } else if (items.length > 1) {
+        dispatch(setStep(WIDGET_STEP.ChooseTranche));
+      }
     }
-  }, [dispatch, step]);
+  }, [decimals, dispatch, flcStats, isLoading, isReadyForFlcWithdrawal, juniorWithdrawableAmount, seniorWithdrawableAmount, step, symbol]);
   const handleWithdrawSuccess = React.useCallback(blockNumber => {
     refreshSeniorWithdrawableAmount();
     refreshJuniorWithdrawableAmount();
+    refreshFlcStats();
     if (handleSuccess) {
       handleSuccess(blockNumber);
     }
-  }, [handleSuccess, refreshJuniorWithdrawableAmount, refreshSeniorWithdrawableAmount]);
-  const handleChangeTranche = React.useCallback(tranche => {
-    setSelectedTranche(tranche);
-    if (tranche === 'senior') {
-      setWithdrawAmount(seniorWithdrawableAmount);
-    }
-    if (tranche === 'junior') {
-      setWithdrawAmount(juniorWithdrawableAmount);
-    }
-  }, [juniorWithdrawableAmount, seniorWithdrawableAmount]);
-  if (!poolInfo || !poolUnderlyingToken) {
+  }, [handleSuccess, refreshFlcStats, refreshJuniorWithdrawableAmount, refreshSeniorWithdrawableAmount]);
+  if (isLoading) {
     return null;
   }
   return jsxRuntime.jsxs(WidgetWrapper, {
@@ -6263,18 +6383,21 @@ function LendWithdrawV2(_ref) {
     handleClose: handleClose,
     handleSuccess: handleWithdrawSuccess,
     children: [step === WIDGET_STEP.ChooseTranche && jsxRuntime.jsx(ChooseTranche, {
+      poolUnderlyingToken: poolUnderlyingToken,
+      selectedWithdrawType: selectedWithdrawType,
+      withdrawTypes: withdrawTypes,
+      changeWithdrawType: setSelectedWithdrawType
+    }), step === WIDGET_STEP.ChooseAmount && selectedWithdrawType && jsxRuntime.jsx(ChooseAmount$3, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
-      selectedTranche: selectedTranche,
-      changeTranche: handleChangeTranche,
-      seniorWithdrawableAmount: seniorWithdrawableAmount,
-      juniorWithdrawableAmount: juniorWithdrawableAmount
-    }), step === WIDGET_STEP.Transfer && selectedTranche && jsxRuntime.jsx(Transfer$3, {
+      selectedWithdrawType: selectedWithdrawType
+    }), step === WIDGET_STEP.Transfer && selectedWithdrawType && jsxRuntime.jsx(Transfer$3, {
       poolInfo: poolInfo,
-      selectedTranche: selectedTranche
-    }), step === WIDGET_STEP.Done && withdrawAmount && jsxRuntime.jsx(Done, {
       poolUnderlyingToken: poolUnderlyingToken,
-      withdrawAmount: withdrawAmount,
+      selectedWithdrawType: selectedWithdrawType
+    }), step === WIDGET_STEP.Done && selectedWithdrawType && jsxRuntime.jsx(Done, {
+      poolUnderlyingToken: poolUnderlyingToken,
+      withdrawAmount: selectedWithdrawType.withdrawableAmount,
       handleAction: handleClose
     }), step === WIDGET_STEP.Error && jsxRuntime.jsx(ErrorModal, {
       title: "Withdraw",