@huma-finance/widgets 0.0.61-beta.543 → 0.0.61-beta.546

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { JsonRpcProvider } from '@ethersproject/providers';
 import { Provider } from '@web3-react/types';
-import { POOL_NAME, POOL_TYPE, TrancheType } from '@huma-finance/shared';
+import { POOL_NAME, POOL_TYPE, TrancheType, IdentityVerificationStatusV2 } from '@huma-finance/shared';
 import { BigNumberish, BigNumber } from 'ethers';
 
 /**
@@ -190,14 +190,14 @@ interface Campaign {
  * @property {POOL_NAME} poolName The name of the pool.
  * @property {boolean} pointsTestnetExperience If the user is in the testnet experience.
  * @property {Campaign} campaign The campaign info.
- * @property {function():void} handleClose Function to notify to close the widget modal when user clicks the 'x' close button.
+ * @property {function((IdentityVerificationStatusV2|undefined)):void} handleClose Function to notify to close the widget modal when user clicks the 'x' close button.
  * @property {function((number|undefined)):void|undefined} handleSuccess Optional function to notify that the lending pool supply action is successful.
  */
 interface LendSupplyPropsV2 {
     poolName: keyof typeof POOL_NAME;
     pointsTestnetExperience: boolean;
     campaign?: Campaign;
-    handleClose: () => void;
+    handleClose: (identityStatus?: IdentityVerificationStatusV2) => void;
     handleSuccess?: (blockNumber?: number) => void;
 }
 

package/dist/index.js

@@ -1,5 +1,5 @@
 import { JsonRpcProvider } from '@ethersproject/providers';
-import { txAtom, useMQ, sendTxAtom, usePoolUnderlyingTokenContract, useMount, usePoolInfo, useAccountStats, usePoolInfoV2, usePoolUnderlyingTokenInfoV2, usePoolSafeAllowanceV2, useAuthErrorHandling, useCLFeeManager, useCLPoolAllowance, usePoolContract, useCreditContractV2, useCreditStatsV2, useFirstLossCoverContractV2, useFirstLossCoverRequirementV2, useFirstLossCoverAllowanceV2, useFeeManager, useInvoiceNFTContract, useRFPoolAllowance, useLenderDepositRecordV2, useLPConfigV2, useNextEpochStartTimeV2, useTrancheVaultContractV2, useCancellableRedemptionInfoV2, useParamsSearch, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useDebouncedValue, usePoolUnderlyingTokenBalanceV2, usePoolSettingsV2, useLenderApprovedV2, useLastDepositTime, usePoolBalance, useReceivableInfoV2, useReceivableContractV2, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, useFactoring, Provider as Provider$1 } from '@huma-finance/web-shared';
+import { txAtom, useMQ, sendTxAtom, usePoolUnderlyingTokenContract, useMount, usePoolInfo, useAccountStats, usePoolInfoV2, usePoolUnderlyingTokenInfoV2, usePoolSafeAllowanceV2, useAuthErrorHandling, useCLFeeManager, useCLPoolAllowance, usePoolContract, useCreditContractV2, useCreditStatsV2, useFirstLossCoverContractV2, useFirstLossCoverRequirementV2, useFirstLossCoverAllowanceV2, useFeeManager, useInvoiceNFTContract, useRFPoolAllowance, useLenderDepositRecordV2, useLPConfigV2, useNextEpochStartTimeV2, useTrancheVaultContractV2, useCancellableRedemptionInfoV2, useParamsSearch, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useDebouncedValue, usePoolUnderlyingTokenBalanceV2, useLenderApprovedV2, useLastDepositTime, usePoolBalance, useReceivableInfoV2, useReceivableContractV2, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, useFactoring, Provider as Provider$1 } from '@huma-finance/web-shared';
 import { useTheme, css, Box, Typography, Tooltip, Button, Dialog, Slider, Input, Divider, TextField, FormControl, FormLabel, RadioGroup, FormControlLabel, Radio, Snackbar, Alert, Skeleton, TablePagination, LinearProgress, createTheme, ThemeProvider } from '@mui/material';
 import { useAtom, Provider as Provider$2 } from 'jotai';
 import * as React from 'react';
