@huma-finance/widgets 0.0.62-beta.726 → 0.0.62-beta.729

package/dist/cjs/index.cjs

@@ -72,6 +72,7 @@ let WIDGET_STEP = /*#__PURE__*/function (WIDGET_STEP) {
   WIDGET_STEP["Evaluation"] = "Evaluation";
   WIDGET_STEP["FirstLossCover"] = "FirstLossCover";
   WIDGET_STEP["ChooseAmount"] = "ChooseAmount";
+  WIDGET_STEP["ApproveLender"] = "ApproveLender";
   WIDGET_STEP["Permit"] = "Permit";
   WIDGET_STEP["ApproveAllowance"] = "ApproveAllowance";
   WIDGET_STEP["MintNFT"] = "MintNFT";
@@ -5608,12 +5609,9 @@ var _templateObject$b, _templateObject2$b, _templateObject3$8;
 function PersonaEvaluation(_ref) {
   let {
     poolInfo,
-    isUniTranche,
     campaign,
     pointsTestnetExperience,
     chainType,
-    chainSpecificData,
-    changeTranche,
     handleClose
   } = _ref;
   const theme = material.useTheme();
@@ -5649,30 +5647,6 @@ function PersonaEvaluation(_ref) {
     };
     createNewWallet();
   }, [account, campaign, isDev, isWalletOwnershipVerified, pointsTestnetExperience]);
-  const approveLender = React.useCallback(async () => {
-    isActionOngoingRef.current = true;
-    setLoadingType('approveLender');
-    try {
-      await shared.IdentityServiceV2.approveLender(account, chainId, poolInfo.juniorTrancheVault, isDev, chainSpecificData);
-    } catch (e) {
-      console.error(e);
-    }
-    if (!isUniTranche) {
-      try {
-        await shared.IdentityServiceV2.approveLender(account, chainId, poolInfo.seniorTrancheVault, isDev, chainSpecificData);
-      } catch (e) {
-        console.error(e);
-      }
-    }
-    if (isUniTranche) {
-      changeTranche('junior');
-      dispatch(setStep(WIDGET_STEP.ChooseAmount));
-    } else {
-      dispatch(setStep(WIDGET_STEP.ChooseTranche));
-    }
-    isActionOngoingRef.current = false;
-    setLoadingType(undefined);
-  }, [account, chainId, chainSpecificData, changeTranche, dispatch, isDev, isUniTranche, poolInfo.juniorTrancheVault, poolInfo.seniorTrancheVault]);
   const checkVerificationStatus = React.useCallback(async () => {
     if (isActionOngoingRef.current || isKYCResumedRef.current) {
       return;
@@ -5755,7 +5729,7 @@ function PersonaEvaluation(_ref) {
             }
           case shared.IdentityVerificationStatusV2.CONSENTED_TO_SUBSCRIPTION:
             {
-              await approveLender();
+              dispatch(setStep(WIDGET_STEP.ApproveLender));
               break;
             }
           default:
@@ -5767,7 +5741,7 @@ function PersonaEvaluation(_ref) {
     } finally {
       isActionOngoingRef.current = false;
     }
-  }, [KYCCopies, account, approveLender, chainId, isDev, setAuthError]);
+  }, [KYCCopies, account, chainId, dispatch, isDev, setAuthError]);
   React.useEffect(() => {
     checkVerificationStatus();
   }, [checkVerificationStatus]);
