@huma-finance/widgets 0.0.48-beta.283 → 0.0.48-beta.285

package/dist/index.js

@@ -5225,36 +5225,19 @@ function LendSupply(_ref) {
 var _templateObject$a, _templateObject2$8, _templateObject3$7;
 function ChooseTranche$1(_ref) {
   let {
-    poolInfo,
     poolUnderlyingToken,
     selectedTranche,
     changeTranche
   } = _ref;
   const theme = useTheme();
-  const {
-    poolName
-  } = poolInfo;
   const dispatch = useAppDispatch();
-  const {
-    account,
-    provider
-  } = useWeb3React();
-  const [lenderApprovedSenior] = useLenderApprovedV2(poolName, 'senior', account, provider);
-  const [lenderApprovedJunior] = useLenderApprovedV2(poolName, 'junior', account, provider);
-  const isLoading = lenderApprovedSenior === undefined || lenderApprovedJunior === undefined;
   const styles = {
     subTitle: css(_templateObject$a || (_templateObject$a = _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: css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n      margin-left: ", ";\n      margin-top: ", ";\n    "])), theme.spacing(3), theme.spacing(3)),
     formControl: css(_templateObject3$7 || (_templateObject3$7 = _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 handleNext = () => {
-    if (selectedTranche === 'senior' && lenderApprovedSenior || selectedTranche === 'junior' && lenderApprovedJunior) {
-      dispatch(setStep(WIDGET_STEP.ChooseAmount));
-    } else if (poolInfo.KYC) {
-      dispatch(setStep(WIDGET_STEP.Evaluation));
-    } else if (poolInfo.supplyLink) {
-      openInNewTab(poolInfo.supplyLink);
-    }
+    dispatch(setStep(WIDGET_STEP.ChooseAmount));
   };
   const items = [{
     label: 'Senior',
@@ -5263,11 +5246,6 @@ function ChooseTranche$1(_ref) {
     label: 'Junior',
     value: 'junior'
   }];
-  if (isLoading) {
-    return jsx(LoadingModal, {
-      title: "Supply ".concat(poolUnderlyingToken.symbol)
-    });
-  }
   return jsxs(WrapperModal, {
     title: "Supply ".concat(poolUnderlyingToken.symbol),
     children: [jsxs(FormControl, {
@@ -5755,7 +5733,8 @@ function LendSupplyV2(_ref) {
   const poolName = POOL_NAME[poolNameStr];
   const {
     chainId,
-    provider
+    provider,
+    account
   } = useWeb3React();
   const poolInfo = usePoolInfoV2(poolName, chainId);
   const {
@@ -5764,12 +5743,35 @@ function LendSupplyV2(_ref) {
   } = useAppSelector(selectWidgetState);
   const [selectedTranche, setSelectedTranche] = useState();
   const poolUnderlyingToken = usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const [lenderApprovedSenior] = useLenderApprovedV2(poolName, 'senior', account, provider);
+  const [lenderApprovedJunior] = useLenderApprovedV2(poolName, 'junior', account, provider);
+  const lenderApproveStatusFetched = lenderApprovedSenior !== undefined && lenderApprovedJunior !== undefined;
   useEffect(() => {
-    if (!step) {
-      dispatch(setStep(WIDGET_STEP.ChooseTranche));
+    if (!step && poolInfo && lenderApproveStatusFetched) {
+      if (lenderApprovedJunior && !lenderApprovedSenior) {
+        setSelectedTranche('junior');
+        dispatch(setStep(WIDGET_STEP.ChooseAmount));
+        return;
+      }
+      if (lenderApprovedSenior && !lenderApprovedJunior) {
+        setSelectedTranche('senior');
+        dispatch(setStep(WIDGET_STEP.ChooseAmount));
+        return;
+      }
+      if (lenderApprovedJunior && lenderApprovedSenior) {
+        dispatch(setStep(WIDGET_STEP.ChooseTranche));
+        return;
+      }
+      if (poolInfo.KYC) {
+        dispatch(setStep(WIDGET_STEP.Evaluation));
+        return;
+      }
+      if (poolInfo.supplyLink) {
+        openInNewTab(poolInfo.supplyLink);
+      }
     }
-  }, [dispatch, step]);
-  if (!poolInfo || !poolUnderlyingToken) {
+  }, [dispatch, lenderApproveStatusFetched, lenderApprovedJunior, lenderApprovedSenior, poolInfo, step]);
+  if (!poolInfo || !poolUnderlyingToken || !lenderApproveStatusFetched) {
     return jsx(WidgetWrapper, {
       isOpen: true,
       isLoading: true,
@@ -5784,7 +5786,6 @@ function LendSupplyV2(_ref) {
     handleClose: handleClose,
     handleSuccess: handleSuccess,
     children: [step === WIDGET_STEP.ChooseTranche && jsx(ChooseTranche$1, {
-      poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,
       selectedTranche: selectedTranche,
       changeTranche: setSelectedTranche