@@ -5504,7 +5504,6 @@ function PersonaEvaluation(_ref) {
   let {
     poolInfo,
     isUniTranche,
-    minDepositAmount: minDepositAmountBN,
     campaign,
     pointsTestnetExperience,
     changeTranche,
@@ -5530,7 +5529,6 @@ function PersonaEvaluation(_ref) {
   const [sessionToken, setSessionToken] = useState();
   const [verificationStatus, setVerificationStatus] = useState();
   const [showPersonaClient, setShowPersonaClient] = useState(false);
-  const [campaignBasePoints, setCampaignBasePoints] = useState(0);
   const isKYCCompletedRef = useRef(false);
   const isActionOngoingRef = useRef(false);
   const isKYCResumedRef = useRef(false);
@@ -5543,26 +5541,6 @@ function PersonaEvaluation(_ref) {
     };
     createNewWallet();
   }, [account, campaign, isDev, isWalletOwnershipVerified, pointsTestnetExperience]);
-  useEffect(() => {
-    const getBasePoints = async () => {
-      if (campaign) {
-        const estimatedPoints = await CampaignService.getEstimatedPoints(campaign.campaignGroupId, minDepositAmountBN.toString(), isDev, pointsTestnetExperience);
-        const campaignPoints = estimatedPoints.find(item => item.campaignId === campaign.id);
-        if (campaignPoints) {
-          const {
-            juniorTranchePoints,
-            seniorTranchePoints
-          } = campaignPoints;
-          if (isUniTranche) {
-            setCampaignBasePoints(juniorTranchePoints !== null && juniorTranchePoints !== void 0 ? juniorTranchePoints : 0);
-          } else {
-            setCampaignBasePoints(juniorTranchePoints < seniorTranchePoints ? juniorTranchePoints : seniorTranchePoints);
-          }
-        }
-      }
-    };
-    getBasePoints();
-  }, [campaign, isDev, isUniTranche, minDepositAmountBN, pointsTestnetExperience]);
   const approveLender = useCallback(async () => {
     try {
       isActionOngoingRef.current = true;
@@ -5636,7 +5614,8 @@ function PersonaEvaluation(_ref) {
             }
           case IdentityVerificationStatusV2.APPROVED:
             {
-              await approveLender();
+              setKYCCopy(KYCCopies.verificationApproved);
+              setLoadingType(undefined);
               break;
             }
           case IdentityVerificationStatusV2.DECLINED:
@@ -5651,6 +5630,11 @@ function PersonaEvaluation(_ref) {
               setLoadingType(undefined);
               break;
             }
+          case IdentityVerificationStatusV2.CONSENTED_TO_SUBSCRIPTION:
+            {
+              await approveLender();
+              break;
+            }
           default:
             break;
         }
@@ -5705,6 +5689,7 @@ function PersonaEvaluation(_ref) {
     const client = new Persona.Client({
       inquiryId,
       sessionToken,
+      frameWidth: '480px',
       onReady: () => {
         client.open();
         setShowPersonaClient(true);
@@ -5738,7 +5723,8 @@ function PersonaEvaluation(_ref) {
           break;
         case IdentityVerificationStatusV2.DECLINED:
         case IdentityVerificationStatusV2.NEEDS_REVIEW:
-          handleClose();
+        case IdentityVerificationStatusV2.APPROVED:
+          handleClose(verificationStatus.status);
           break;
       }
     }
@@ -5757,16 +5743,11 @@ function PersonaEvaluation(_ref) {
           src: ApproveLenderImg,
           alt: "approve-lender"
         })
-      }), campaign && kycCopy === KYCCopies.verifyIdentity ? jsxs(Box, {
+      }), campaign && kycCopy === KYCCopies.verifyIdentity ? jsx(Box, {
         css: styles.description,
-        children: [jsx("span", {
-          children: "You'll be rewarded with a minimum of"
-        }), jsxs("span", {
-          css: styles.points,
-          children: [' ', formatNumber(campaignBasePoints), " Huma points", ' ']
-        }), jsx("span", {
-          children: "after completing KYC and your first investment."
-        })]
+        children: jsx("span", {
+          children: "You'll be rewarded with Huma points after completing KYC/KYB and your first investment."
+        })
       }) : jsx(Box, {
         css: styles.description,
         children: kycCopy.description
@@ -6021,7 +6002,6 @@ function Evaluation$1(_ref) {
   let {
     poolInfo,
     isUniTranche,
-    minDepositAmount,
     campaign,
     pointsTestnetExperience,
     changeTranche,
@@ -6040,7 +6020,6 @@ function Evaluation$1(_ref) {
       isUniTranche: isUniTranche,
       pointsTestnetExperience: pointsTestnetExperience,
       campaign: campaign,
-      minDepositAmount: minDepositAmount,
       changeTranche: changeTranche
     });
   }
@@ -6272,8 +6251,8 @@ var STATE = /*#__PURE__*/function (STATE) {
   STATE["SignIn"] = "SignIn";
   STATE["Congrats"] = "Congrats";
   return STATE;
-}(STATE || {});
-const ERROR_MESSAGE = 'Failed to update wallet points. Be assured that your points will be added later.';
+}(STATE || {}); // const ERROR_MESSAGE =
+//   'Failed to update wallet points. Be assured that your points will be added later.'
 function PointsEarned(_ref) {
   let {
     transactionHash,
@@ -6289,70 +6268,87 @@ function PointsEarned(_ref) {
     chainId
   } = useWeb3React();
   const [pointsAccumulated, setPointsAccumulated] = useState();
+  const hasPointsAccumulated = !isEmpty(pointsAccumulated) && pointsAccumulated > 0;
   const lockupMonths = Math.round(lpConfig.withdrawalLockoutPeriodInDays / 30);
   const monthText = lockupMonths > 1 ? "".concat(lockupMonths, " months") : "".concat(lockupMonths, " month");
-  const {
-    errorType,
-    setError: setAuthError,
-    isWalletOwnershipVerified,
-    isWalletOwnershipVerificationRequired
-  } = useAuthErrorHandling(isDev);
-  const [walletOwnership, setWalletOwnership] = useState();
+
+  // const {
+  //   errorType,
+  //   setError: setAuthError,
+  //   isWalletOwnershipVerified,
+  //   isWalletOwnershipVerificationRequired,
+  // } = useAuthErrorHandling(isDev)
+  // const [walletOwnership, setWalletOwnership] = useState<boolean | undefined>()
   const [state, setState] = useState(STATE.Loading);
-  useEffect(() => {
-    if (isWalletOwnershipVerificationRequired) {
-      setState(STATE.Loading);
-    }
-  }, [isWalletOwnershipVerificationRequired]);
-  useEffect(() => {
-    if (isWalletOwnershipVerified) {
-      setWalletOwnership(true);
-    }
-  }, [isWalletOwnershipVerified]);
-  useEffect(() => {
-    const checkWalletOwnership = async () => {
-      const ownership = await CampaignService.checkWalletOwnership(account, isDev, pointsTestnetExperience);
-      setWalletOwnership(ownership);
-      if (!ownership) {
-        setAuthError('WalletNotSignInException');
-      }
-    };
-    checkWalletOwnership();
-  }, [account, isDev, pointsTestnetExperience, setAuthError]);
-  useEffect(() => {
-    if (errorType === 'NotSignedIn') {
-      setState(STATE.SignIn);
-    } else if (errorType === 'UserRejected') {
-      dispatch(setError({
-        errorMessage: 'User has rejected the transaction.'
-      }));
-    } else if (errorType === 'Other') {
-      dispatch(setError({
-        errorMessage: ERROR_MESSAGE
-      }));
-    }
-  }, [dispatch, errorType]);
+
+  // useEffect(() => {
+  //   if (isWalletOwnershipVerificationRequired) {
+  //     setState(STATE.Loading)
+  //   }
+  // }, [isWalletOwnershipVerificationRequired])
+
+  // useEffect(() => {
+  //   if (isWalletOwnershipVerified) {
+  //     setWalletOwnership(true)
+  //   }
+  // }, [isWalletOwnershipVerified])
+
+  // useEffect(() => {
+  //   const checkWalletOwnership = async () => {
+  //     const ownership = await CampaignService.checkWalletOwnership(
+  //       account!,
+  //       isDev,
+  //       pointsTestnetExperience,
+  //     )
+  //     setWalletOwnership(ownership)
+  //     if (!ownership) {
+  //       setAuthError('WalletNotSignInException')
+  //     }
+  //   }
+  //   checkWalletOwnership()
+  // }, [account, isDev, pointsTestnetExperience, setAuthError])
+
+  // useEffect(() => {
+  //   if (errorType === 'NotSignedIn') {
+  //     setState(STATE.SignIn)
+  //   } else if (errorType === 'UserRejected') {
+  //     dispatch(
+  //       setError({
+  //         errorMessage: 'User has rejected the transaction.',
+  //       }),
+  //     )
+  //   } else if (errorType === 'Other') {
+  //     dispatch(
+  //       setError({
+  //         errorMessage: ERROR_MESSAGE,
+  //       }),
+  //     )
+  //   }
+  // }, [dispatch, errorType])
+
   useEffect(() => {
     const updateWalletPoints = async () => {
-      if (walletOwnership) {
-        try {
-          const result = await CampaignService.updateWalletPoints(account, transactionHash, chainId, isDev, pointsTestnetExperience);
-          if (!result.pointsAccumulated) {
-            dispatch(setError({
-              errorMessage: ERROR_MESSAGE
-            }));
-          }
-          setPointsAccumulated(result.pointsAccumulated);
-          setState(STATE.Congrats);
-        } catch (error) {
-          dispatch(setError({
-            errorMessage: ERROR_MESSAGE
-          }));
-        }
+      // if (walletOwnership) {
+      try {
+        // const result = await CampaignService.updateWalletPoints(
+        //   account!,
+        //   transactionHash,
+        //   chainId!,
+        //   isDev,
+        //   pointsTestnetExperience,
+        // )
+        // setPointsAccumulated(result.pointsAccumulated)
+        setPointsAccumulated(5000);
+        setState(STATE.Congrats);
+      } catch (error) {
+        console.error('Failed to update wallet points', error);
       }
+      // }
     };
     updateWalletPoints();
-  }, [account, chainId, dispatch, isDev, pointsTestnetExperience, transactionHash, walletOwnership]);
+  }, [account, chainId, dispatch, isDev, pointsTestnetExperience, transactionHash
+  // walletOwnership,
+  ]);
   const styles = {
     wrapper: css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n      height: 518px;\n      position: relative;\n    "]))),
     congrats: css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n      margin: ", ";\n    "])), theme.spacing(-4, -4.5, 0, -4.5)),
@@ -6377,17 +6373,21 @@ function PointsEarned(_ref) {
         css: styles.ribbon,
         children: [jsx(RibbonIcon, {}), jsxs(Box, {
           css: styles.ribbonContent,
-          children: [jsx(HumaPointsIcon, {}), jsxs(Box, {
-            children: [formatNumber(pointsAccumulated), " Points"]
+          children: [jsx(HumaPointsIcon, {}), jsx(Box, {
+            children: hasPointsAccumulated ? "".concat(formatNumber(pointsAccumulated), " Points") : 'Points earned'
           })]
         })]
-      }), jsxs(Box, {
+      }), jsx(Box, {
         css: styles.entirePoints,
-        children: [jsx(Box, {
-          children: "Congratulations,"
-        }), jsxs(Box, {
-          children: ["you've earned ", pointsAccumulated, " points"]
-        })]
+        children: hasPointsAccumulated ? jsxs(Fragment, {
+          children: [jsx(Box, {
+            children: "Congratulations,"
+          }), jsxs(Box, {
+            children: ["you've earned ", pointsAccumulated, " points"]
+          })]
+        }) : jsx(Box, {
+          children: "Congratulations on joining the Huma Protocol!"
+        })
       }), jsxs(Box, {
         css: styles.entirePointsDetails,
         children: ["You'll earn points ", jsx("span", {
@@ -6429,7 +6429,6 @@ function LendSupplyV2(_ref) {
   const [selectedTranche, setSelectedTranche] = useState();
   const [transactionHash, setTransactionHash] = useState();
   const poolUnderlyingToken = usePoolUnderlyingTokenInfoV2(poolName, provider);
-  const poolSettings = usePoolSettingsV2(poolName, provider);
   const lpConfig = useLPConfigV2(poolName, provider);
   const isUniTranche = (lpConfig === null || lpConfig === void 0 ? void 0 : lpConfig.maxSeniorJuniorRatio) === 0;
   const [lenderApprovedSenior] = useLenderApprovedV2(poolName, 'senior', account, provider);
@@ -6470,7 +6469,7 @@ function LendSupplyV2(_ref) {
       }
     }
   }, [dispatch, handleClose, isUniTranche, lenderApproveStatusFetched, lenderApprovedJunior, lenderApprovedSenior, lpConfig, poolInfo, campaign, step]);
-  if (!poolInfo || !poolUnderlyingToken || !lenderApproveStatusFetched || !lpConfig || !poolSettings) {
+  if (!poolInfo || !poolUnderlyingToken || !lenderApproveStatusFetched || !lpConfig) {
     return jsx(WidgetWrapper, {
       isOpen: true,
       isLoading: true,
@@ -6494,8 +6493,7 @@ function LendSupplyV2(_ref) {
       isUniTranche: isUniTranche,
       changeTranche: setSelectedTranche,
       pointsTestnetExperience: pointsTestnetExperience,
-      campaign: campaign,
-      minDepositAmount: poolSettings.minDepositAmount
+      campaign: campaign
     }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$4, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,