@@ -6152,10 +6126,8 @@ function Evaluation$2(_ref) {
   var _poolInfo$KYC, _poolInfo$KYC2;
   let {
     poolInfo,
-    isUniTranche,
     campaign,
     pointsTestnetExperience,
-    changeTranche,
     handleClose
   } = _ref;
   if ((_poolInfo$KYC = poolInfo.KYC) !== null && _poolInfo$KYC !== void 0 && _poolInfo$KYC.Securitize) {
@@ -6168,16 +6140,86 @@ function Evaluation$2(_ref) {
     return jsxRuntime.jsx(PersonaEvaluation, {
       poolInfo: poolInfo,
       handleClose: handleClose,
-      isUniTranche: isUniTranche,
       pointsTestnetExperience: pointsTestnetExperience,
       campaign: campaign,
-      chainType: shared.CHAIN_TYPE.EVM,
-      changeTranche: changeTranche
+      chainType: shared.CHAIN_TYPE.EVM
     });
   }
   return null;
 }
 
+/* eslint-disable no-await-in-loop */
+function ApproveLenderBase(_ref) {
+  let {
+    juniorTrancheVault,
+    seniorTrancheVault,
+    isUniTranche,
+    chainType,
+    chainSpecificData,
+    changeTranche
+  } = _ref;
+  const isDev = shared.checkIsDev();
+  const dispatch = useAppDispatch();
+  const {
+    account,
+    chainId
+  } = webShared.useChainInfo(isDev, chainType);
+  const approveLender = React.useCallback(async trancheVault => {
+    let tryAttempts = 2;
+    while (tryAttempts > 0) {
+      try {
+        tryAttempts -= 1;
+        await shared.IdentityServiceV2.approveLender(account, chainId, trancheVault, isDev, chainSpecificData);
+        tryAttempts = 0;
+      } catch (e) {
+        if (tryAttempts === 0) {
+          dispatch(setError({
+            errorMessage: 'Something went wrong, please try again later.'
+          }));
+        } else {
+          await shared.timeUtil.sleep(3000);
+          console.error(e);
+        }
+      }
+    }
+  }, [account, chainId, chainSpecificData, dispatch, isDev]);
+  React.useEffect(() => {
+    const approveLenderAsync = async () => {
+      if (account && chainId) {
+        if (isUniTranche) {
+          await approveLender(juniorTrancheVault);
+          changeTranche('junior');
+          dispatch(setStep(WIDGET_STEP.ChooseAmount));
+        } else {
+          await approveLender(juniorTrancheVault);
+          await approveLender(seniorTrancheVault);
+          dispatch(setStep(WIDGET_STEP.ChooseTranche));
+        }
+      }
+    };
+    approveLenderAsync();
+  }, [account, approveLender, chainId, changeTranche, dispatch, isUniTranche, juniorTrancheVault, seniorTrancheVault]);
+  return jsxRuntime.jsx(LoadingModal, {
+    title: "Lender Approval",
+    description: "Checking your verification status..."
+  });
+}
+
+function ApproveLender$1(_ref) {
+  let {
+    poolInfo,
+    isUniTranche,
+    changeTranche
+  } = _ref;
+  return jsxRuntime.jsx(ApproveLenderBase, {
+    juniorTrancheVault: poolInfo.juniorTrancheVault,
+    seniorTrancheVault: poolInfo.seniorTrancheVault,
+    isUniTranche: isUniTranche,
+    chainType: shared.CHAIN_TYPE.EVM,
+    changeTranche: changeTranche
+  });
+}
+
 function ChooseAmount$9(_ref) {
   let {
     poolInfo,
@@ -6448,7 +6490,9 @@ function LendSupplyV2(_ref) {
   const lenderApproveStatusFetched = lenderApprovedSenior !== undefined && lenderApprovedJunior !== undefined;
   React.useEffect(() => {
     if (!step && poolInfo && lenderApproveStatusFetched && lpConfig) {
-      if (campaign && !isUniTranche && (!lenderApprovedJunior || !lenderApprovedSenior)) {
+      const uniTrancheNotEvaluated = isUniTranche && !lenderApprovedJunior;
+      const tranchesNotEvaluated = !isUniTranche && !lenderApprovedJunior && !lenderApprovedSenior;
+      if (uniTrancheNotEvaluated || tranchesNotEvaluated) {
         if (poolInfo.KYC) {
           dispatch(setStep(WIDGET_STEP.Evaluation));
         } else if (poolInfo.supplyLink) {
@@ -6457,14 +6501,8 @@ function LendSupplyV2(_ref) {
         }
         return;
       }
-      if (lenderApprovedJunior && !lenderApprovedSenior) {
-        setSelectedTranche('junior');
-        dispatch(setStep(WIDGET_STEP.ChooseAmount));
-        return;
-      }
-      if (lenderApprovedSenior && !lenderApprovedJunior) {
-        setSelectedTranche('senior');
-        dispatch(setStep(WIDGET_STEP.ChooseAmount));
+      if (!isUniTranche && (!lenderApprovedJunior || !lenderApprovedSenior)) {
+        dispatch(setStep(WIDGET_STEP.ApproveLender));
         return;
       }
       if (lenderApprovedJunior && lenderApprovedSenior) {
@@ -6480,7 +6518,7 @@ function LendSupplyV2(_ref) {
         handleClose();
       }
     }
-  }, [dispatch, handleClose, isUniTranche, lenderApproveStatusFetched, lenderApprovedJunior, lenderApprovedSenior, lpConfig, poolInfo, campaign, step]);
+  }, [dispatch, handleClose, isUniTranche, lenderApproveStatusFetched, lenderApprovedJunior, lenderApprovedSenior, lpConfig, poolInfo, step]);
   if (!poolInfo || !poolUnderlyingToken || !lenderApproveStatusFetched || !lpConfig || !juniorAssets || !seniorAssets) {
     return jsxRuntime.jsx(WidgetWrapper, {
       isOpen: true,
@@ -6502,10 +6540,12 @@ function LendSupplyV2(_ref) {
     }), step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation$2, {
       poolInfo: poolInfo,
       handleClose: handleClose,
-      isUniTranche: isUniTranche,
-      changeTranche: setSelectedTranche,
       pointsTestnetExperience: pointsTestnetExperience,
       campaign: campaign
+    }), step === WIDGET_STEP.ApproveLender && jsxRuntime.jsx(ApproveLender$1, {
+      poolInfo: poolInfo,
+      isUniTranche: isUniTranche,
+      changeTranche: setSelectedTranche
     }), step === WIDGET_STEP.ChooseAmount && jsxRuntime.jsx(ChooseAmount$9, {
       poolInfo: poolInfo,
       lpConfig: lpConfig,
@@ -8547,14 +8587,11 @@ function Evaluation(_ref) {
   var _poolInfo$KYC;
   let {
     poolInfo,
-    isUniTranche,
     pointsTestnetExperience,
     campaign,
-    changeTranche,
     handleClose
   } = _ref;
   if ((_poolInfo$KYC = poolInfo.KYC) !== null && _poolInfo$KYC !== void 0 && _poolInfo$KYC.Persona) {
-    const solanChainInfo = shared.SOLANA_CHAIN_INFO[poolInfo.chainId];
     return jsxRuntime.jsx(PersonaEvaluation, {
       poolInfo: {
         KYC: poolInfo.KYC,
@@ -8562,20 +8599,34 @@ function Evaluation(_ref) {
         seniorTrancheVault: poolInfo.seniorTrancheMint
       },
       handleClose: handleClose,
-      isUniTranche: isUniTranche,
       pointsTestnetExperience: pointsTestnetExperience,
       campaign: campaign,
-      chainSpecificData: {
-        huma_program_id: solanChainInfo.poolProgram,
-        pool_id: poolInfo.poolId
-      },
-      chainType: shared.CHAIN_TYPE.SOLANA,
-      changeTranche: changeTranche
+      chainType: shared.CHAIN_TYPE.SOLANA
     });
   }
   return null;
 }
 
+function ApproveLender(_ref) {
+  let {
+    poolInfo,
+    isUniTranche,
+    changeTranche
+  } = _ref;
+  const solanaChainInfo = shared.SOLANA_CHAIN_INFO[poolInfo.chainId];
+  return jsxRuntime.jsx(ApproveLenderBase, {
+    juniorTrancheVault: poolInfo.juniorTrancheMint,
+    seniorTrancheVault: poolInfo.seniorTrancheMint,
+    isUniTranche: isUniTranche,
+    chainType: shared.CHAIN_TYPE.SOLANA,
+    chainSpecificData: {
+      huma_program_id: solanaChainInfo.poolProgram,
+      pool_id: poolInfo.poolId
+    },
+    changeTranche: changeTranche
+  });
+}
+
 var _templateObject$7, _templateObject2$7, _templateObject3$5;
 function ChooseTranche$3(_ref) {
   let {
@@ -8715,6 +8766,43 @@ function ChooseAmount$4(_ref) {
   });
 }
 
+var _templateObject$6, _templateObject2$6;
+function ApproveAllowance$1(_ref) {
+  var _poolState$withdrawal;
+  let {
+    poolState
+  } = _ref;
+  const theme = material.useTheme();
+  const dispatch = useAppDispatch();
+  const handleNext = React.useCallback(() => {
+    dispatch(setStep(WIDGET_STEP.Transfer));
+  }, [dispatch]);
+  const styles = {
+    iconWrapper: material.css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n      ", ";\n      margin-top: ", ";\n      & > img {\n        width: 220px;\n      }\n    "])), theme.cssMixins.rowCentered, theme.spacing(6)),
+    description: material.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n      margin-top: ", ";\n      font-weight: 400;\n      font-size: 16px;\n      color: ", ";\n      padding: ", ";\n    "])), theme.spacing(4), theme.palette.text.secondary, theme.spacing(0, 1))
+  };
+  const {
+    lockupEndTimeUnix
+  } = webShared.getLenderLockupDates((_poolState$withdrawal = poolState.withdrawalLockupPeriodDays) !== null && _poolState$withdrawal !== void 0 ? _poolState$withdrawal : 0);
+  return jsxRuntime.jsxs(WrapperModal, {
+    title: "Auto-Redemption",
+    children: [jsxRuntime.jsx(material.Box, {
+      css: styles.iconWrapper,
+      children: jsxRuntime.jsx("img", {
+        src: AutoPaybackImg,
+        alt: "auto-payback"
+      })
+    }), jsxRuntime.jsxs(material.Box, {
+      css: styles.description,
+      children: ["This transaction will also enable auto-redemption for your tranche shares by approving our automation account as a delegate. Redemption requests will be automatically submitted on", ' ', shared.timeUtil.timestampToLL(lockupEndTimeUnix), "."]
+    }), jsxRuntime.jsx(BottomButton, {
+      variant: "contained",
+      onClick: handleNext,
+      children: "SUPPLY"
+    })]
+  });
+}
+
 function SolanaViewOnExplorer(_ref) {
   let {
     chainId,
@@ -8899,7 +8987,7 @@ function Transfer$6(_ref) {
   });
 }
 
-var _templateObject$6, _templateObject2$6, _templateObject3$4, _templateObject4$1, _templateObject5$1, _templateObject6$1;
+var _templateObject$5, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1, _templateObject6$1;
 function SolanaTxDoneModal(_ref) {
   let {
     content,
@@ -8912,8 +9000,8 @@ function SolanaTxDoneModal(_ref) {
   const theme = material.useTheme();
   const dispatch = useAppDispatch();
   const styles = {
-    wrapper: material.css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n      height: 518px;\n      position: relative;\n    "]))),
-    header: material.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n      ", ";\n      margin-top: ", ";\n    "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
+    wrapper: material.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n      height: 518px;\n      position: relative;\n    "]))),
+    header: material.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n      ", ";\n      margin-top: ", ";\n    "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
     content: material.css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n      ", ";\n      font-weight: ", ";\n      font-size: 18px;\n      color: ", ";\n      margin-top: ", ";\n      text-align: center;\n    "])), theme.cssMixins.colVCentered, subContent ? 700 : 400, theme.palette.text.secondary, theme.spacing(8)),
     subContent: material.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n      ", ";\n      font-weight: 400;\n      font-size: 18px;\n      color: ", ";\n      margin-top: ", ";\n      text-align: center;\n    "])), theme.cssMixins.colVCentered, theme.palette.text.primary, theme.spacing(2)),
     check: material.css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n      width: 100%;\n      ", ";\n      margin-top: ", ";\n    "])), theme.cssMixins.rowHCentered, theme.spacing(10)),
@@ -9005,43 +9093,6 @@ function Success$2(_ref) {
   });
 }
 
-var _templateObject$5, _templateObject2$5;
-function ApproveAllowance$1(_ref) {
-  var _poolState$withdrawal;
-  let {
-    poolState
-  } = _ref;
-  const theme = material.useTheme();
-  const dispatch = useAppDispatch();
-  const handleNext = React.useCallback(() => {
-    dispatch(setStep(WIDGET_STEP.Transfer));
-  }, [dispatch]);
-  const styles = {
-    iconWrapper: material.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n      ", ";\n      margin-top: ", ";\n      & > img {\n        width: 220px;\n      }\n    "])), theme.cssMixins.rowCentered, theme.spacing(6)),
-    description: material.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n      margin-top: ", ";\n      font-weight: 400;\n      font-size: 16px;\n      color: ", ";\n      padding: ", ";\n    "])), theme.spacing(4), theme.palette.text.secondary, theme.spacing(0, 1))
-  };
-  const {
-    lockupEndTimeUnix
-  } = webShared.getLenderLockupDates((_poolState$withdrawal = poolState.withdrawalLockupPeriodDays) !== null && _poolState$withdrawal !== void 0 ? _poolState$withdrawal : 0);
-  return jsxRuntime.jsxs(WrapperModal, {
-    title: "Auto-Redemption",
-    children: [jsxRuntime.jsx(material.Box, {
-      css: styles.iconWrapper,
-      children: jsxRuntime.jsx("img", {
-        src: AutoPaybackImg,
-        alt: "auto-payback"
-      })
-    }), jsxRuntime.jsxs(material.Box, {
-      css: styles.description,
-      children: ["This transaction will also enable auto-redemption for your tranche shares by approving our automation account as a delegate. Redemption requests will be automatically submitted on", ' ', shared.timeUtil.timestampToLL(lockupEndTimeUnix), "."]
-    }), jsxRuntime.jsx(BottomButton, {
-      variant: "contained",
-      onClick: handleNext,
-      children: "SUPPLY"
-    })]
-  });
-}
-
 function SolanaLendSupply(_ref) {
   let {
     poolInfo,
@@ -9071,6 +9122,10 @@ function SolanaLendSupply(_ref) {
         dispatch(setStep(WIDGET_STEP.Evaluation));
         return;
       }
+      if (!isUniTranche && (!juniorLenderApproved || !seniorLenderApproved)) {
+        dispatch(setStep(WIDGET_STEP.ApproveLender));
+        return;
+      }
       if (juniorLenderApproved && !seniorLenderApproved) {
         setSelectedTranche('junior');
         dispatch(setStep(WIDGET_STEP.ChooseAmount));
@@ -9085,7 +9140,7 @@ function SolanaLendSupply(_ref) {
         dispatch(setStep(WIDGET_STEP.ChooseTranche));
       }
     }
-  }, [dispatch, handleClose, poolInfo, step, isLoadingLenderAccounts, juniorLenderApproved, seniorLenderApproved, isLoadingTokenAccount]);
+  }, [dispatch, handleClose, poolInfo, step, isLoadingLenderAccounts, juniorLenderApproved, seniorLenderApproved, isLoadingTokenAccount, isUniTranche]);
   if (isLoadingLenderAccounts || isLoadingTokenAccount) {
     return jsxRuntime.jsx(WidgetWrapper, {
       isOpen: true,
@@ -9102,10 +9157,12 @@ function SolanaLendSupply(_ref) {
     handleSuccess: handleSuccess,
     children: [step === WIDGET_STEP.Evaluation && jsxRuntime.jsx(Evaluation, {
       poolInfo: poolInfo,
-      isUniTranche: !!isUniTranche,
       pointsTestnetExperience: pointsTestnetExperience,
       campaign: poolState.campaign,
-      handleClose: handleClose,
+      handleClose: handleClose
+    }), step === WIDGET_STEP.ApproveLender && jsxRuntime.jsx(ApproveLender, {
+      poolInfo: poolInfo,
+      isUniTranche: !!isUniTranche,
       changeTranche: setSelectedTranche
     }), step === WIDGET_STEP.ChooseTranche && jsxRuntime.jsx(ChooseTranche$3, {
       poolUnderlyingToken: poolInfo.underlyingMint,